@charset "UTF-8";
/* CSS Document */
#wrapper-Tokusetu{
	background-color:#fff;
	min-height:600px;
	_height:600px;
	
	font-family: Arial,sans-serif;
}

#wrap-Tokusetu{
    position: relative;
    height:auto !important; /*IE6*/	
    height: 100%;
    min-height: 100%;
    background-color:#FFF;
	_padding-bottom:144px; /*Footer*/ /*IE6*/
}



.pagetop-area {
	width: 940px;	
	margin: 0 auto;
	padding: 30px 15px 10px 15px;	
	background:none !important;
	text-align:right;}

/*.main
--------------------------------------------------------------*/
.main {
	margin:0 0 80px;
}
.main h1 img{
	width:100%;
}


/*.content-wrap
--------------------------------------------------------------*/
.content-wrap{
	width: 960px;
	margin:0 auto 80px;
}
.content-wrap p{
	color: #333;
	font-size: 1.6rem;
	line-height: 3.2rem;
}
.content-wrap .lead{
	display: flex;
	justify-content: space-between;
	margin: 0 0 35px 0;
}
.content-wrap .lead p{
	width: 679px;
}


/*.case-wrap
--------------------------------------------------------------*/
.case-wrap{
	display: flex;
	margin:0 0 80px 0;
}
.case-wrap li{
	width: 50%;
}
.case-wrap li img{
	width: 100%;
	height: auto;
}


/*.lineup-wrap
--------------------------------------------------------------*/
.lineup-wrap {
	width: 960px;
	margin:0 auto 80px;
}
.lineup-wrap .title{
	color:#0068b7;
	font-size: 2.8rem;
	font-weight: bold;
	margin:0 0 40px 0;
}

.lineup-wrap ul{
	display: flex;
	justify-content: space-between;
}

.lineup-wrap ul a{
	display: block;
	box-shadow: 0 1px 4px rgba(0,0,0,0.4);
	transition-duration: 0.12s;
}

.lineup-wrap ul a:hover{
	box-shadow: none;
}

