@charset "UTF-8";
/*************************
工事の工程
 *************************/

.main{
	margin-bottom:80px;
}

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

.body_contents{
	margin-bottom:80px;	
}

.body_contents .detail h3{
	font-size:22px;
	font-weight:bold;
	letter-spacing:0.1em;
	margin-bottom:15px;
}

.body_contents .detail h3.flow01{
	background:url(../../../../img/page/flow/flow01.gif) right center no-repeat;	
}

.body_contents .detail h3.flow02{
	background:url(../../../../img/page/flow/flow02.gif) right center no-repeat;	
}

.body_contents .detail h3.flow03{
	background:url(../../../../img/page/flow/flow03.gif) right center no-repeat;	
}

.body_contents .detail h3.flow04{
	background:url(../../../../img/page/flow/flow04.gif) right center no-repeat;	
}

.body_contents .detail h3.flow05{
	background:url(../../../../img/page/flow/flow05.gif) right center no-repeat;	
}

.body_contents .detail h3.flow06{
	background:url(../../../../img/page/flow/flow06.gif) right center no-repeat;	
}


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

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

.body_contents figure{
	float:left;
	width:35%;
	margin-right:5%;
}

.body_contents .detail{
	float:left;
	width:60%;	
}

}

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

.body_contents{
	padding-bottom:30px;
	margin-bottom:50px;
	border-bottom:1px solid #ccc;
}

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

.body_contents .detail{
	width:90%;
	margin:0 auto;
}

.body_contents .detail h3{
	font-size:18px;
	text-align:center;
	padding-top:30px;	
}

.body_contents .detail h3.flow01{
	background:url(../../../../img/page/flow/flow01.gif) center top no-repeat;	
}

.body_contents .detail h3.flow02{
	background:url(../../../../img/page/flow/flow02.gif) center top no-repeat;	
}

.body_contents .detail h3.flow03{
	background:url(../../../../img/page/flow/flow03.gif) center top no-repeat;	
}

.body_contents .detail h3.flow04{
	background:url(../../../../img/page/flow/flow04.gif) center top no-repeat;	
}

.body_contents .detail h3.flow05{
	background:url(../../../../img/page/flow/flow05.gif) center top no-repeat;	
}

.body_contents .detail h3.flow06{
	background:url(../../../../img/page/flow/flow06.gif) center top no-repeat;	
}

}