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

.main{
	margin-bottom:80px;
}

body_contents{
	margin-bottom:80px;
}

.contents_box{
	margin-bottom:60px;
}

.first p{
	margin-bottom:25px;	
}

.first figure{
	text-align:center;
}

.mecha figure{
	text-align:center;
}

.mecha figure img{
	margin-bottom:20px;	
}

.mecha figcaption{
	text-align:left;	
}

.effect .ttl_effect{
	background:#7bac2f;
	color:#fff;
	padding:0 20px;
	vertical-align:middle;
}

.effect .ttl_effect h4{
	font-size:22px;
	font-weight:bold;
	line-height:1.3;
	margin-bottom:25px;
}

.effect figure figcaption{
	font-size:18px;
	font-weight:bold;
	line-height:1.3;
	margin-bottom:15px;
}


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

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

.first p:last-child{
	margin-bottom:0;	
}

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

.first figure{
	float:left;
	width:30%;
}

.mecha figure{
	float:left;
	width:48%;
	margin-right:4%;
}

.mecha figure:last-child{
	margin-right:0;	
}

.effect{
	border:5px solid #7bac2f;
	padding:25px 0 10px;	
}

.effect .ttl_effect{
	padding:75px 20px;
}

.effect .table{
	display:table;
	border-collapse:separate;
	border-spacing:30px 15px;
}

.effect .effect_box{
	display:table-cell;
	width:33.3333%;
}

.effect .effect_box:nth-child(3n){
	margin-right:0;
}

.effect figure{
	text-align:center;	
}

.effect figure img{
	margin-bottom:20px;	
}

.effect figure p{
	text-align:left;
	margin-bottom:0;
}

}

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

p br{
	display:none;
}

.body_contents{
	margin-bottom:60px;
}

.contents_box{
	margin-bottom:50px;	
}

.mecha figure{
	width:70%;
	margin:0 auto 30px;
}

.effect .ttl_effect{
	padding:20px;
	margin-bottom:30px;
}

.effect .ttl_effect h4{
	font-size:18px;
	margin-bottom:5px;
	text-align:center;
}

.effect figure{
	margin-bottom:30px;
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
}

.effect figure:last-child{
	margin-bottom:0;	
}

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

.effect figure img{
	float:left;
	width:32%;
	height:auto;
	margin-right:8%;	
}

.effect figure figcaption{
	text-align:center;
}

.effect figure figcaption span{
	display:inline-block;
	font-size:16px;
	font-weight:bold;
	letter-spacing:0.1em;
	padding-bottom:5px;
	margin-bottom:15px;
	line-height:1.3;
	border-bottom:2px solid #333;
}

.effect figure p{
	float:left;
	width:60%;	
}

}