@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;400;500&family=M+PLUS+Rounded+1c:wght@300;400;500;700&display=swap');


#contents-inner-modelroom { line-height:1.75; letter-spacing: 0.03em;}
#contents-inner-modelroom .sp{ display:none !important;}

#contents-inner-modelroom #modelroom {margin:0 calc(50% - 50vw) 0 calc(50% - 50vw); width:100vw; overflow:hidden;}
#contents-inner-modelroom #modelroom .inn{ width: 1200px; margin: auto; box-sizing: border-box;}

@media print, screen and (max-width: 1250px) {
	#contents-inner-modelroom #modelroom {width: 1250px; margin: 0 0 0 -75px;}
}


/*--------------- フォント --------------*/
#contents-inner-modelroom #modelroom .btn_sale,
#contents-inner-modelroom #modelroom h2,
#contents-inner-modelroom #modelroom h3,
#contents-inner-modelroom #modelroom .maintext,
#contents-inner-modelroom #modelroom .sale_h,
#contents-inner-modelroom #modelroom .sale .name_modelroom,
#contents-inner-modelroom #modelroom .attempt_h{
    font-family: "M PLUS Rounded 1c", sans-serif; font-weight: bold;}

/*--------------- 固定ボタン --------------*/
#contents-inner-modelroom #modelroom .btn_sale{ position: fixed; z-index: 999; bottom:0; right:100px;}
#contents-inner-modelroom #modelroom .btn_sale a{display: block; width: 300px; height:80px; border-radius: 15px 15px 0 0; background: #e3540e; text-align: center; font-size: 21px; color: #ffffff; padding-top: 23px; box-sizing: border-box; transition: .3s;}

#contents-inner-modelroom #modelroom .btn_sale a:after{content: ""; display: inline-block; vertical-align: middle; background: url("../images/eminasu/indent_bottom.png") no-repeat; background-size: 100% auto; width: 18px; height: 10px; margin:0 0 2px 15px;}


/*--------------- タイトル --------------*/
#contents-inner-modelroom #modelroom .mainvis{ position: relative;}
#contents-inner-modelroom #modelroom .mainvis .inn{ position: relative; z-index: 2;}
#contents-inner-modelroom #modelroom .mainvis h2{ margin: 0; padding: 0;}
#contents-inner-modelroom #modelroom .mainvis h2 + p{text-align: center;position: absolute;top:420px;left:0;right:0;margin: auto;color: #27220f;font-weight: 500;line-height: 1.9em;}
#contents-inner-modelroom #modelroom .mainvis .bg{ position: absolute; top:0; left: 0; height: 100%; width: 100%; z-index: 0;}
#contents-inner-modelroom #modelroom .mainvis .bg .title_bg01,#contents-inner-modelroom #modelroom .mainvis .bg .title_bg02{ height: 50%; width: 100%; display: flex; overflow: hidden;}
#contents-inner-modelroom #modelroom .mainvis .bg .title_bg01 img,#contents-inner-modelroom #modelroom .mainvis .bg .title_bg02 img{width: auto; height: 100%;}

#contents-inner-modelroom #modelroom .mainvis .bg .title_bg01 img:first-child {animation: loop 150s -80s linear infinite;}
#contents-inner-modelroom #modelroom .mainvis .bg .title_bg01 img:last-child { animation: loop2 150s -5s linear infinite;}

@keyframes loop {0% {transform: translate(100%);}to {transform: translate(-100%);}}
@keyframes loop2 {0% {transform: translate(0);}to {transform: translate(-200%);}}

#contents-inner-modelroom #modelroom .mainvis .bg .title_bg02 img:first-child {animation: loop-left 200s -100s linear infinite;}
#contents-inner-modelroom #modelroom .mainvis .bg .title_bg02 img:last-child { animation: loop-left2 200s -5s linear infinite;}

@keyframes loop-left {0% {transform: translate(-100%);}to {transform: translate(100%);}}
@keyframes loop-left2 {0% {transform: translate(-200%);}to {transform: translate(0);}}


/*--------------- タイトル下テキスト --------------*/
#contents-inner-modelroom #modelroom .maintext {padding-top: 66px;}

