@charset "utf-8";

/*===========================================

	product

	ferroconcrete

	foundation_work.css

===========================================*/


div#foundation_image {
overflow:hidden;
margin:0 auto 30px;
width: 980px;
height: 257px;
}
div#foundation_image h3{ padding: 0;}

div#foundation_contents .mgnb50 {
margin-bottom:50px;
}

div#foundation_contents .pdglr {
padding:0 115px;
}

div#foundation_contents img {
display:block;
}

div#foundation_contents div.section {
	clear: both;
	margin-bottom: 40px;
	overflow:hidden;
	width:100%;
}

div#foundation_contents div.box {
	float: left;
	width: 471px;
	margin-right:38px;
}

div#foundation_contents div.right {
	margin-right:0px;
}

div#foundation_contents div.section h4 {
	margin: 0 0 30px;
	padding: 0 15px;
	height: 31px;
	line-height: 31px;
	color: #fff;
	background: #1E2F4A;
	font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 0.2em;
}

div#foundation_contents div.section h5 {
color: #004C8E;
font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight: bold;
font-size: 128%;
margin-bottom: 10px;
}

div#foundation_contents p.text {
	font-size: 128%;
	line-height: 1.8;
	color: #000;
	margin-bottom: 1em;
}

div#foundation_contents table {
	font-size: 128%;
	line-height: 1.8;
	color: #000;
	margin-bottom: 40px;
}

div#foundation_contents table th.wd01 {width:146px;}
div#foundation_contents table th.wd02 {width:234px;}
div#foundation_contents table th.wd03 {width:270px;}

div#foundation_contents table th {
background-color:#0A2B4B;
color:#fff;
font-weight:bold;
text-align:center;
vertical-align:middle;
padding:10px;
border-right:4px solid #fff;
border-bottom:4px solid #fff;
}

div#foundation_contents table td {
background-color:#DDE8F3;
color:#000;
text-align:left;
vertical-align:top;
padding:10px;
border-right:4px solid #fff;
border-bottom:4px solid #fff;
}
div#foundation_contents table th:last-child ,
div#foundation_contents table td:last-child {
border-right:none;
}

div#foundation_contents table td.ttl {
color:#024C8E;
font-weight:bold;
vertical-align:middle;
padding-left:22px;
}

div#foundation_contents table span.circle {
color:#DE007E;
font-weight:bold;
}

div#foundation_contents table span.cross {
color:#024C8E;
font-weight:bold;
}


/*-------------------------*/
/* デバイスサイズ 889px*/
/*-------------------------*/
@media screen and (max-device-width: 889px) {

div#contents{ padding: 0;}
div#foundation_image{ width: auto; height: auto;}
div#foundation_contents div.section h4{ height: auto; margin-bottom: 20px;}
div#foundation_contents div.section h5{ font-size: 18px;}
div#foundation_contents .pdglr{ padding: 0;}
div#foundation_contents p.text{ font-size: 100%;}
div#foundation_contents div.box{ float: none; width: auto; margin: 0;}
div#foundation_contents table{ margin-bottom: 0; font-size: 90%; line-height: 1.5; display: table;}
div#foundation_contents table th,
div#foundation_contents table td{ width: 20%; padding: 10px;}
div#foundation_contents table td.ttl{ padding: 10px;}

/* scroll_table */
.scroll_table { overflow: auto; padding-bottom: 15px;}
.scroll_table table{ width: 600px;}
.scroll_table::-webkit-scrollbar { height: 2px;}
.scroll_table::-webkit-scrollbar-track { margin: 0 2px; background: #f2f2f2; border-radius: 5px;}
.scroll_table::-webkit-scrollbar-thumb { border-radius: 5px; background: #024C8E;}

}