@charset "utf-8";

/* style */
/* -------------------------------------------------------- */
.mr-sec1 {padding:170px 0 0 0; background-color:#000;}
.mr-sec1 .sec {max-width:1470px; padding:0 15px;}
.mr-sec1 .txt1 {text-align:left; color:#fff;}
.mr-sec1 .txt1 dt {font-size:4.5rem; line-height:2.1; letter-spacing:0.1em;}
.mr-sec1 .txt1 dd {font-size:1.4rem; line-height:3.1; margin:2.0em 0 0 0;}
.mr-sec1 .img1 {margin:200px 0 0 0;}

.mr-sec2 {padding:0 0 290px 0; background:#070707 url(../img/model_room/bg_01.jpg) no-repeat center top; background-size:100% auto; position:relative;}
.mr-sec2 .sec {max-width:1230px; padding:0 15px;}
.mr-sec2 .txt1 {margin:0 0 -80px 0; position:relative; top:-80px;}
.mr-sec2 .txt2 {color:#fff; margin:250px 0 0 0;}
.mr-sec2 .txt3 {text-align:center; color:#fff; margin:120px 0 0 0;}
.mr-sec2 .txt3 dt {font-size:3.0rem; font-weight:400; line-height:1.9; letter-spacing:0.1em;}
.mr-sec2 .txt3 dd {font-size:1.6rem; font-weight:400; line-height:2.7; margin:2.0em 0 0 0;}
.mr-sec2 .img1 {margin:90px 0 0 0; padding:24px; background-color:#1a1a1a;}
.mr-sec2 .img1 > div:nth-of-type(2) {margin:2px 0 0 0;}
.mr-sec2 .img2 {margin:90px 0 0 0; padding:24px; background-color:#1a1a1a;}

@media screen and (max-width:1194px){
	.mr-sec1 {padding:80px 0 0 0;}
	.mr-sec1 .sec {max-width:100%; padding:0 6.0vw;}
	.mr-sec1 .txt1 dt {font-size:3.2rem; line-height:1.7; margin:40px 0 0 0;}
	.mr-sec1 .txt1 dd {font-size:1.5rem; line-height:2.4;}
	.mr-sec1 .img1 {margin:50px 0 0 0;}
	
	.mr-sec2 {padding:0 0 80px 0;}
	.mr-sec2 .sec {max-width:100%; padding:0 6.0vw;}
	.mr-sec2 .txt1 {margin:0 -20.0vw -7.0vw -20.0vw; position:relative; top:-7.0vw;}
	.mr-sec2 .txt2 {margin:60px 0 0 0;}
	.mr-sec2 .txt3 dt {font-size:2.0rem; line-height:2.2; margin:0 -6.0vw;}
	.mr-sec2 .txt3 dd {font-size:1.5rem; line-height:2.4;}
	.mr-sec2 .img1 {margin:70px 0 0 0; padding:12px;}
	.mr-sec2 .img1 > div:nth-of-type(2) {margin:1px 0 0 0;}
	.mr-sec2 .img2 {margin:70px 0 0 0; padding:12px;}
}

@media screen and (max-width:767px){
    .mr-sec1 {padding:80px 0 0 0;}
    .mr-sec1 .sec {max-width:100%; padding:0 6.0vw;}
    .mr-sec1 .txt1 dt {font-size:2.8rem; line-height:1.7; margin:40px 0 0 0;}
    .mr-sec1 .txt1 dd {font-size:1.1rem; line-height:2.4;}
    .mr-sec1 .img1 {margin:50px 0 0 0;}

    .mr-sec2 {padding:0 0 80px 0;}
    .mr-sec2 .sec {max-width:100%; padding:0 6.0vw;}
    .mr-sec2 .txt1 {margin:0 -20.0vw -7.0vw -20.0vw; position:relative; top:-7.0vw;}
    .mr-sec2 .txt2 {margin:60px 0 0 0;}
    .mr-sec2 .txt3 dt {font-size:1.6rem; line-height:2.2; margin:0 -6.0vw;}
    .mr-sec2 .txt3 dd {font-size:1.1rem; line-height:2.4;}
    .mr-sec2 .img1 {margin:70px 0 0 0; padding:12px;}
    .mr-sec2 .img1 > div:nth-of-type(2) {margin:1px 0 0 0;}
    .mr-sec2 .img2 {margin:70px 0 0 0; padding:12px;}
}