#contents-inner-modelroom #modelroom .maintext h2 {position: relative;font-size: 40px;text-align: center;color: #3d3d3d;text-shadow: 5px 10px 20px rgba(36,29,0,.1);line-height: 1.5em;}
#contents-inner-modelroom #modelroom .maintext h2:before {content: "";display: block;background: url("../images/eminasu/anshin_illuet01.png") no-repeat;background-size: 100% auto;width: 156px;height: 106px;position: absolute;top: 7px;left: 180px;box-sizing: border-box;}
#contents-inner-modelroom #modelroom .maintext h2:after {content: "";display: block;background: url("../images/eminasu/anshin_illuet02.png") no-repeat;background-size: 100% auto;width: 118px;height: 80px;position: absolute;top: 25px;right: 210px;box-sizing: border-box;}
#contents-inner-modelroom #modelroom .maintext h2 > span {color: #e3540e;}

#contents-inner-modelroom #modelroom .maintext .list {display: flex;justify-content: space-between;flex-wrap: nowrap;}
#contents-inner-modelroom #modelroom .maintext .list li {width: 350px;}
#contents-inner-modelroom #modelroom .maintext .list li:first-child{ width: 400px;}
#contents-inner-modelroom #modelroom .maintext .list li a {background: #fefcf4;display: block;width: 100%;text-align: center;border-top: 1px solid #e3540e;font-size: 24px;color: #3d3d3d;position: relative;padding: 48px 0 30px 0;}
#contents-inner-modelroom #modelroom .maintext .list li a:after {display: block;content: "";background: url("../images/eminasu/anshin_indent.png") no-repeat;background-size: 100% auto;width: 21px;height: 18px;margin: 20px auto 0 auto;}
#contents-inner-modelroom #modelroom .maintext .list li .num {display: inline-block;background: url("../images/eminasu/anshin_num_bg.png") no-repeat;background-size: 100% auto;width: 55px;height: 48px;position: absolute;top: -15px;left: 0;right: 0;margin: auto;color: #ffffff;text-align: center;font-size: 22px;font-weight: 400;box-sizing: border-box;padding: 4px 0 0 14px;font-family: 'Urbanist', sans-serif;letter-spacing: 0.08em;}
#contents-inner-modelroom #modelroom .maintext .list li a mark {background: none;color: #e8be07;}


/*--------------- エミナスの特徴 --------------*/
#contents-inner-modelroom #modelroom .point{ margin-bottom: 100px; overflow-x: clip;}
#contents-inner-modelroom #modelroom .point .inn{ position: relative; z-index: 0; display: flex; justify-content: space-between; align-items: center; margin-top: 20px; padding: 155px 0 100px 0;}
#contents-inner-modelroom #modelroom .point .inn:before{ display: block; content: ""; background: url("../images/eminasu/bg_gray.jpg") repeat; width: 2000px; height: calc(100% - 80px); position: absolute; z-index: -1; top:80px; left:270px;}
#contents-inner-modelroom #modelroom .point .inn.box02:before{ left: inherit; right:270px;}

#contents-inner-modelroom #modelroom .point .inn.box01,
#contents-inner-modelroom #modelroom .point .inn.box03{ flex-direction: row-reverse;}
#contents-inner-modelroom #modelroom .point .text{ width: 550px;}
#contents-inner-modelroom #modelroom .point h2{font-size: 38px; color: #313131; text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF, 0px 2px 0 #FFF,  0 -2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF,0 0 18px rgba(36,29,0,.3); margin-bottom: 45px;}
#contents-inner-modelroom #modelroom .point h2 .num{display: inline-block;background: url("../images/eminasu/point_num_bg.png") no-repeat;background-size: 100% auto;width: 79px;height: 88px;position: absolute;top: 55px;left: 140px;right: 0;margin: auto;color: #ffffff;text-align: center;font-size: 30px;font-weight: 400;box-sizing: border-box;padding:14px 0 0 19px;font-family: 'Urbanist', sans-serif;letter-spacing: 0.08em; text-shadow: none;}
#contents-inner-modelroom #modelroom .point .inn.box02 h2 .num{ right: inherit; left: -19px;}
#contents-inner-modelroom #modelroom .point .inn p + p{ margin-top: 30px;}

#contents-inner-modelroom #modelroom .point h2 mark{ background: none; color: #e8be07;}
#contents-inner-modelroom #modelroom .point .img{position: relative; z-index: 0; width: 580px;}
#contents-inner-modelroom #modelroom .point .box01 .img .illust{ position: absolute; bottom:-100px; left:-65px;}
#contents-inner-modelroom #modelroom .point .box02 .img .illust{ position: absolute; bottom:-85px; right:-100px;}
#contents-inner-modelroom #modelroom .point .box03 .img .illust{ position: absolute; top:-65px; left:-80px;}

