@charset "UTF-8";
/*************************
ハイドロテクトコート
 *************************/

p{
	margin-bottom:0px;	
}


.main{
	margin-bottom:80px;
}

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

.body_contents{
	margin-bottom:80px;
}

.content_mecha{
	margin-bottom:100px;	
}

.mechanism .content_mecha figure img{
	margin-bottom:10px;	
}

.mechanism .content_mecha figure figcaption{
	font-weight:bold;
	font-size:18px;
	text-align:center;
}

.lead01{
	text-align:center;
	font-size:16px;
	line-height:1.6;
	margin-bottom:50px;
}

.lead02{
	margin-bottom:75px;	
}

.content_self{
	margin-bottom:80px;	
}

.feature .content_feature:nth-child(n+1){
	margin-bottom:30px;	
}

.content_feature dl dt{
	font-size:16px;
	font-weight:bold;
	line-height:1.5;
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
	margin-bottom:10px;
}

.content_feature dl.no01 dt{
	background:url(../../../../img/page/hydrotect/01.gif) right top no-repeat;
}

.content_feature dl.no02 dt{
	background:url(../../../../img/page/hydrotect/02.gif) right top no-repeat;
}

.content_feature dl.no03 dt{
	background:url(../../../../img/page/hydrotect/03.gif) right top no-repeat;
}

.content_feature dl.no04 dt{
	background:url(../../../../img/page/hydrotect/04.gif) right top no-repeat;
}

.content_feature dl.no05 dt{
	background:url(../../../../img/page/hydrotect/05.gif) right top no-repeat;
}

.question dl{
	display:table;
	border-collapse:separate;
	border-spacing:0 10px;
	margin-bottom:50px;
}

.question dl .q-ttl{
	display:table-cell;
	font-size:18px;
	font-weight:bold;
	vertical-align:middle;
}

.question dl .a-ttl{
	display:table-cell;
	font-size:18px;	
	font-weight:bold;
	margin-bottom:20px;
	vertical-align:middle;
}


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

.mechanism .content_mecha:after{
	display:table;
	border-collapse:separate;
}

.mechanism .content_mecha .illust{
	display:table-cell;
	width:30%;
}

.mechanism .content_mecha .yajirushi{
	display:table-cell;
	width:5%;
	vertical-align:middle;
	text-align:center;
}

.content_self:after,
.content_feature:after,
.question .q-illust_box:after,
.question .ray:after{
	content:"";
	display:block;
	clear:both;
}

.content_self figure,
.content_feature dl{
	float:left;
	width:30%;
	margin:0 5% 0 0;	
}

.content_self figure:last-child,
.content_feature dl:last-child{
	margin-right:0;	
}

.content_self figure img{
	margin-bottom:20px;	
}
.question dl .q-ttl{
	padding-left:60px;
	height:50px;
	background:url(../../../../img/page/common/circle_q.png) left center no-repeat;
	background-size:50px 50px;
}

.question dl .a-ttl{
	padding-left:60px;
	margin-bottom:20px;	
	height:60px;
	background:url(../../../../img/page/common/circle_a.png) left center no-repeat;
	background-size:50px 50px;
}

.question dl .detail{
	padding-left:60px;	
}

.question dl dd .text{
	margin-bottom:30px;	
}

.question .q-illust_box .left{
	float:left;
	width:50%;	
}

.question .q-illust_box .right{
	float:left;
	width:50%;	
}

.question .ray p{
	float:right;
	width:65%;
	margin-right:5%;
}

.question .ray figure{
	float:right;
	width:30%;	
}

}

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

.content_mecha figure{
	text-align:center;
	margin-bottom:20px;
}

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

.content_mecha .yajirushi img{
	transform: rotate( 90deg );	
}

.lead02{
	margin-bottom:45px;
}

.content_self{
	width:90%;
	margin:0 auto;	
}

.content_self figure{
	text-align:center;
}

.content_self{
	margin-bottom:60px;
}

.content_self figure{
	margin-bottom:50px;	
}

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

.content_self figcaption{
	text-align:left;
}

.content_feature dl{
	margin-bottom:40px;	
}

.content_feature dl dt{
	padding-bottom:5px;
}

.question dl{
	margin-bottom:30px;	
}

.question dl .q-ttl{
	font-size:16px;
	padding-left:50px;
	height:40px;
	background:url(../../../../img/page/common/circle_q.png) left center no-repeat;
	background-size:40px auto;
}

.question dl .a-ttl{
	font-size:16px;
	padding-left:50px;
	height:40px;
	background:url(../../../../img/page/common/circle_a.png) left center no-repeat;
	background-size:40px auto;
}

.question dl .detail{
	padding-left:50px;	
}

.question dl dd .text{
	margin-bottom:30px;	
}

.question dl dd figure{
	text-align:center;	
}

.question dl dd figure:nth-child(n+1){
	margin-bottom:20px;
}



}