@charset "utf-8";
.page_title{
	background: #F3F0EB;
	padding: 40px 0 35px;
	text-align: center;
}
.pageBody{
	margin: 35px auto 50px;
	max-width: 1000px;
}
.contents{
}
h2.hLine{
	position: relative;
	padding: 40px 0;
	font-size: 24px;
	text-align: center;
}
h2.hLine:before{
	content:'';
	border: solid 2.5px #E3C500;
	position: absolute;
	top: 50%;
	left: -3px;
	margin-top: -2.5px;
	width: 37%;
	-webkit-border-radius: 2.5px;
	-moz-border-radius: 2.5px;
	border-radius: 2.5px;
}
h2.hLine:after{
	content:'';
	border: solid 2.5px #E3C500;
	position: absolute;
	top: 50%;
	right: -3px;
	margin-top: -2.5px;
	width: 37%;
	-webkit-border-radius: 2.5px;
	-moz-border-radius: 2.5px;
	border-radius: 2.5px;
}

/*greetingBox
-------------------*/
.greetingBox{
	border: solid 4px #ddd;
	background: #fff;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.greetingBox .greetingBox_inner{
	background: url(../img/waterproofing-work/illust01.png) no-repeat 6% 20px #fff;
	border: solid 1px #ddd;
	padding: 35px 35px 35px 260px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.greetingBox h2{
	background:#E5C700;
	color: #fff;
	margin-bottom: 30px;
	padding: 10px;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.2;
	text-align: center;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.greetingBox h3{
	color: #00B2B2;
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.2;
	text-align: center;
}

/*whiteBox
-------------------*/
.whiteBox{
	background: #fff;
	margin-top: 55px;
}
/*table01
-------------------*/
.table01{
	border-top: solid 1px #aaa;
	border-left: solid 1px #aaa;
	width: 100%;
}
.table01 th{
	border-bottom: solid 1px #aaa;
	border-right: solid 1px #aaa;
	background: #F4F1EC;
	padding: 7px 5px;
	text-align: center;
}
.table01 td{
	border-bottom: solid 1px #aaa;
	border-right: solid 1px #aaa;
	padding: 7px 5px;
}
/*waterdropBox
-------------------*/
#waterdropBox{
	padding: 0 60px 40px;
}
#waterdropBox h2{
	background: url(../img/common/line01.gif) repeat-x bottom left;
	margin-bottom: 30px;
	padding: 40px 0 30px;
	font-size: 24px;
	font-weight: normal;
	text-align: center;
}
#waterdropBox h2 span{
	position: relative;
	padding-left: 109px;
}
#waterdropBox h2 span:before{
	content: '';
	position: absolute;
	bottom: -15px;
  left: 0;
	width: 89px;
	height: 115px;
}
#waterdropBox h2.tit01 span:before{background: url(../img/waterproofing-work/tit_wdBox1.png) no-repeat left top;}
#waterdropBox h2.tit02 span:before{background: url(../img/waterproofing-work/tit_wdBox2.png) no-repeat left top;}
#waterdropBox h2.tit03 span:before{background: url(../img/waterproofing-work/tit_wdBox3.png) no-repeat left top;}
#waterdropBox p img.waterdropBox_img_small{
	float: left;
	margin: 0 25px 10px 0; 
}
#waterdropBox p span{
	color: #008C91;
}
#waterdropBox h3{
	background: #CE2D21;
	color: #fff;
	margin: 0 auto;
	max-width: 670px;
	height: 40px;
	line-height:42px;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
#waterdropBox .table01{
	margin-top: 20px;
	width: auto;
}
.waterdropBox_inner{
	margin-top: 40px;
}
.waterdropBox_inner div{
	border: solid 1px #CE2D21;
	padding: 40px 30px;
}
.waterdropBox_inner div p.catch_red{
	color: #CE2D21;
	padding: 25px 0;
	font-size: 18px;
	text-align: center;
}

/*waterproof_type
	-------------------*/
