﻿@charset "utf-8";


/* style */
/* -------------------------------------------------------- */
.modelroom-cont1 {padding:60px 0 40px 0;}
.modelroom-cont1 .sec {max-width:730px;}
.modelroom-cont1 .txt1 {font-size:2.9rem; letter-spacing:0.2em;}
.modelroom-cont1 .txt2 {font-size:1.7rem; margin:2.0em 0 0;}
.modelroom-cont1 .txt3 {margin:20px auto 0 auto;}
.modelroom-cont1 .txt4 {margin:15px auto 0 auto;}
.modelroom-cont2 {padding:40px 0 80px 0; background-color:#f0efef;}
.modelroom-cont2 .sec {max-width:780px;}
.modelroom-cont2 .clm {margin:40px 0 0 0; display:flex; flex-wrap:wrap; justify-content:space-between;}
.modelroom-cont2 .clm > div {width:47%;}
.modelroom-cont2 .txt1 {font-size:2.2rem; line-height:1.6;}
.modelroom-cont2 .txt2 {font-size:1.8rem; font-weight:500; line-height:1; letter-spacing:0.1em; padding:0.2em; border:1px solid #000;}
.modelroom-cont2 .txt3 {font-size:1.5rem; margin:1.5em 0 0 0;}
.modelroom-cont2 .txt3 span {font-size:71%; display:block;}
.modelroom-cont2 .txt4 {margin:20px 0 0 0;}
.modelroom-cont2 .txt4 a {width:100%; height:3.6em; font-size:1.8rem; font-weight:300; letter-spacing:0.1em; text-decoration:none; color:#fff; background-color:#004a8f; display:flex; justify-content:center; align-items:center; position:relative;}
.modelroom-cont2 .txt4 a span {position:relative; z-index:10;}
.modelroom-cont2 .txt4 a::before {content:''; width:0; height:100%; background-color:rgba(0,0,0,0.2); display:block; position:absolute; top:0; left:0; transition:width 0.3s ease;}
.modelroom-cont2 .txt4 a:hover::before {width:100%;}
.modelroom-cont2 .txt5 {width:94%; margin:25px auto 0 auto;}
.modelroom-cont2 .txt5 span {font-size:1.1rem; margin:1.0em 0 0 0; display:block;}
.modelroom-cont2 .txt6 {font-size:1.1rem; line-height:1.4; margin:2.0em 0 0 0;}

@media screen and (max-width:1000px){
	.modelroom-cont1 {padding:30px 0;}
	.modelroom-cont1 .txt1 {font-size:1.8rem;}
	.modelroom-cont1 .txt2 {font-size:1.4rem;}
	.modelroom-cont1 .txt3 {margin:15px 0 0 0;}
	.modelroom-cont1 .txt4 {margin:5px 0 0 0;}
	.modelroom-cont2 {padding:30px 0 50px 0;}
	.modelroom-cont2 .clm {margin:0; display:block;}
	.modelroom-cont2 .clm > div {width:auto; margin:40px 0 0 0;}
	.modelroom-cont2 .txt1 {font-size:1.5rem; margin:0 -6.0vw;}
	.modelroom-cont2 .txt2 {font-size:1.4rem;}
	.modelroom-cont2 .txt3 {font-size:1.2rem; margin:0.5em 0 0 0;}
	.modelroom-cont2 .txt4 {margin:10px 0 0 0;}
	.modelroom-cont2 .txt4 a {font-size:1.6rem;}
	.modelroom-cont2 .txt5 {width:94%; margin:10px auto 0 auto;}
	.modelroom-cont2 .txt5 span {font-size:1.1rem; margin:0.5em 0 0 0;}
	.modelroom-cont2 .txt6 {font-size:1.0rem; margin:1.0em -6.0vw 0 -6.0vw;}
}

