@charset 'UTF-8';

/*------------------------------------------------
contents
------------------------------------------------*/

.step:after{
  display: block;
  clear: both; 
  content: '';
}

.step{
  zoom: 1;
}

#contents #openhouse a{
	color:#1D99DD;
	text-decoration:underline;
}

#contents .end{
	display:block;
	text-align:right;
}
#contents #openhouse-old li dt .area{
	position:absolute;
	top:2px;
	right:2px;
	font-size:13px;
	border-radius:50px;
	width:40px;
	padding:10px 0;
	background:#93D837;
	display:block;
	text-align:center;
}
#contents #openhouse-old li dt .cr1{
	background:#93D837;
}
#contents #openhouse-old li dt .cr2{
	background:#EB943F;
}
#contents #openhouse-old li dt .cr3{
	background:#6DD1FB;
}
#contents #modelhouse .box a{
	color: #2377B3;
	text-decoration: underline;
}
.contact_form_list{
	margin: 0 0 20px;
}
.contact_form_list input{
	width: 100%;
}
.contact_form_list textarea{
	width: 100%;
	height: 120px;
}
.contact_form_list select{
    margin: 5px 0;
}

.box{
    margin-bottom: 40px;
}

/*SP*/
@media screen and (max-width: 768px) {
#contents h1{
	background:url(../../img/modelhouse/tit_bg.png) bottom center no-repeat;
	font-size:24px;
	text-align:center;
	margin:40px auto;
	padding-bottom:10px;
}
#contents h2{
	margin:0 auto 40px;
	padding-bottom:10px;
	background:url(../../img/tit2_bg.png) bottom center no-repeat;
	font-size:20px;
	text-align:center;
}
#contents section{
	padding:0 15px;
}
#contents #openhouse .box:last-child{
	border-bottom:none;
}

#contents #openhouse .box{
	/*background:url(../../img/modelhouse/i_openhouse.png) top right no-repeat;
	border-bottom:1px solid #dfdfdf;
	margin-bottom:20px;
	padding-bottom:20px;*/
}
#contents #openhouse figure{
	margin:0 0 10px;
}
#contents #modelhouse img{
    width: auto !important;
}
#contents #modelhouse span img{
  width: auto !important;
}
#contents #openhouse figure img{
    width: auto !important;
    padding: 10px 0;
}
#contents #openhouse .box .info h3{
	margin:0 0 10px 0;
	font-size:18px;
}
#contents #openhouse .box .info ul{
	margin:12px 0 0;
}
#contents #openhouse .box .info li{
	display:inline-block;
	margin:1%;
	width:47%;
}
#contents #openhouse .box .info img{
        padding: 10px 0 !important;
        display: block;
    }
#contents #openhouse .txt{
	margin:60px auto;
	text-align:center;
}
#contents #modelhouse{
	border-top:1px solid #dfdfdf;
	margin-top:40px;
	padding-top:40px;
}

#contents #openhouse-old li{
	margin:0 0 20px;
}

#contents #openhouse-old dt{
	position:relative;
}

#contents #modelhouse .box{
	border-top:1px solid #dfdfdf;
	margin-top:20px;
	padding-top:20px;
}
#contents #modelhouse .box:last-child{
	border-bottom:none;
}

#contents #modelhouse .end{
	text-align:right;
}
#contents #modelhouse .end img{
	width:60px;
	height:auto;
}
#contents #modelhouse h3{
	text-align:center;
	font-size:18px;
}

#contents #modelhouse h3 span{
	display:block;
	text-align:center;
	margin:0 auto 10px;
}

#contents #modelhouse h3 span img{
	width:auto;
	height:30px;
}

#contents #modelhouse p{
	margin:12px 0;
}

#contents #modelhouse li{
	display:inline-block;
	margin:1%;
	width:47%;
}
#contents iframe{
	margin:15px 0;
	width:100%;
	height:250px;
}

#contents .line img{
        width: 240px;
        height: auto;
    }
.contact_form_list select{
    width: 100%;
}

#contents #openhouse .box{
	/*background:url(../../img/modelhouse/i_openhouse.png) top right no-repeat;*/
	border-bottom:1px dashed #dfdfdf;
	margin-bottom:40px;
	padding-bottom:40px;
}
}


/*PC*/
@media print, screen and (min-width: 769px) {

#contents{
	margin:0 auto;
	text-align:center;
}
#contents h1{
	background:url(../../img/modelhouse/tit_bg.png) bottom center no-repeat;
	font-size:36px;
	text-align:center;
	margin:80px auto;
	padding-bottom:10px;
}
#contents section{
	width:900px;
	margin:0 auto;
	text-align:left;
}
#contents h2{
	margin:0 auto 40px;
	padding-bottom:10px;
	background:url(../../img/tit2_bg.png) bottom center no-repeat;
	font-size:28px;
	text-align:center;
}

#contents #openhouse .box:last-child{
	border-bottom:none;
}

#contents #openhouse .box{
	/*background:url(../../img/modelhouse/i_openhouse.png) top right no-repeat;*/
	border-bottom:1px dashed #dfdfdf;
	margin-bottom:40px;
	padding-bottom:40px;
}

#contents #openhouse .box figure img{
	height:auto;
}
#contents #openhouse img{
    max-width: 100% !important;

}

 
#contents #openhouse .txt{
	margin:60px auto;
	text-align:center;
	font-size:20px;
}
#contents #modelhouse{
	border-top:1px solid #dfdfdf;
	margin-top:80px;
	padding-top:80px;
}
#contents #openhouse-old{
	margin:120px auto 0;
}
#contents #openhouse-old .box{
	position:relative;
	margin-right:-32px;
	margin-bottom:40px;
	zoom: 1;
	width:1012px;
}
#contents #openhouse-old li{
	float:left;
	margin:0 32px 0 0;
	width:221px;
	height:260px;
	overflow:hidden;
	text-align:left;
}
#contents #openhouse-old li dt{
	position:relative;
	height:145px;
	overflow:hidden;
	vertical-align:top;
}

#contents #openhouse-old li img{
	width:100%;
	height:auto;
}

#contents #modelhouse .open{
	background:url(../../img/modelhouse/i_open.png) right top no-repeat;
}

#contents #modelhouse .end{
	position:absolute;
	top:-10px;
	right:0;
}

#contents #modelhouse .box{
	border-bottom:1px dashed #dfdfdf;
	margin-bottom:40px;
	padding-bottom:40px;
	position:relative;
}
#contents .box:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#contents .box{
	display:inline-table;zoom:1;
	min-height: 1%;
}
* html #contents .box {height: 1%;}
#contents .box{display: block;}

#contents #modelhouse .box:last-child{
	border-bottom:none;
}
#contents #modelhouse figure{
	float:left;
	width:294px;
	margin-right:25px;
}

#contents #modelhouse h3{
	font-size:26px;
	margin-bottom:20px;
}

#contents #modelhouse h3 span{
	padding:0px 30px 7px 0;
	display:inline-block;
	vertical-align:bottom;
}

#contents #modelhouse .info{
	float:left;
	width:661px;
}
#contents #modelhouse .info p{
	margin:0 0 14px;
	line-height:1.6;
	min-height:102px;
}
#contents #modelhouse li{
	display:inline-block;
	margin:0 20px 0 0;
}

.openhouse_contact h3{
    margin: 20px 0;
    font-size: 26px;
}

}