@charset "utf-8";

/* style */
/* -------------------------------------------------------- */
.concept-sec1 {padding:140px 0 900px 0; background:url(../img/concept/img_01.jpg) no-repeat center top; background-size:100% auto; position:relative;}
.concept-sec1::before {content:''; width:100%; height:100%; background:url(../img/concept/img_02.png) no-repeat right bottom; background-size:1350px auto; display:block; position:absolute; bottom:0; left:0;}
.concept-sec1 .sec {max-width:1210px; padding:0 15px; position:relative; z-index:5;}
.concept-sec1 .txt1 {text-align:left;}
.concept-sec1 .txt2 {max-width:760px; text-align:left; margin:170px 0 0 auto;}
.concept-sec1 .txt2 dt {font-size:4.5rem; line-height:2.1;}
.concept-sec1 .txt2 dd {font-size:1.4rem; font-weight:400; line-height:3.5; margin:2.0em 0 0 0;}

.concept-sec2 {padding:120px 0 720px 0; background:url(../img/concept/img_03.jpg) no-repeat center bottom; background-size:100% auto; position:relative;}
.concept-sec2 .sec {max-width:1210px; padding:0 15px; position:relative; z-index:5;}
.concept-sec2 .txt1 {text-align:left;}
.concept-sec2 .txt2 {font-size:4.5rem; line-height:2.1; text-align:right; margin:-3.4em 0 0 0;}
.concept-sec2 .txt3 {text-align:right; margin:60px 0 0 0;}
.concept-sec2 .txt3 dt {font-size:2.4rem; font-weight:400; line-height:1.8;}
.concept-sec2 .txt3 dd {font-size:1.4rem; font-weight:400; line-height:3.5; margin:2.0em 0 0 0;}

@media screen and (max-width:1600px){
	.concept-sec1 {background-size:1350px auto;}
	.concept-sec2 {background-size:1350px auto;}
}


@media screen and (max-width:1194px){
    .concept-sec1 {padding:32.0vw 0 130.0vw 0; background-image:url(../img/concept/img_01_sp.jpg); background-size:100% auto;}
    .concept-sec1::before {background-image:url(../img/concept/img_02_sp.png); background-size:100% auto;}
    .concept-sec1 .sec {padding:0 6.0vw;}
    .concept-sec1 .txt1 {margin:0 -25% 0 -6.0vw;}
    .concept-sec1 .txt2 {max-width:100%; margin:64.0vw 0 0 0;}
    .concept-sec1 .txt2 dt {font-size:3.2rem; line-height:1.7;}
    .concept-sec1 .txt2 dd {font-size:1.5rem; line-height:2.4;}

    .concept-sec2 {padding:18.0vw 0 132.0vw 0; background-size:190% auto;}
    .concept-sec2 .sec {max-width:100%; padding:0 6.0vw;}
    .concept-sec2 .txt1 {margin:0 -70% 0 0;}
    .concept-sec2 .txt2 {font-size:3.3rem; line-height:1.7; margin:2.0em 0 0 0;}
    .concept-sec2 .txt3 {margin:2.4em 0 0 0;}
    .concept-sec2 .txt3 dt {font-size:2.6rem; line-height:1.7;}
    .concept-sec2 .txt3 dd {font-size:1.5rem; line-height:2.4;}
}


@media screen and (max-width:767px){
	.concept-sec1 {padding:32.0vw 0 130.0vw 0; background-image:url(../img/concept/img_01_sp.jpg); background-size:100% auto;}
	.concept-sec1::before {background-image:url(../img/concept/img_02_sp.png); background-size:100% auto;}
	.concept-sec1 .sec {padding:0 6.0vw;}
	.concept-sec1 .txt1 {margin:0 -25% 0 -6.0vw;}
	.concept-sec1 .txt2 {max-width:100%; margin:64.0vw 0 0 0;}
	.concept-sec1 .txt2 dt {font-size:2.8rem; line-height:1.7;}
	.concept-sec1 .txt2 dd {font-size:1.1rem; line-height:2.4;}

	.concept-sec2 {padding:28.0vw 0 132.0vw 0; background-size:190% auto;}
	.concept-sec2 .sec {max-width:100%; padding:0 6.0vw;}
	.concept-sec2 .txt1 {margin:0 -70% 0 0;}
	.concept-sec2 .txt2 {font-size:2.8rem; line-height:1.7; margin:2.0em 0 0 0;}
	.concept-sec2 .txt3 {margin:2.0em 0 0 0;}
	.concept-sec2 .txt3 dt {font-size:1.6rem; line-height:2.2;}
	.concept-sec2 .txt3 dd {font-size:1.1rem; line-height:2.4;}
}