@charset "utf-8";
/* CSS Document */

/*==========================
SP
==========================*/

@media screen and (max-width: 980px) {
.rte {
	font-size: 15px!important;
	line-height: 1.5em!important;
}

.mainImg_pc {
	display: none;
}
.mainImg_sp {
	display: block;
}


.mainVisual {
	margin-bottom: 10%;
}

/* mainBox */
.contitle_container {
	display: block;
	margin-bottom: 15%;
}

.contitle_item01 {
	width: 100%;
	margin-bottom: 7%;
}

.contitle_item02 {
	width: 100%;
}

.mainBox__ostros {
	margin-bottom: 20%;
}

/*==========================
left_btn
==========================*/
.ostros_container {
	display: block;
}

.ostoros_item01 {
	width: 80%;
	margin: 0 auto 10%;
}

.ostros_item02 {
	width: 100%;
	margin: 0 auto;
}

.ostros_item02-container {
	gap: 0;
}

.ostros_item02-item {
	width: 50%;
}

.subImg {
	width: 70%;
	margin: 18% auto 18%;
}


/*==========================
right_btn
==========================*/

.ostros_container2 {
	display: block;
}


.sp_block {
	display: block;
}
.sp_none {
	display: none;
}






}