.waterproof_type{
	padding-bottom: 40px;
}
.waterproof_type ul{
	padding: 0 20px;
}
.waterproof_type ul li{
	float: left;
	border: solid 3px #DDD;
	margin-left: 2%;
	padding: 20px 10px;
	width: 32%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.waterproof_type ul li:first-child{
	margin-left: 0;
}
.waterproof_type ul li h3{
	background: #CE2D21;
	color: #fff;
	padding: 8px 10px 5px;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.waterproof_type ul li p{
	margin: 15px 0;
	text-align: center;
}
.waterproof_type ul li dt{
	border: solid 2px #27A9D6;
	color: #27A9D6;
	margin-bottom: 12px;
	padding: 8px 10px 4px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.waterproof_type ul li dd{
	padding: 0 5px;
	font-size: 12px;
}

/* All SP & Tablet */
@media screen and (max-width: 999px) {
	.pageBody{
		padding: 0 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	h2.hLine:before{
		width: 33%;
	}
	h2.hLine:after{
		width: 33%;
	}
	
	/*greetingBox
	-------------------*/
	.greetingBox .greetingBox_inner{
		background: url(../img/waterproofing-work/illust01.png) no-repeat 2% 20px #fff;
		padding: 35px 35px 35px 200px;
	}
	
	/*whiteBox
	-------------------*/
	.whiteBox{
		background: #fff;
		margin-top: 55px;
	}
	/*waterdropMenu
	-------------------*/
	#waterdropBox div.sp-none{
		clear: both;
		overflow: hidden;
	}
	#waterdropBox .table01{
	width: 100%;
	}
}
/* All SP */
@media screen and (max-width: 639px) {
	.page_title{
		padding: 30px 0;
	}
	.page_title img{
		height: 18px;
	}
	h2.hLine{
		padding: 30px 0;
		font-size: 20px;
	}
	h2.hLine:before{
		border: solid 2px #E3C500;
		margin-top: -3px;
		width: 22%;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}
	h2.hLine:after{
		border: solid 2px #E3C500;
		margin-top: -3px;
		width: 22%;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}
	
	/*greetingBox
	-------------------*/
	.greetingBox{
		border: solid 3px #ddd;
		padding: 7px;
	}
	.greetingBox .greetingBox_inner{
		background: none;
		padding: 5%;
	}
	.greetingBox .greetingBox_inner.illust02{
		background: none;
	}
	.greetingBox h2{
		position: relative;
		margin-bottom: 25px;
		padding-left: 65px;
		font-size: 16px;
	}
	.greetingBox h2:before{
		content: '';
		background: url(../img/waterproofing-work/illust01.png) no-repeat 0 0;
		background-size: 56px auto;
		position: absolute;
		bottom: 0;
		left: 10px;
		width: 56px;
    height: 84px;
	}
	.greetingBox h3{
		font-size: 16px;
	}
	
	/*whiteBox
	-------------------*/
	.whiteBox{
		margin-top: 35px;
	}
	/*waterdropMenu
	-------------------*/
	#waterdropBox{
		padding: 0 20px 30px;
	}
	#waterdropBox h2{
		margin-bottom: 30px;
		padding: 30px 0 20px;
		font-size: 20px;
	}
	#waterdropBox h2 span{
		display: block;
		padding-left: 0;
	}
	#waterdropBox h2 span:before{
		top: -58px;
		bottom: auto;
		left: 50%;
		margin-left: -22px;
		width: 44px;
		height: 57px;
	}
	#waterdropBox h2.tit01 span:before{background: url(../img/waterproofing-work/tit_wdBox1.png) no-repeat left top; background-size: 44px;}
	#waterdropBox h2.tit02 span:before{background: url(../img/waterproofing-work/tit_wdBox2.png) no-repeat left top; background-size: 44px;}
	#waterdropBox h2.tit03 span:before{background: url(../img/waterproofing-work/tit_wdBox3.png) no-repeat left top; background-size: 44px;}
	#waterdropBox p img.waterdropBox_img_small{
		width: 95px;
	}
	#waterdropBox h3{	
		height: auto;
		font-size: 15px;
    line-height: 1.7;
		padding: 9px 10px 6px;
	}
	.waterdropBox_inner div{
		padding: 25px 15px;
	}
	.waterdropBox_inner div p.catch_red {
    font-size: 15px;
	}
	/*waterproof_type
		-------------------*/
	.waterproof_type{
		padding-bottom: 30px;
	}
	.waterproof_type ul li{
		float: none;
		margin-left: 0;
		margin-bottom: 15px;
		padding: 20px 10px;
		width: 100%;
	}
	.waterproof_type ul li:last-child{
		margin-bottom: 0;
	}
	.waterproof_type ul li h3{
		font-size: 15px;
	}
	.waterproof_type ul li p{
		float: left;
		margin: 58px 25px 10px 0;
	}
	.waterproof_type ul li p img{
		width: 95px;
	}
	.waterproof_type ul li dl{
		position: relative;
		margin-top: 15px;
	}
	.waterproof_type ul li dt{
		border-top: none;
		border-left: none;
		border-right: none;
		border-bottom: dashed 1px #27A9D6;
    padding: 0 0 5px;
		width: 100%;
    font-size: 14px;
		text-align: left;
    position: absolute;
		left: 0;
    -webkit-border-radius: 0;
		-moz-border-radius: 0x;
		border-radius: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.waterproof_type ul li dd{
		padding: 40px 5px 0;
		font-size: 12px;
	}
}

/* Portrait */
@media screen and (max-width:479px) {
}