/*--------------- 販売中の物件 --------------*/
#contents-inner-modelroom #modelroom .sale{ padding-top: 50px; margin-top: -50px;}
#contents-inner-modelroom #modelroom .sale .sale_h{ position: relative; background: #e3540e; padding-top: 65px; margin-bottom: 50px;}
#contents-inner-modelroom #modelroom .sale .sale_h h2{font-size: 50px; text-align: center; color: #ffffff; padding-bottom: 75px; margin: 0; text-shadow: 5px 10px 20px rgba(36,29,0,.1); position: relative;}
#contents-inner-modelroom #modelroom .sale .sale_h h2:before{ display: block; content: ""; background: url("../images/eminasu/sale_illust.png") no-repeat; width: 240px; height: 180px; position: absolute; z-index: 0; bottom:0; left:100px;}

#contents-inner-modelroom #modelroom .sale .sale_h .tab{display: flex; justify-content: space-between;flex-wrap: nowrap;}
#contents-inner-modelroom #modelroom .sale .sale_h .tab .btn{ width: 645px;}
#contents-inner-modelroom #modelroom .sale .sale_h .tab .btn + .btn{ width: 530px;}
#contents-inner-modelroom #modelroom .sale .sale_h .tab span{ display: block; background: #fefcfa; text-align: center; border-radius: 15px 15px 0 0; font-size: 32px; color: #e3540e; height: 130px; box-sizing: border-box; padding-top: 36px;}
#contents-inner-modelroom #modelroom .sale .sale_h .tab span:after{content: ""; display: inline-block; vertical-align: middle; background: url("../images/eminasu/sale_indent_red.png") no-repeat; background-size: 100% auto; width: 26px; height: 26px; margin: 0 0 3px 20px;}
#contents-inner-modelroom #modelroom .sale .sale_h .tab a{display: block; height:95px; border-radius: 10px; background: #e8be07; text-align: center; font-size: 26px; color: #ffffff; text-shadow:1px 2px 0 rgba(55,45,0,0.13); box-shadow: 0 3px 0 rgba(195,67,10,1.00); padding-top: 23px; box-sizing: border-box; transition: .3s;}
#contents-inner-modelroom #modelroom .sale .sale_h .tab a:hover{ transform: translateY(3px); box-shadow: 0 0 0 rgba(195,67,10,1.00); }

#contents-inner-modelroom #modelroom .sale .sale_h .tab a:after{content: ""; display: inline-block; vertical-align: middle; background: url("../images/eminasu/sale_indent_wh.png") no-repeat; background-size: 100% auto; width: 27px; height: 28px; margin:0 0 2px 18px;}

#contents-inner-modelroom #modelroom .sale table{ width:1060px; margin:auto; padding:0 0 80px 0; color: #313131;}
#contents-inner-modelroom #modelroom .sale table td{ width:50%; padding:0 30px 0 30px; box-sizing:border-box; position:relative;}
#contents-inner-modelroom #modelroom .sale table td:first-child{ padding:0 30px 0 0;}
#contents-inner-modelroom #modelroom .sale table td:last-child{ padding:0 0 0 30px;}
#contents-inner-modelroom #modelroom .sale table td .sale_photo{ position:relative; height:360px;}
#contents-inner-modelroom #modelroom .sale table td .sale_photo span.tag_reservation{ display:block; width:40px; height:85px; position:absolute; top:-5px; right:15px;}
#contents-inner-modelroom #modelroom .sale table td .sale_photo a{ display: block; height: 100%;}
#contents-inner-modelroom #modelroom .sale table td .sale_photo img{ width:100%; height: 100%; object-fit: cover; object-position: center center;}
#contents-inner-modelroom #modelroom .sale table td .name_modelroom{ font-size:28px; font-weight:bold; color:#e3540e; margin:22px 0 0px 0;     line-height: 1.61;}
#contents-inner-modelroom #modelroom .sale table td .name_modelroom .type{ font-size:21px;}
#contents-inner-modelroom #modelroom .sale table td .text_modelroom{ font-size:16px; margin-bottom:9px; font-weight: 400; letter-spacing: 0.04em;}
#contents-inner-modelroom #modelroom .sale table td .address_modelroom{ font-size:15px; font-weight: 500; margin-bottom:14px; padding:9px 0 10px 0; border-top: 1px dotted rgba(79,45,28,0.3); border-bottom: 1px dotted rgba(79,45,28,0.3);}
#contents-inner-modelroom #modelroom .sale table td .info_modelroom{ font-size:18px; font-weight:bold; padding:0 0 8px 0; margin-top: 15px; margin-bottom: 19px;}

