@charset "UTF-8";

.txt-rei {color: #ababab}

@media screen and (min-width: 768px),print {
main {width: 100%; margin: 0 auto;}
.main-title {background: url(../images/modelhouse/h1.jpg) no-repeat top center; background-size: cover;}
h2.sub-title1{text-align: center; margin-bottom: 50px}
#modelhouse #form {width: 1280px; margin: 0 auto 100px;}
#modelhouse #one-cl1 {width: 1200px; margin: 0 auto 100px;}


#main-bx {width: 100%; margin: 0 auto 50px; background: url(../images/modelhouse/main-bg.png) no-repeat top center; padding: 30px 0 80px}
#main-bx .bx{width: 1280px; margin: 0 auto; position: relative; color: #fff;}
#main-bx .bx .icon{position: absolute; left: 380px; top: 0}
#main-bx .bx .ttl{text-align: center; font-size: 30px; font-weight: bold; letter-spacing: 1.5px;}
#main-bx .bx .ttl .span0{font-size: 32px;}
#main-bx .bx .ttl .span01{font-size: 20px;}
#main-bx .bx .ttl .span1{color: #ffe776}
#main-bx .bx .ttl .span2{background: url(../images/modelhouse/main-all-icon.png) no-repeat top center; padding-top: 10px;}
#main-bx .bx .ttl1 {text-align: center; margin-bottom: 30px}
#main-bx .bx .txt {font-size: 21px; font-weight: bold; text-align: center; margin-bottom: 20px}
#main-bx .txt-bx {position: absolute; font-weight: bold; left: 30px; bottom: -70px; display: flex;}
#main-bx .txt-bx .txt1{font-size: 14px; margin-right: 30px}
#main-bx .txt-bx .txt2{font-size: 14px; }


#con1 {width: 1000px; margin: 0 auto 100px; position: relative; background: #e9f0f3; padding: 30px 30px 10px 180px; }
#con1::after{content: url(../images/modelhouse/con1-icon2.png); position: absolute; left: 450px; bottom: -60px}
#con1 .ttl{position: absolute; left: 40px; top: 80px;}
#con1 .list{}
#con1 .list li{width: 520px; text-align: left; font-size: 16px; letter-spacing: 3px; margin-bottom: 8px; padding-bottom: 8px; border-bottom: dashed 1px #3e6e81; background: url(../images/modelhouse/con1-all-icon.png) no-repeat top 7px left 10px; padding-left: 30px;}
#con1 .list li:last-child{border: none;}
#con1 .human{position: absolute; right: 10px; bottom: 0}

#con2 {width: 100%; margin: 0 auto 470px; background: #f6f8f1; padding: 50px 0 220px;}
#con2 .bx{width: 1280px; margin: 0 auto; position: relative;}
#con2 .bx .icon2{position: absolute; left: 100px; top: 134px;}
#con2 .bx .icon3{position: absolute; right: 150px; top: 80px;}
#con2 .bx .ttl{text-align: center; font-size: 25px; line-height: 1.5; letter-spacing: 2px; background: url(../images/modelhouse/con2-icon1.png) no-repeat top center; padding-top: 100px; margin-bottom: 20px}
#con2 .bx .ttl span{text-align: center; font-size: 42px; letter-spacing: 4px}
#con2 .bx .img{position: absolute; }

#con2-form .bx1 {width: 1100px; margin: 0 auto 130px; position: relative; border: 4px solid #e9f0f3}
#con2-form .bx1 .inner{background: url(../images/modelhouse/con2-nami.png) no-repeat top right 100px #e9f0f3;}
#con2-form .bx1 .ttl1{font-size: 41px; text-align: center; letter-spacing: 5px;}
#con2-form .bx1 .ttl1 span{display: inline-block; margin-right: 20px; border-radius: 50%; margin-top: -5px; background: #d45d15; padding: 25px 18px; color: #fff; font-size: 22px; letter-spacing: 2px; line-height: 1.3}
#con2-form .bx1 .flex{padding: 50px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
#con2-form .bx1 .flex .tel{margin-right: 50px;}
#con2-form .bx1 .flex .mail{}


#con3 {width: 100%; margin: 0 auto 100px; background: #f6f8f1;  padding: 100px 0 70px;}
#con3 .all-bx{width: 1280px; margin: 0 auto;}
#con3 .bx1{width: 1280px; margin: 0 auto; position: relative;}
#con3 .bx1 .icon1{text-align: center; margin-top: -150px}
#con3 .bx1 .icon3{position: absolute; left: 170px; top: 100px}
#con3 .bx1 .icon4{position: absolute; right: 80px; top: 150px}
#con3 .bx1 .ttl1{font-size: 42px; margin-bottom: 60px; text-align: center; letter-spacing: 2px; font-weight: bold; background: url(../images/modelhouse/con3-icon2.png) no-repeat bottom center; padding-bottom: 20px;}

#con3 .all-inner {width: 1280px; margin: 0 auto;}

#con3 .inner1 {width: 1000px; margin-bottom: 100px; border: solid 1px #ababab; padding: 70px 80px; background: #fff; position: relative;}
#con3 .inner2 {width: 510px; color: #283232}
#con3 .inner2 .in-ttl1{font-size: 33px; font-weight: bold; margin-bottom: 20px; line-height: 1.6; letter-spacing: 2px; background: url(../images/modelhouse/con3-point1.png) no-repeat left top 10px; padding-left: 100px;}
#con3 .inner2 .in-img1 {position: absolute; left: 650px; top: 30px;}
#con3 .inner2 .in-txt1 {font-size: 16px; line-height: 2;}

#con3 .inner3 {width: 1000px; margin-bottom: 60px; border: solid 1px #ababab; padding: 60px 80px; background: #fff; position: relative; left: 260px;}
#con3 .inner4 {width: 500px; color: #283232; margin-left: 330px;}
#con3 .inner4 .in-ttl1{font-size: 33px; font-weight: bold; margin-bottom: 20px; line-height: 1.6; letter-spacing: 2px; background: url(../images/modelhouse/con3-point2.png) no-repeat left top 10px; padding-left: 100px;}
#con3 .inner4 .in-img1 {position: absolute; left: -230px; top: 30px;}
#con3 .inner4 .in-txt1 {font-size: 16px; line-height: 2;}

#con3 .inner5 {width: 1000px; margin-bottom: 60px; border: solid 1px #ababab; padding: 60px 80px; background: #fff; position: relative;}
#con3 .inner6 {width: 510px; color: #283232}
#con3 .inner6 .in-ttl1{font-size: 33px; font-weight: bold; margin-bottom: 20px; line-height: 1.6; letter-spacing: 2px; background: url(../images/modelhouse/con3-point3.png) no-repeat left top 10px; padding-left: 100px;}
#con3 .inner6 .in-img1 {position: absolute; left: 650px; top: 50px;}
#con3 .inner6 .in-txt1 {font-size: 16px; line-height: 2;}
#con3 .inner6 .in-btn {text-align: left; margin-top: 30px;}

#con3 .inner7 {width: 1000px; margin-bottom: 160px; border: solid 1px #ababab; padding: 60px 70px; background: #fff; position: relative; left: 260px;}
#con3 .inner8 {width: 520px; color: #283232; margin-left: 330px;}
#con3 .inner8 .in-ttl1{font-size: 33px; font-weight: bold; margin-bottom: 20px; line-height: 1.6; letter-spacing: 2px; background: url(../images/modelhouse/con3-point4.png) no-repeat left top 10px; padding-left: 100px; padding-top: 30px; padding-bottom: 20px;}
#con3 .inner8 .in-img1 {position: absolute; left: -230px; top: 30px;}
#con3 .inner8 .in-txt1 {font-size: 16px; line-height: 2;}

#con3 .inner9 {width: 1100px; margin: 0 auto; position: relative;}
#con3 .inner9 .icon5{position: absolute; left: 50px; top: 20px}
#con3 .inner9 .icon6{position: absolute; right: 100px; top: -30px}
#con3 .inner9 .in-ttl2{font-size: 29px; font-weight: bold; text-align: center;}
#con3 .inner9 .in-ttl2 span{color: #d45d15;}

#con4 {width: 1100px; margin: 0 auto 150px; text-align: center;}
#con4 .ttl{font-size: 50px; letter-spacing: 5px; margin-bottom: 10px; background: url(../images/modelhouse/con4-icon.png) no-repeat top center; padding-top: 10px;}
#con4 .txt{font-size: 15px; letter-spacing: 1px; margin-bottom: 30px; }
#con4 .map iframe{width: 1100px; height: 400px; margin-bottom: 15px}
#con4 .btn{text-align: center;}

#con5 {width: 1200px; margin: 0 auto; text-align: center;}
#con5 .ttl{font-size: 29px; margin-bottom: 20px; letter-spacing: 3px; font-weight: bold; display: inline-block; background: #d45d15; padding: 5px 18px 8px; color: #fff; position: relative;}
#con5 .ttl::after{content: url(../images/modelhouse/con5-icon1.png); position: absolute; left: 90px; bottom: -30px;}
#con5 .ttl1 {font-size: 42px; letter-spacing: 4px; margin-bottom: 50px; line-height: 1.6;}
#con5 .ttl1 span{color: #d45d15; }
#con5 .bx {width: 900px; margin: 0 auto 80px; border: solid 4px #e9f0f3; position: relative;}
#con5 .inner {position: relative;}
#con5 .inner .ttl2{ font-size: 42px; letter-spacing: 3px; background: url(../images/modelhouse/con5-icon2.png) no-repeat right top,url(../images/modelhouse/con5-icon3.png) no-repeat left 220px top 20px #e9f0f3; padding: 15px;}
#con5 .tel{ text-align: center; padding: 30px;}
#con5 .icon4{position: absolute; right: 50px; bottom: -5px}


}




@media screen and (max-width: 767px) {
.main-title {background: url(../images/modelhouse/h1.jpg) no-repeat top center; background-size: cover;}
h2.sub-title1{width: 60vw; margin: 0 auto 5vw;}
#modelhouse #form {width: 100vw; margin-bottom: 10vw}
#modelhouse #one-cl1 {width: 95vw; margin: 0 auto 10vw;}

#main-bx {width: 100vw; margin: 0 auto 10vw; background: url(../images/modelhouse/sp-main-bg.png) no-repeat top center; background-size: 100%; padding: 5vw 0 50vw}
#main-bx .bx{width: 95vw; margin: 0 auto; position: relative; color: #fff;}
#main-bx .bx .icon{width: 18vw; position: absolute; left: 0vw; top: 0vw;}
#main-bx .bx .ttl{text-align: center; font-size: 6vw; margin-bottom: 3vw; font-weight: bold; letter-spacing: 0.3vw;}
#main-bx .bx .ttl .span0{font-size: 4.6vw;}
#main-bx .bx .ttl .span01{font-size: 4vw;}
#main-bx .bx .ttl .span1{color: #ffe776}
#main-bx .bx .ttl .span2{background: url(../images/modelhouse/main-all-icon.png) no-repeat top center; background-size: 70%; padding-top: 1.5vw;}
#main-bx .bx .ttl1 {width: 80vw; margin: 0 auto 5vw;}
#main-bx .bx .txt {font-size: 4vw; font-weight: bold; text-align: center; margin-bottom: 5vw}
#main-bx .txt-bx {position: absolute; font-weight: bold; left: 3vw; bottom: -48vw; display: flex;}
#main-bx .txt-bx .txt1{font-size: 3vw; margin-right: 2vw}
#main-bx .txt-bx .txt2{font-size: 3vw; }

#con1 {width: 95vw; margin: 0 auto 20vw; position: relative; background: #e9f0f3; padding: 5vw 3vw 0vw;}
#con1::after{content:""; width: 60px; height: 50px; vertical-align: middle; background: url(../images/modelhouse/con1-icon2.png); background-size: 100%; display: inline-block; position: absolute; left: 40vw}
#con1 .ttl{width: 80vw; margin: 0 auto 5vw;}
#con1 .list{margin-bottom: 5vw}
#con1 .list li{width: 85vw; margin: 0 auto; text-align: left; font-size: 4vw; letter-spacing: 0.3vw; margin-bottom: 3vw; padding-bottom: 10px; border-bottom: dashed 0.3vw #3e6e81; background: url(../images/modelhouse/con1-all-icon.png) no-repeat top 1.5vw left 0vw; padding-left: 6vw;}
#con1 .human{width: 40vw; margin: 0 auto;}

#con2 {width: 100vw; margin: 0 auto 70vw; background: #f6f8f1; padding: 20vw 0 30vw;}
#con2 .bx{width: 90vw; margin: 0 auto; position: relative;}
#con2 .bx .icon2{width: 25vw; position: absolute; left: 0; top: -15vw;}
#con2 .bx .icon3{width: 15vw; position: absolute; right: 0; top: -17vw;}
#con2 .bx .ttl{text-align: center; margin-bottom: 5vw; font-size: 4.4vw; letter-spacing: 0.3vw; background: url(../images/modelhouse/con2-icon1.png) no-repeat top center; background-size: 20%; padding-top: 10vw; }
#con2 .bx .ttl span{text-align: center; font-size: 5.4vw; }
#con2 .bx .img{position: absolute;}

#con2-form .bx1 {width: 85vw; margin: 0 auto 15vw; position: relative; border: 4px solid #e9f0f3}
#con2-form .bx1 .inner{background: url(../images/modelhouse/con2-nami.png) no-repeat top right  #e9f0f3;}
#con2-form .bx1 .ttl1{font-size: 5vw; text-align: center; letter-spacing: 0.3vw; padding-bottom: 2vw}
#con2-form .bx1 .ttl1 span{display: inline-block; margin-right: 4vw; border-radius: 50%; margin-top: -2vw; background: #d45d15; padding: 4vw 3vw; color: #fff; font-size: 4vw; letter-spacing: 0.3vw; line-height: 1.3}
#con2-form .bx1 .flex{padding: 5vw; }
#con2-form .bx1 .flex .tel{width: 65vw; margin: 0 auto 5vw;}
#con2-form .bx1 .flex .mail{}


#con3 {width: 100vw; margin: 0 auto 10vw; background: #f6f8f1;  padding: 8vw 0 30vw;}
#con3 .all-bx{width: 95vw; margin: 0 auto;}
#con3 .bx1{width: 95vw; margin: 0 auto; position: relative;}
#con3 .bx1 .icon1{width: 45vw; text-align: center; margin: -15vw auto 2vw;}
#con3 .bx1 .icon3{width: 20vw; position: absolute; left: 0; bottom: -20vw;}
#con3 .bx1 .icon4{width: 40vw; position: absolute; right: 0; bottom: -25vw;}
#con3 .bx1 .ttl1{font-size: 5.6vw; margin-bottom: 20vw; text-align: center; letter-spacing: 0.6vw; font-weight: bold; background: url(../images/modelhouse/con3-icon2.png) no-repeat bottom center; background-size: 50%; padding-bottom: 3vw;}

#con3 .all-inner {width: 95vw; margin: 0 auto;}

#con3 .inner1 {width: 95vw; margin-bottom: 5vw; border: solid 0.3vw #ababab; padding: 5vw; background: #fff; position: relative;}
#con3 .inner2 {width: 85vw; margin: 0 auto; color: #283232}
#con3 .inner2 .in-ttl1{font-size: 5vw; font-weight: bold; margin-bottom: 3vw; line-height: 1.6; letter-spacing: 0.6vw; background: url(../images/modelhouse/con3-point1.png) no-repeat left top; background-size: 20%; padding-left: 20vw; padding-bottom: 3vw}
#con3 .inner2 .in-img1 {margin-bottom: 3vw}
#con3 .inner2 .in-txt1 {font-size: 4vw; line-height: 2;}

#con3 .inner3 {width: 95vw; margin-bottom: 5vw; border: solid 0.3vw #ababab; padding: 5vw; background: #fff; position: relative;}
#con3 .inner4 {width: 85vw; margin: 0 auto; color: #283232}
#con3 .inner4 .in-ttl1{font-size: 5vw; font-weight: bold; margin-bottom: 3vw; line-height: 1.6; letter-spacing: 0.6vw; background: url(../images/modelhouse/con3-point2.png) no-repeat left top; background-size: 20%; padding-left: 20vw; padding-bottom: 3vw}
#con3 .inner4 .in-img1 {margin-bottom: 3vw}
#con3 .inner4 .in-txt1 {font-size: 4vw; line-height: 2;}

#con3 .inner5 {width: 95vw; margin-bottom: 5vw; border: solid 0.3vw #ababab; padding: 5vw; background: #fff; position: relative;}
#con3 .inner6 {width: 85vw; margin: 0 auto; color: #283232}
#con3 .inner6 .in-ttl1{font-size: 5vw; font-weight: bold; margin-bottom: 3vw; line-height: 1.6; letter-spacing: 0.6vw; background: url(../images/modelhouse/con3-point3.png) no-repeat left top; background-size: 20%; padding-left: 20vw; padding-bottom: 3vw}
#con3 .inner6 .in-img1 {margin-bottom: 3vw}
#con3 .inner6 .in-txt1 {font-size: 4vw; line-height: 2; margin-bottom: 5vw}
#con3 .inner6 .in-btn {width: 50vw; margin: 0 auto;}

#con3 .inner7 {width: 95vw; margin-bottom: 5vw; border: solid 0.3vw #ababab; padding: 5vw; background: #fff; position: relative;}
#con3 .inner8 {width: 85vw; margin: 0 auto; color: #283232}
#con3 .inner8 .in-ttl1{font-size: 5vw; font-weight: bold; margin-bottom: 3vw; line-height: 1.6; letter-spacing: 0.6vw; background: url(../images/modelhouse/con3-point4.png) no-repeat left top; background-size: 20%; padding-left: 20vw; padding-bottom: 3vw}
#con3 .inner8 .in-img1 {margin-bottom: 3vw}
#con3 .inner8 .in-txt1 {font-size: 4vw; line-height: 2;}

#con3 .inner9 {width: 95vw; margin: 0 auto; position: relative;}
#con3 .inner9 .icon5{width: 30vw; position: absolute; left: 5vw; top: 18vw}
#con3 .inner9 .icon6{width: 30vw; position: absolute; right: 8vw; top: 15vw}
#con3 .inner9 .in-ttl2{font-size: 4vw; font-weight: bold; text-align: center; letter-spacing: 0.3vw; margin-bottom: }
#con3 .inner9 .in-ttl2 span{color: #d45d15;}

#con4 {width: 95vw; margin: 0 auto 10vw; text-align: center;}
#con4 .ttl{font-size: 6vw; letter-spacing: 0.6vw; margin-bottom: 1vw; background: url(../images/modelhouse/con4-icon.png) no-repeat top center; padding-top: 3vw;}
#con4 .txt{font-size: 3.6vw; letter-spacing: 0.3vw; margin-bottom: 5vw; }
#con4 .map iframe{width: 90vw; height: 70vw; margin-bottom: 3vw}
#con4 .btn{width: 50vw; margin: 0 auto;}

#con5 {width: 95vw; margin: 0 auto; text-align: center;}
#con5 .ttl{font-size: 4vw; margin-bottom: 3vw; letter-spacing: 0.6vw; font-weight: bold; display: inline-block; background: #d45d15; padding: 1vw 3vw 2vw; color: #fff; position: relative;}
#con5 .ttl::after{content:""; width: 4vw; height: 4vw; vertical-align: middle; background: url(../images/modelhouse/con5-icon1.png); background-size: 100%; display: inline-block; position: absolute; left: 13vw; top: 8vw}
#con5 .ttl1 {font-size: 5vw; letter-spacing: 0.3vw; margin-bottom: 5vw; line-height: 1.6;}
#con5 .ttl1 span{color: #d45d15; }
#con5 .bx {width: 95vw; margin: 0 auto 10vw; border: solid 4px #e9f0f3; position: relative;}
#con5 .inner {position: relative;}
#con5 .inner .ttl2{ font-size: 5vw; letter-spacing: 0.6vw; background: url(../images/modelhouse/con5-icon2.png) no-repeat right top,url(../images/modelhouse/con5-icon3.png) no-repeat left 18vw top 1.5vw #e9f0f3; background-size: 6vw; padding: 2vw 5vw;}
#con5 .tel{ width: 65vw; padding: 5vw 2vw; margin: 0 auto; padding-right: 8vw}
#con5 .icon4{width: 15vw; position: absolute; right: 3vw; bottom: 0vw}



}