@charset "UTF-8";
@media screen and (min-width: 768px), print {
	
	a[id]{
display:block;height:0px;overflow:hidden;text-indent:-9999px;margin-top:-70px;padding-bottom:80px;
}
  /* PC用 共通して使える -------------------------------------*/	
	#modelhouse .lead{width: 100%;background-image: url(../images/modelhouse/img01.jpg);background-position: top 190px center;background-repeat: no-repeat;}
	#modelhouse .lead h3{width: 564px;margin: 0 auto 790px;}
	#modelhouse .lead .gallery{width: 1100px;margin: 0 auto 105px;}
	
	#modelhouse .details{width: 1000px;margin: 0 auto; background-image: url(../images/modelhouse/bg01.jpg);background-position: top center;background-repeat: repeat;padding: 50px;position: relative;margin-bottom: 100px;}
	#modelhouse .details .info{background-color: #fff;background-image: url(../images/modelhouse/bg02.png);background-position: top center;background-repeat: no-repeat;padding: 45px 130px 55px;}
	#modelhouse .details .info h3{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-weight: bold;font-size: 26px;line-height: 38px; margin-bottom: 40px;}
	#modelhouse .details .info .text{font-size: 14px;line-height: 26px;}
	#modelhouse .details .info .text p{margin-bottom: 25px;}
	#modelhouse .details .icon{position: absolute;top: 465px;right: 80px;}
	
	#modelhouse .highlight{background-color: #f0ede8; background-repeat: repeat;background-position: top center;padding-top: 60px;padding-bottom: 30px;}
	#modelhouse .highlight h3{width: 357px;margin: 0 auto 35px;}
	#modelhouse .highlight .point01{width: 1100px;margin: 0 auto 80px;background-color: #fff;padding: 50px;position: relative;height: 400px;}
	#modelhouse .highlight .point01 .info{width: 480px;margin-top: -95px; margin-left: 520px;}
	#modelhouse .highlight .point01 .info h4{margin-bottom: 35px;}
	#modelhouse .highlight .point01 .info .text{font-size: 14px;line-height: 26px;}
	#modelhouse .highlight .point01 .info .text p{margin-bottom: 25px;}
	#modelhouse .highlight .point01 .pic{position: absolute;top: 50px;left: 50px;}
	#modelhouse .highlight .point02{width: 1100px;margin: 0 auto 80px;background-color: #fff;padding: 50px;position: relative;height: 400px;}
	#modelhouse .highlight .point02 .info{width: 480px;margin-top: -95px;}
	#modelhouse .highlight .point02 .info h4{margin-bottom: 35px;}
	#modelhouse .highlight .point02 .info .text{font-size: 14px;line-height: 26px;}
	#modelhouse .highlight .point02 .info .text p{margin-bottom: 25px;}
	#modelhouse .highlight .point02 .pic{position: absolute;top: 50px;right: 50px;}
	
	#modelhouse .plan{background-image: url(../images/modelhouse/bg03.jpg);background-repeat: repeat;background-position: top center;padding-top: 105px;padding-bottom: 105px;margin-bottom: 100px;}
	#modelhouse .plan h3{width: 260px;margin: 0 auto 45px;}
	#modelhouse .plan .pic{width: 1100px;margin: 0 auto;}
	
	#modelhouse .welcome{width: 1100px;margin: 0 auto 55px;}
	#modelhouse .welcome h3{width: 704px;margin: 0 auto 30px;}
	#modelhouse .welcome .frame{border: 3px solid #ffce09;padding: 50px;position: relative;}
	#modelhouse .welcome .frame .info{width: 670px;}
	#modelhouse .welcome .frame .info h4{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-weight: bold;font-size: 30px;line-height: 42px; margin-bottom: 20px;}
	#modelhouse .welcome .frame .info .address{overflow: hidden;margin-bottom: 45px;}
	#modelhouse .welcome .frame .info .address .icon{float: left;margin-right: 20px;}
	#modelhouse .welcome .frame .info .address p{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-weight: bold;font-size: 16px;line-height: 24px;}
	#modelhouse .welcome .frame .info ul{overflow: hidden;}
	#modelhouse .welcome .frame .info ul li{width: 290px;float: left;font-size: 14px;font-weight: bold;border-bottom: 1px solid #000;margin-bottom: 10px;position: relative;margin-left: 35px;}
	#modelhouse .welcome .frame .info ul li:before{content: url(../images/modelhouse/icon03.jpg);position: absolute;left: -30px;top: 0px;}
	#modelhouse .welcome .frame .info ul li:nth-child(2n){float: right;}
	#modelhouse .welcome .frame .pic{position: absolute;top: 50px;right: 50px;}
	
	#modelhouse .contact{width: 800px;margin: 0 auto 75px;}
	#modelhouse .contact .amazon{margin-bottom: 110px;}
	#modelhouse .contact .tel{width: 520px;margin: 0 auto;}
	
/* bnr-area
-------------------------------------*/
	#bnr-area{margin-bottom: 25px;}
	#bnr-area .ttl{border-bottom: 10px solid #000; padding-bottom: 10px; width: 1100px; margin: 0 auto 35px;}
	#bnr-area ul{width: 1000px; margin: 0 auto;}
	#bnr-area ul li{text-align: center; margin-bottom: 28px;}
	#bnr-area ul li:nth-of-type(1){background: url(../images/form/form-tel-bg.jpg) repeat top;padding: 30px 0;}
	
  /* form-box
  -------------------------------------*/
	#form-box{width: 1100px; margin: 0 auto;}
  #form-box .Box {
    width: 940px;
    margin: 0 auto;
  }
	#form-box .ttl{border-bottom: 10px solid #000; padding-bottom: 10px; margin-bottom: 30px;}

}
@media screen and (max-width: 767px) {
  /*lead  -------------------------------------*/
	#modelhouse{}
	
	#modelhouse .lead{width: 94%;margin: 0 auto 18%;}
	#modelhouse .lead h3{width: 90%;margin: 0 auto 5%;}
	#modelhouse .lead .pic{margin-bottom: 12%;}
	#modelhouse .lead .gallery{width: 90%;margin: 0 auto;}
	
	#modelhouse .details{width: 94%;margin: 0 auto 18%;background-image: url(../images/modelhouse/bg01.jpg);background-position: top center;background-repeat: repeat;padding: 5%;position: relative;}
	#modelhouse .details .info{background-color: #fff;background-image: url(../images/modelhouse/bg02_sp.png);background-position: bottom center;background-repeat: no-repeat;background-size: 100%; padding: 8% 5% 25%;}
	#modelhouse .details .info h3{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-weight: bold;font-size: 1.2em;line-height: 1.6em; margin-bottom: 5%;}
	#modelhouse .details .info .text{font-size: 1.0em;line-height: 1.6em;}
	#modelhouse .details .info .text p{margin-bottom: 5%;}
	#modelhouse .details .icon{width: 27%; position: absolute;top: 34vw;right: 6vw;}
	#modelhouse .details .icon img{width: 100%;}
	
	#modelhouse .highlight{background-color: #f0ede8; background-repeat: repeat;background-position: top center;padding: 5% 3%;}
	#modelhouse .highlight h3{width: 70%;margin: 0 auto 5%;}
	#modelhouse .highlight .point01{width: 100%;background-color: #fff;padding: 5%;margin-bottom: 5%;}
	#modelhouse .highlight .point01 .info{width: 100%;margin-top: -7vw;}
	#modelhouse .highlight .point01 .info h4{margin-bottom: 5%;}
	#modelhouse .highlight .point01 .info .text{font-size: 1.0em;line-height: 1.6em;}
	#modelhouse .highlight .point01 .info .text p{margin-bottom: 5%;}
	#modelhouse .highlight .point01 .pic{}
	#modelhouse .highlight .point02{width: 100%;background-color: #fff;padding: 5%;margin-bottom: 5%;}
	#modelhouse .highlight .point02 .info{width: 100%;margin-top: -7vw;}
	#modelhouse .highlight .point02 .info h4{margin-bottom: 5%;}
	#modelhouse .highlight .point02 .info .text{font-size: 1.0em;line-height: 1.6em;}
	#modelhouse .highlight .point02 .info .text p{margin-bottom: 5%;}
	#modelhouse .highlight .point02 .pic{}
	
	#modelhouse .plan{background-image: url(../images/modelhouse/bg03.jpg);background-repeat: repeat;background-position: top center;padding: 10% 8%;margin-bottom: 100px;}
	#modelhouse .plan h3{width: 60%;margin: 0 auto 8%;}
	#modelhouse .plan .pic{width: 100%;}
	
	#modelhouse .welcome{width: 94%;margin: 0 auto 18%;}
	#modelhouse .welcome h3{width: 100%;margin: 0 auto 5%;}
	#modelhouse .welcome .frame{border: 3px solid #ffce09;padding: 5% 5% 8%;}
	#modelhouse .welcome .frame .info{width: 100%;}
	#modelhouse .welcome .frame .info h4{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-weight: bold;font-size: 1.6em;line-height: 1.4em; text-align: center; margin-bottom: 5%;}
	#modelhouse .welcome .frame .info .address{margin-bottom: 5%;}
	#modelhouse .welcome .frame .info .address .icon{width: 40%; margin: 0 auto 5%;}
	#modelhouse .welcome .frame .info .address p{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-weight: bold;font-size: 1.0em;line-height: 1.6em;margin-bottom: 10%}
	#modelhouse .welcome .frame .info ul{margin-bottom: 10%;}
	#modelhouse .welcome .frame .info ul li{font-size: 1.0em;font-weight: bold;border-bottom: 1px solid #000;margin-bottom: 3%;position: relative;margin-left: 35px;}
	#modelhouse .welcome .frame .info ul li:before{content: url(../images/modelhouse/icon03.jpg);position: absolute;left: -30px;top: 0px;}
	#modelhouse .welcome .frame .pic{width: 90%;margin: 0 auto;}
	#modelhouse .welcome .frame .pic img{width: 100%;}
	
	#modelhouse .contact{width: 94%;margin: 0 auto 18%;}
	#modelhouse .contact .amazon{margin-bottom: 10%;}
	#modelhouse .contact .tel{width: 100%;margin: 0 auto;}
	
	
	
	
	
	
	
	

	/* bnr-area
-------------------------------------*/
	#bnr-area{margin-bottom: 3%;}
	#bnr-area .ttl{border-bottom: 2px solid #000;margin-bottom: 3%; padding: 5% 10%; }
	#bnr-area ul{margin: 0 5%;}
	#bnr-area ul li{text-align: center; margin-bottom: 5%;}
	#bnr-area ul li:nth-of-type(1){background: url(../images/form/form-tel-bg.jpg) repeat top;padding: 3% 10%;}
	
  /* form-box
  -------------------------------------*/
	#form-box .ttl{border-bottom: 2px solid #000; margin-bottom: 3%; padding: 5% 10%;}
  #form-box .Box .form-Box .sp-al {
    text-align: left;
    padding-left: 10%;
  }
}