#contents-inner-modelroom .none{color: #e3540e; text-align:center; font-weight:bold; margin:0 0 150px 0;}



/*--------------- 取り組み --------------*/
#contents-inner-modelroom #modelroom .attempt_h{ position: relative; background: #e8be07; padding: 65px 0 65px 0; margin-bottom: -133px; z-index: 0;}
#contents-inner-modelroom #modelroom .attempt_h h2{font-size: 50px; text-align: center; color: #ffffff; padding-bottom: 140px; margin: auto; text-shadow: 5px 10px 20px rgba(36,29,0,.1); position: relative;}
#contents-inner-modelroom #modelroom .attempt_h h2:before{ display: block; content: ""; background: url("../images/eminasu/attempt_illust.png") no-repeat; width: 219px; height: 258px; position: absolute; z-index: 0; bottom:0; right:35px;}

#contents-inner-modelroom #modelroom .attempt .attempt_list{background: url("../images/eminasu/bg_yellow.jpg") repeat; padding: 60px; position: relative; z-index: 2;}

#contents-inner-modelroom #modelroom .attempt .attempt_list .box{ position: relative; z-index: 0; display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse;}
#contents-inner-modelroom #modelroom .attempt .attempt_list .box:nth-child(2){ flex-direction: row;}
#contents-inner-modelroom #modelroom .attempt .attempt_list .box + .box{ margin-top: 90px;}

#contents-inner-modelroom #modelroom .attempt .attempt_list .box .text{ width: 625px;}
#contents-inner-modelroom #modelroom .attempt .attempt_list .box h3{font-size: 30px; color: #313131; text-shadow:2px 2px 0 #faf8f0, -2px -2px 0 #faf8f0, -2px 2px 0 #faf8f0, 2px -2px 0 #faf8f0, 0px 2px 0 #faf8f0,  0 -2px 0 #faf8f0, -2px 0 0 #faf8f0, 2px 0 0 #faf8f0,0 0 18px rgba(36,29,0,.3); margin-bottom: 25px; line-height: 1.7em;}
#contents-inner-modelroom #modelroom .attempt .attempt_list .box h3 span{ color: #e3540e;}
#contents-inner-modelroom #modelroom .attempt .attempt_list .box h3 .icon{display: inline-block; vertical-align: middle; margin: 0 0 3px 35px;}
#contents-inner-modelroom #modelroom .attempt .attempt_list .box p{ color: #000000; line-height: 1.8em;}
#contents-inner-modelroom #modelroom .attempt .attempt_list .box .img{}




/*--------------- バナー --------------*/
#contents-inner-modelroom #modelroom .bur_voice{background: url("../images/eminasu/bg_gray.jpg") repeat; padding: 100px 0 100px 0; margin-bottom: 100px; margin-top: 100px;}


/*--------------- お問い合わせ --------------*/
#contents-inner-modelroom #modelroom .contact { margin: 110px 0 70px 0;}
#contents-inner-modelroom #modelroom .contact .inn{ border: 1px solid #ff824f;}
#contents-inner-modelroom #modelroom .contact .contact_ttl{background: url(../images/modelroom/h_bg01.png) repeat; font-size: 32px; font-weight: 500; color: #ffffff; box-sizing: border-box; position: relative; padding: 20px 0 30px 115px; text-align: center;}
#contents-inner-modelroom #modelroom .contact .contact_ttl:before{ display: block; content: ""; background: url(../images/modelroom/contact_h_cara.png) no-repeat; width: 98px; height: 122px; position: absolute; bottom:0; left:163px;}
#contents-inner-modelroom #modelroom .contact .box{display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding: 50px 50px 55px 50px; box-sizing: border-box;}
#contents-inner-modelroom #modelroom .contact .box .tel img{ width: 461.5px;}
#contents-inner-modelroom #modelroom .contact .box .mail img{ width: 500px; box-shadow:0 5px 10px rgba(0,0,0,.15); border-radius: 50px; }