/* CSS Document */
@charset "UTF-8";
main {
  width: 100%; margin: 0 auto; max-width: 1920px; 
}

.seo_bread_list {
  width: 1100px;
  margin: 0 auto;
}

.fl-l {
  float: left;
}

.fl-r {
  float: right;
}

.rel {
  position: relative;
}

.ac {
  text-align: center;
}

@media screen and (min-width: 768px), print {
body #one-cl{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 500;}
#one-cl{ }
a[id]{display:block;height:0px;overflow:hidden;text-indent:-9999px;margin-top:-100px;padding-bottom:100px;}

#contentsmain {background: url('../images/modelhouse_shintokorozawa/2022new-main-back.png')no-repeat top 80px center;}
	#contentsmain .ttl-Box h2{margin-bottom: 20px!important;}
	
	
#con1 {margin-bottom: 100px;}
#con1 .bx{width: 100%; margin: 32px auto 0; background: url(../images/modelhouse_shintokorozawa/con1-bg.png) no-repeat top center !important; padding: 132px 0 30px;}
#con1 .bx .inner{width: 1160px; margin: 0 auto; position: relative;}
#con1 .bx .inner .ttl{text-align: center; position: relative; top: -83px; margin-bottom: -40px;}
#con1 .bx .inner .ttl1{text-align: center; margin-left: 5px; margin-bottom: -1px;}
#con1 .bx .inner .form{text-align: center; }
#con1 .bx .inner .human{position: absolute; right: 255px; top: 105px;}
#con1 .in-inner{width: 1160px; margin: 0 auto; background: #fff; padding: 50px 0 43px; position: relative;}
#con1 .in-inner .txt{font-size: 16px; letter-spacing: 0.9px; text-align: center; margin-right: 268px;}
#con1 .in-inner .tel{position: absolute; right: 335px; top: 48px;}

#con2 {}
#con2 .bx{width: 1000px; margin: 165px auto 120px; background: url(../images/modelhouse_shintokorozawa/con2-bg.png) no-repeat top center; padding: 10px 0 50px;;}
#con2 .bx .inner{width: 656px; margin: 0 auto; position: relative;}
#con2 .bx .inner .icon{position: absolute; right: -40px; top: -88px;}
#con2 .bx .inner .ttl{text-align: center; margin-top: -30px; margin-bottom: 47px; margin-right: 5px;}
#con2 .bx .inner .pic{text-align: center;}

#con3 {}
#con3 .bx{width: 100%;margin: 0 auto;background: url(../images/modelhouse_shintokorozawa/con3-bg.jpg) no-repeat top center #f2f2f2;padding: 370px 0 5px;}
#con3 .bx .inner{width: 1160px; margin: 0 auto; position: relative;}
#con3 .bx .inner .ttl{text-align: center; margin-bottom: 93px;}
#con3 .bx .inner .ttl1{width: 800px; text-align: center; margin: 0 auto 300px;}
	#con3 .bx .inner .ttl1 img{width: 100%;height: auto;}
#con3 .bx .inner .txt{text-align: center; font-size: 28px; letter-spacing: 2.6px; color: #fff; line-height: 1.58; margin-bottom: 174px;}
#con3 .bx .inner .in-inner{width: 1160px; margin: 0 auto; position: relative;}
#con3 .bx .inner .in-inner .list{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; justify-content: center;}
#con3 .bx .inner .in-inner .list li{width: 360px; margin-right: 40px; margin-bottom: 40px;}
#con3 .bx .inner .in-inner .list li:nth-child(3n){margin-right: 0;}
#con3 .bx .inner .in-inner .list li .in-img{}
#con3 .bx .inner .in-inner .list li .in-inner1{background: #fff; max-height: 220px; padding: 25px 18px 110px 23px;}
#con3 .bx .inner .in-inner .list li .in-inner1 .in-ttl{font-size: 22px; font-weight: bold; text-align: center; letter-spacing: 1px; margin-bottom: 35px; position: relative;}
#con3 .bx .inner .in-inner .list li .in-inner1 .in-ttl::after{content: ""; width: 20px; height: 2px; margin: 0 auto; background: #000; position: absolute; left: 0; right: 0; bottom: -14px;}
#con3 .bx .inner .in-inner .list li .in-inner1 .in-txt{font-size: 16px; letter-spacing: 0.78px; }

#con4 {
    background: #f2f2f2;
    padding-top: 24px;
    padding-bottom: 297px;
}
#con4 .bx{width: 1160px; margin: 0 auto 45px; border: 1px solid #333333;}
#con4 .bx .sra-ttl{text-align: center; margin-bottom: 40px; margin-right: 5px;}
.slider-3mai-Box {position: relative;width: 1158px;margin: 0 auto;background: #e5e5e5;padding: 43px 50px 80px;}
.slider-3mai-Box .slider-3mai { position: relative; width: 980px; margin: 0 auto;}
.slider-3mai-Box .slider-3mai li { width: 980px !important; }
.slider-3mai-Box .bx-wrapper .bx-controls-direction a { position: absolute; top: 45.6%; outline: 0; width: 80px; height: 80px; text-indent: -9999px; z-index: 9999; }
.slider-3mai-Box .bx-wrapper .bx-prev { left: -40px; background-image: url(../images/common/bx-l.jpg); background-position: 0 0; }
.slider-3mai-Box .bx-wrapper .bx-next { right: -40px; background-image: url(../images/common/bx-r.jpg); background-position: 0 0; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute;bottom: -53px; left: 15.5px;width: 100%;z-index: 200;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #fff;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 38px 0 0;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.bx-pager.bx-default-pager a.active {background: #000;}

.all-bx {background: #ffffff;padding: 108px 0 52px;}
#con5 {}
#con5 .bx{width: 1160px; margin: 0 auto 45px; }
#con5 .bx .ttl{text-align: center;margin-bottom: 70px;margin-left: 5px;}
#con5 .bx .img{text-align: center; margin-bottom: 60px;}
#con5 .bx .inner{width: 1100px;margin: 0 auto -35px;border-top: 6px solid #1a1a1a;padding: 105px 100px 59px 100px;background-color: #f2f2f2;}
#con5 .bx .inner .ttl1{text-align: center;margin-bottom: 68px;margin-left: 5px;}
#con5 .bx .inner .ttl2{text-align: center;font-size: 26.6px;letter-spacing: 0.8px;font-weight: bold;line-height: 1.5;margin-bottom: 28px;}
#con5 .bx .inner .ttl2 span{font-size: 40.7px;letter-spacing: 1.5px;display: inline-block;margin-bottom: 21px;}
#con5 .bx .inner .list{margin-bottom: 39px;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;justify-content: center;}
#con5 .bx .inner .list li{width: 306px;margin-right: 20px;letter-spacing: 1.1px;padding: 14px 0 14px 8px;text-align: center;font-size: 20px;border: 1px solid #707070;background: #fff;}
#con5 .bx .inner .list li:last-child{margin-right: 0px;}
#con5 .bx .inner .txt{text-align: center;font-size: 16px;letter-spacing: 0.8px;margin-bottom: 65px;line-height: 30px;}
#con5 .bx .inner .access{text-align: center; background: #000; padding: 1px 0 15px; margin-bottom: 15px;}
#con5 .bx .inner .map{width: 900px;height: 400px;margin: 0 auto 8px;}
#con5 .bx .inner .map iframe{width: 900px; height: 400px;}
#con5 .bx .inner .btn{margin-left: 3px;text-align: right;}

.form-Box {padding: 1px;margin-bottom: -20px;line-height: 1.6;padding: 71px 0;background-color: #e5e7ea;}
.form-Box .form-big-ttl{text-align: center;margin-left: 3px;margin-bottom: 7px;}
.form-Box .form-Box-inner{width: 1200px;margin: 0 auto;padding: 83px 99px 10px;}

form th.required:after {
  display: inline-block;
  content: "※";
  color: #b9000e;
  background: none;
  margin-left: 10px;
  line-height: 1;
  font-weight: bold;
  padding: 3px;
  font-size: 16px;  }

}



@media screen and (max-width: 767px) {
body #one-cl{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 500;}
#one-cl{ }
a[id]{display:block;height:0px;overflow:hidden;text-indent:-9999px;margin-top:-10vw;padding-bottom: 11vw;}
.seo_bread_list { display: none;}

#contentsmain {background: url('../images/modelhouse_shintokorozawa/sp-2022new-main-back.png')no-repeat top 60.0vw center;background-size: 100% auto;}
	#contentsmain .ttl-Box span.subttl{width: 77.9vw!important;}
	
h2.main-title{padding-top: 7.8vw;margin-bottom: -9vw;}
#con1 {margin-bottom: 10vw;}
#con1 .bx{width: 95vw; margin: 5vw auto 0; background: url(../images/modelhouse_shintokorozawa/sp-con1-bg.png) no-repeat top center !important;; padding: 30vw 0 5vw; background-size: 100%;}
#con1 .bx .inner{ margin: 0 auto; position: relative;}
#con1 .bx .inner .ttl{width: 80vw; margin: 0 auto -5vw; text-align: center; position: relative; top: -12vw; }
#con1 .bx .inner .ttl1{width: 80vw; margin: 0 auto 5vw;}
#con1 .bx .inner .form{width: 90vw;  margin: 0 auto;}
#con1 .bx .inner .human{width: 15vw; position: absolute; right: 5vw; top: 35vw;}
#con1 .in-inner{width: 95vw; margin: 0 auto 5vw; background: #fff; padding: 8vw 0 8vw; position: relative;}
#con1 .in-inner .txt{font-size: 3.6vw; letter-spacing: 0.2vw; text-align: center; margin-bottom: 3vw;}
#con1 .in-inner .tel{width: 90vw; margin: 0 auto;}

#con2 {}
#con2 .bx{width: 95vw; margin: 5vw auto 10vw; background: url(../images/modelhouse_shintokorozawa/sp-con2-bg.png) no-repeat top center; padding: 5vw 0 10vw; background-size: 100%;}
#con2 .bx .inner{ margin: 0 auto; position: relative;}
#con2 .bx .inner .icon{width: 40vw; position: absolute; right: 25vw; top: -35vw;}
#con2 .bx .inner .ttl{width: 30vw; margin: -8vw auto 6vw;}
#con2 .bx .inner .pic{width: 80vw; margin: 0 auto;}

#con3 {
    background: #f2f2f2;
}
#con3 .bx{width: 100vw;margin: 0 auto;background: url(../images/modelhouse_shintokorozawa/sp-con3-bg.jpg) no-repeat top center #f2f2f2;padding: 45vw 0 10vw;background-size: 100%;}
#con3 .bx .inner{width: 100vw; margin: 0 auto; position: relative;}
#con3 .bx .inner .ttl{width: 20vw; margin: 0 auto 15vw;}
#con3 .bx .inner .ttl1{width: 80vw; margin: 0 auto 30vw;}
	#con3 .bx .inner .ttl1 img{width: 100%;height: auto;}
	
#con3 .bx .inner .txt{text-align: center; font-size: 4.2vw; letter-spacing: 0.5vw; color: #fff; line-height: 1.58; margin-bottom: 25vw;}
#con3 .bx .inner .in-inner{ margin: 0 auto; position: relative;}
#con3 .bx .inner .in-inner .list{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; justify-content: center;}
#con3 .bx .inner .in-inner .list li{width: 45vw; margin-right: 1vw; margin-bottom: 3vw;}
#con3 .bx .inner .in-inner .list li:nth-child(2n){margin-right: 0;}
#con3 .bx .inner .in-inner .list li .in-img{}
#con3 .bx .inner .in-inner .list li .in-inner1{background: #fff; min-height: 40vw; padding: 5vw 3vw 0vw;}
#con3 .bx .inner .in-inner .list li .in-inner1 .in-ttl{font-size: 3.8vw; font-weight: bold; text-align: center; letter-spacing: 0.2vw; margin-bottom: 5vw; position: relative;}
#con3 .bx .inner .in-inner .list li .in-inner1 .in-ttl::after{content: ""; width: 5vw; height: 0.5vw; margin: 0 auto; background: #000; position: absolute; left: 0; right: 0; bottom: -2vw;}
#con3 .bx .inner .in-inner .list li .in-inner1 .in-txt{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 1.8;}

#con4 {padding-bottom: 15vw;background: #f2f2f2;}
#con4 .bx{width: 99.5vw; margin: 0 auto; border: 1px solid #333333;}
#con4 .bx .sra-ttl{width: 30vw; margin: 0 auto 8vw;}
#bx-sra {position: relative;width: 99.5%;margin: 0 auto;background: #e5e5e5;padding: 10vw 3vw 20vw;}
#bx-sra ul { position: relative; width: 99.5%; margin: 0 auto;}
#bx-sra li { width: 100% !important; }
#bx-sra .bx-wrapper .bx-controls-direction a { position: absolute; top: 45.6%; outline: 0; width: 30vw; height: 30vw; text-indent: -9999px; z-index: 9999; }
#bx-sra .bx-wrapper .bx-prev { left: -5vw; background-image: url(../images/common/bx-l.jpg); background-position: 0 0; background-size: 10vw;}
#bx-sra .bx-wrapper .bx-next { right: -20vw; background-image: url(../images/common/bx-r.jpg); background-position: 0 0; background-size: 10vw;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute;bottom: -13vw; left: 0vw;width: 100vw;z-index: 200;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #fff;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 38px 0 0;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.bx-pager.bx-default-pager a.active {background: #000;}

.all-bx { padding: 10vw 0 5vw;}
#con5 {}
#con5 .bx{width: 100vw; margin: 0 auto 10vw; }
#con5 .bx .ttl{width: 53vw;margin: 0 auto 19.8vw;}
#con5 .bx .ttl img{width: auto;height: 9.4vw;}
#con5 .bx .img{text-align: center; margin-bottom: 10vw;}
#con5 .bx .inner{width:95vw;margin: 0 auto 10vw;border-top: 2.6vw solid #333;background: #f2f2f2;padding: 18.9vw 5vw 5.9vw 5vw;}
#con5 .bx .inner .ttl1{width: 50.6vw;margin: 0 auto 15.8vw;}
#con5 .bx .inner .ttl1 img{height: 8vw;width: auto;}
#con5 .bx .inner .ttl2{text-align: center;font-size: 3.9vw;letter-spacing: 0.2vw;font-weight: bold;line-height: 1.8;margin-bottom: 8.4vw;}
#con5 .bx .inner .ttl2 span{font-size: 6.2vw;letter-spacing: 0.2vw;margin-bottom: 2vw;display: inline-block;}
#con5 .bx .inner .list{margin-bottom: 3vw;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;justify-content: center;margin: 0 5.6vw 4vw;}
#con5 .bx .inner .list li{width: 80vw;margin: 0 auto;font-size: 4.9vw;letter-spacing: 0.2vw;padding: 3.7vw 0;text-align: center;border: #333 solid 1px;margin-bottom: 4.9vw;background: #fff;}
#con5 .bx .inner .list li:last-child{}
#con5 .bx .inner .txt{text-align: left;font-size: 3.8vw;letter-spacing: 0.2vw;margin-bottom: 10vw;line-height: 1.9;}
#con5 .bx .inner .access{text-align: center; background: #000; padding: 1vw 0 4vw; margin-bottom: 2vw;}
#con5 .bx .inner .map{height: 97vw;margin: 0 -2vw 4.4vw;}
#con5 .bx .inner .map iframe{width: 100%;height: 95vw;}
#con5 .bx .inner .btn{width: 39.4vw;margin: 0 0 0 auto;position: relative;left: 3.4vw;}
#con5 .bx .inner .btn img{width: auto;height: 9vw;}

.form-Box {background: #e5e7ea;padding: 1px;margin-bottom: -2vw;line-height: 1.6;padding: 18.6vw 0;}
.form-Box .form-big-ttl{width: 41vw;margin: 0 auto 5.8vw;}
.form-Box .form-Box-inner{width: 95vw;margin: 0 auto;padding: 15vw 5vw 1vw;}
.form-big-ttl img{width: auto;height: 20.4vw;}
.form-Box .form-Box-inner h3 img{width: 61vw;height: auto;}

form th.required:after {
  display: inline-block;
  content: "※";
  color: #b9000e;;
  margin-left: 10px;
  font-weight:bold;
  line-height: 1;
  padding: 3px;
  background: none;
  font-size: 3.6vw;  }

}
