@charset "UTF-8";




@media only screen and (max-width: 767px){
	

	
	
/*********** 共通 *************/


/*********** ↑共通 *************/


	
	
.merit-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0;
}

.merit-wrap li {
	display: flex;
	flex-wrap: wrap;
	font-size: 1.5rem;
	width: 100%;
}

.merit-wrap li::after {
	content: "";
	display: block;
	top: 0;
	bottom: 0;
	height: 1px;
	width: 100%;
	margin: auto;
	border-left: none;
	border-bottom: 1px solid #B2B2B2;
}

.merit-wrap li:nth-child(1)::before {
	border-left: none;
}
	
.merit-wrap li:nth-child(1) {width: 100%; line-height: 1.2; margin-top: 5px;}
.merit-wrap li:nth-child(2) {width: 100%;}
.merit-wrap li:nth-child(3) {width: 100%; line-height: 1.2; margin-top: -5px;}
.merit-wrap li:nth-child(4) {width: 100%;}
.merit-wrap li:nth-child(5) {width: 100%;}
	
.merit-wrap li div {
	width: 100%;
	padding: 15px 0;
}

.merit-wrap sup {
	font-size: 0.55em;
	letter-spacing: 0;
	top: -0.8em;
}

.merit-wrap .s {
	font-size: 0.75em;
	letter-spacing: 0;
	top: -0.6em;
}

.merit-wrap .l {
	font-size: 1.5em;
}

.merit-wrap .no1 p:nth-child(1) {
	text-align: center;
}

.merit-wrap .no4 {
	margin-top: 0;
}

.merit-wrap .no5 {
	margin-top: 0;
}

	

	
	
	
/*********** concept *************/

.concept-bg {
	background-image: url("../../images/sp_concept_bg.jpg");
	background-position: top center;
	background-size: cover;
}

.concept_mc-wrap {
	padding: 50px 0 40px;
}

.concept_01 {
	width: 70.59%;
	margin: 0 auto;
}



.concept_sakura {
	position: absolute;
	right: 5%;
	bottom: -10%;
	width: 80%;
}

/*********** ↑concept *************/




	
/*********** information *************/

.info-bg {
	padding: 30px 4%;
	margin-top: 70px;
}

.info-ttl {
	font-size: 1.6rem;
}

.info-wrap {
	margin-top: 15px;
}

.info-wrap .txt1 {
	font-size: 2.0rem;
}

.info-wrap .txt2 {
	font-size: 1.3rem;
	margin-top: 20px;
}
	
.entry-ttl {
	font-size: 1.7rem;
	padding: 3px;
	margin-top: 30px;
}

.info_entry-wrap {
	margin-top: 0;
}

.info_entry-wrap li {
	width: 100%;
	padding: 20px;
	margin-top: 20px;
}

.info_entry-wrap dt .txt1 {
	font-size: 1.6rem;
	margin-top: -5px;
}

.info_entry-wrap dt .txt2 {
	font-size: 1.6rem;
}

.info_entry-wrap .no1 dt .txt2 {
	padding: 0;
}

.info_entry-wrap dd {
	font-size: 1.3rem;
	padding-top: 10px;
	margin-top: 10px;
}

.info_entry-wrap .mk {
	width: 60px;
}

/*********** ↑information *************/


	
	
	
/*********** cont *************/

.cont_center-line {
	top: -80px;
	height: calc(100% + 80px);
	left: 90%;
}


/*** cont-common ***/

.cont-wrap {
	margin-top: 80px;
}


.cont_copy-wrap h2 {
	font-size: 2.5rem;
}

.cont_copy-wrap .ttl {
	font-size: 1.8rem;
	letter-spacing: 0.1em;
	margin-top: 25px;
}
	
.cont_copy-wrap .ttl br {
	display: block;
}
	
.cont_copy-wrap .ttl br.pc-only {
	display: none;
}
	
.cont_copy-wrap .ttl sup {
	font-size: 0.6em;
	top: -0.7em;
}

.cont_copy-wrap .txt {
	font-size: 1.4rem;
	line-height: 1.8;
	letter-spacing: 0.1em;
	margin-top: 20px;
}
	
.cont_copy-wrap .txt br {
	display: block;
}
	

.cont_copy-wrap .cont-bt {
	max-width: 200px;
	margin-top: 30px;
}

.cont_copy-wrap .cont-bt a {
	font-size: 1.6rem;
	height: 40px;
	padding-left: 20px;
	background-size: 8px auto,100% 100%;
}



/*** cont-left ***/

.cont-wrap.cont-left li:nth-child(1) {
	width: 100%;
}

.cont-wrap.cont-left li:nth-child(2) {
	width: 100%;
	margin-right: 0;
	margin-top: 50px;
}

.cont-wrap.cont-left .photo {
	width: calc(108% + 4px);
	margin-left: calc(-4% - 2px);
}
	
.cont-wrap.cont-left .cont_copy-wrap .txt {
	width: 100%;
}
	
.cont-wrap.cont-left .cap {
	margin-right: 5px;
}
	
.cont-wrap.cont-left .photo .shadow {
	position: absolute;
	top: -10%;
	right: 0;
	width: 50%;
	height: 115%;
}


/*** cont-right ***/

.cont-wrap.cont-right li:nth-child(1) {
	width: 100%;
	order: 1;
}

.cont-wrap.cont-right li:nth-child(2) {
	width: 100%;
	margin-left: 0;
	margin-top: 50px;
	order: 2;
}
	
.cont-wrap.cont-right .photo {
	width: calc(108% + 4px);
	margin-left: calc(-4% - 2px);
}
	
.cont-wrap.cont-right .cap {
	margin-left: 5px;
}

.cont-wrap.cont-right .photo .shadow {
	position: absolute;
	top: -10%;
	left: -14%;
	width: 70%;
	height: 115%;
}

.cont-wrap.cont-right .cap {
	color: #fff;
}


	
/*** 個別 ***/

.cont1 .sakura {
	left: 0;
	bottom: -12%;
	width: 70%;
}
	
.cont1 .cont-wrap.cont-left .cap {
	margin-right: 0;
}
	
.cont2 .sakura {
	right: 0;
	bottom: -15%;
	width: 65%;
}

.cont3 .sakura {
	right: 18%;
	bottom: -14%;
	width: 70%;
}
	
.cont4 .cont_copy-wrap .ttl br {
	display: block;
}

.cont4 .sakura {
	left: 0;
	bottom: -18%;
	width: 65%;
}

.cont5 .sakura {
	right: 0;
	bottom: -18%;
	width: 70%;
}

/*********** ↑cont *************/


.bottom_sakura {
	width: 80%;
	padding-top: 10px;
}



	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

	
	
	
}