@charset "UTF-8";
/*************************
施工事例
 *************************/

.main{
	margin-bottom:80px;
}

.main h2 img{
	width:100%;
	height:auto;	
}

.body_contents{
	margin-bottom:60px;	
}

.body_contents h3{
	text-align:center;
	margin-bottom:30px;	
}

.body_contents .photo{
	margin-bottom:40px;
}

.body_contents .photo .yajirushi{
	background:url(../../../../img/page/exsample/yajirushi.gif) center 55% no-repeat;	
}

.body_contents .photo .before figcaption,
.body_contents .photo .after figcaption{
	text-align:center;	
	margin-bottom:10px;
}

.body_contents .detail{
	background:#f0efe7;
	padding:30px 30px 25px;
}

.body_contents .detail dl{
	margin-bottom:30px;
}

.body_contents .detail .box01 dl:last-child,
.body_contents .detail .box02 dl:last-child{
	margin-bottom:0;
}

.body_contents .detail dt{
	font-size:16px;
	font-weight:bold;
	border-bottom:1px dotted #ccc;
	margin-bottom:15px;
	padding-bottom:5px;
}

.body_contents .detail dd{
	margin-bottom:5px;
}

.body_contents .detail dl dd:last-child{
	margin-bottom:0;
}



@media screen and (min-width:641px){

.body_contents .photo{
	display:table;
	margin-bottom:40px;
}

.body_contents .photo .before,
.body_contents .photo .after{
	display:table-cell;	
	width:45%;	
}

.body_contents .photo .yajirushi{
	display:table-cell;	
	width:10%;	
}

.body_contents .detail:after{
	content:"";
	display:block;
	clear:both;
}

.body_contents .detail .box01{
	float:left;
	width:65%;
	margin-right:5%;
}

.body_contents .detail .box02{
	float:left;
	width:30%;
}

}

@media screen and (max-width:640px){

figure{
	text-align:center;	
}

.body_contents .photo .yajirushi{
	height:100px;
	-webkit-transform: rotate( 90deg );
	-moz-transform: rotate( 90deg );
	-ms-transform: rotate( 90deg );
	transform: rotate( 90deg );
}

.body_contents .detail .box01{
	margin-bottom:30px;	
}

}