@charset "UTF-8";
/*************************
 現場管理の役割
 *************************/

dl{
	margin:0;	
}

.main{
	margin-bottom:80px;
}

.main h2{
	margin-bottom:20px;	
}

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

.body_contents{
	margin-bottom:100px;	
}

.body_contents .lead01{
	line-height:2;
	text-align:center;
	margin-bottom:45px;
	font-size:16px;
}

.table .cell{
	text-align:center;
}

.table .cell img{
	margin-bottom:10px;	
}

.table .cell figcaption{
	text-align:left;	
}

.sekou .half img{
	margin-bottom:10px;	
}

.sekou .half figcaption{
	font-size:16px;
	font-weight:bold;	
}

.promise{
	margin-bottom:30px;	
}

.promise  dl dt{
	font-weight:bold;
	font-size:18px;
	margin-bottom:15px;
}

.promise  dl dd{
	line-height:1.6;	
}


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

.table{
	display:table;
	border-collapse:collapse;
}

.table .cell{
	display:table-cell;
	width:25%;
	padding:20px;
	border:1px solid #ccc;
}

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

.contents_box .half{
	float:left;
	width:48%;
	margin-right:4%;
}

.contents_box .half:nth-child(2n){
	margin-right:0;
}

.sekou{
	margin-bottom:30px;	
}

}

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

.main{
	margin-bottom:60px;
}

.main p{
	line-height:1.6;
	font-size:16px;	
}

.body_contents{
	margin-bottom:80px;	
}

.body_contents .lead01{
	line-height:1.6;
	text-align:left;
}

.body_contents .lead01 br{
	display:none;
}

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

.table .cell{
	float:left;
	width:48%;
	padding:20px;
	margin-right:4%;
	border:1px solid #ccc;	
}

.table .cell:nth-child(2n){
	margin-right:0;	
}

.table .cell:first-child,
.table .cell:nth-child(2){
	margin-bottom:20px;	
}

.sekou .half{
	margin-bottom:30px;
}

.sekou .half figcaption{
	font-size:16px;	
}

.promise{
	margin-bottom:30px;
}

.promise figure{
	margin-bottom:20px;
}

.promise .detail dt{
	margin-bottom:10px;
}

}