/*.selection-table-wrap
--------------------------------------------------------------*/
.selection-table-wrap{
	width: 960px;
	margin:0 auto 80px;
}
.selection-table-wrap .title{
	color:#fff;
	font-size: 2.4rem;
	font-weight: bold;
	background-color: #0068b7;
	padding: 15px 20px;
	margin:0 0 30px 0;
}
.selection-table-wrap table{
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin:0 0 20px 0;
}
.selection-table-wrap table th,
.selection-table-wrap table td{
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-collapse: collapse;
	padding: 5px;
}
.selection-table-wrap table th{
	font-size: 1.4rem;
	font-weight: bold;
	text-align: left;
	background-color: #f3f3f3;
	padding: 5px 10px;
}
.selection-table-wrap table td{
	font-size: 1.4rem;
	text-align: center;
}
.selection-table-wrap .w-size th,
.selection-table-wrap .w-size td{
	width: 25%;
}
.selection-table-wrap .slurry{font-weight: bold; background-color: #aaa384;}
.selection-table-wrap .drainage{font-weight: bold; background-color: #00aad3;}
.selection-table-wrap .KRDX{font-weight: bold; background-color: #f5f4ee;}
.selection-table-wrap .HSX-KTX{font-weight: bold; background-color: #e2f1f5;}

.selection-table-wrap li{
	font-size: 1.2rem;
	margin:0 0 10px 0;
	text-indent: -1.4rem;
  	padding-left: 1.4rem;
	
}


/*.certification-list-wrap
--------------------------------------------------------------*/
.certification-list-wrap{
	width: 960px;
	margin:0 auto 80px;
}
.certification-list-wrap .title{
	color:#fff;
	font-size: 2.4rem;
	font-weight: bold;
	background-color: #0068b7;
	padding: 15px 20px;
	margin:0 0 30px 0;
}
.certification-list-wrap table{
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin:0 0 20px 0;
}
.certification-list-wrap table th,
.certification-list-wrap table td{
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-collapse: collapse;
	padding: 5px;
}
.certification-list-wrap table th{
	font-size: 1.4rem;
	font-weight: bold;
	background-color: #f3f3f3;
	width: 20%;
}
.certification-list-wrap table th span{
	font-weight: normal;
}

.certification-list-wrap table td{
	font-size: 1.4rem;
	text-align: center;
	padding: 5px 3px;
}
.certification-list-wrap table td span{
	font-size: 1.2rem;
}



.certification-list-wrap .brd-dashed td{
	border-bottom: 1px dashed #ccc;
}
.certification-list-wrap .brd td{
	border-top:none;
}

.certification-list-wrap .slurry{font-weight: bold; background-color: #aaa384;}
.certification-list-wrap .drainage{font-weight: bold; background-color: #00aad3;}
.certification-list-wrap .KRDX{font-weight: bold; background-color: #f5f4ee;}
.certification-list-wrap .HSX-KTX{font-weight: bold; background-color: #e2f1f5;}

.certification-list-wrap .brd-dashed .drainage{border-bottom: 1px solid #ccc;}
.certification-list-wrap .brd-dashed .HSX-KTX{border-bottom: 1px solid #ccc;}


/*.explanation-wrap
--------------------------------------------------------------*/
.explanation-wrap{
	width: 960px;
	margin:0 auto 80px;
}
.explanation-wrap .title{
	color:#fff;
	font-size: 2.4rem;
	font-weight: bold;
	background-color: #0068b7;
	padding: 15px 20px;
	margin:0 0 60px 0;
}
.explanation-wrap .explanation-img{
	text-align: center;
	margin:0 0 40px 0;
}
.explanation-wrap ul{
	background-color: #f3f3f3;
	padding: 40px 30px;
	display: flex;
	flex-wrap:wrap;
}
.explanation-wrap ul li{
	width: 50%;
	margin: 0 0 20px 0;
}

.explanation-wrap ul li h4{
	font-size: 1.8rem;
	font-weight: bold;
	color: #0068b7;
}
.explanation-wrap ul li h4 span.num{
	display: inline-block;
	background: #0068b7;
	border-radius: 50%;
	width: 28px;
	height: 28px;
	color: #fff;
	font-size: 1.8rem;
	font-weight:normal;
	text-align: center;
	line-height: 28px;
	margin: 0 10px 0 0;
}

.explanation-wrap ul li dl{
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 0 40px;
	font-size: 1.4rem;
	line-height: 2.1rem;
}
.explanation-wrap ul li dt span{
	color: #0068b7;
	font-weight:bold;
}
.explanation-wrap ul li.num2 dt{width: 35px;}
.explanation-wrap ul li.num2 dd{width: calc(100% - 35px);}

.explanation-wrap ul li.num3 dt{width: 30px;}
.explanation-wrap ul li.num3 dd{width: calc(100% - 30px);}

.explanation-wrap ul li.num3 dt:nth-of-type(3){width: 80px;}
.explanation-wrap ul li.num3 dd:nth-of-type(3){width: calc(100% - 80px);}
.explanation-wrap ul li.num3 dd:last-child{width: 100%;}

.explanation-wrap ul li.num5 dt{width: 90px;}
.explanation-wrap ul li.num5 dd{width: calc(100% - 90px);}

.explanation-wrap ul li.num6 dt{width: 35px;}
.explanation-wrap ul li.num6 dd{width: calc(100% - 35px);}

.explanation-wrap ul li.num6 dt:nth-of-type(2){width: 100px;}
.explanation-wrap ul li.num6 dd:nth-of-type(2){width: calc(100% - 100px);}

.explanation-wrap ul li.num7 h4 span.stxt{
	margin-left: 40px;
}
.explanation-wrap ul li.num7 dt{width: 82px;}
.explanation-wrap ul li.num7 dd{width: calc(100% - 82px);}
.explanation-wrap ul li.num7 dd:last-child{width: 100%;}

.explanation-wrap ul li.num8 dt{width: 35px;}
.explanation-wrap ul li.num8 dd{width: calc(100% - 35px);}

.explanation-wrap ul li.num8 dt:nth-of-type(3){width: 80px;}
.explanation-wrap ul li.num8 dd:nth-of-type(3){width: calc(100% - 80px);}
.explanation-wrap ul li.num8 dd:last-child{width: 100%;}