@charset "UTF-8";
/*************************
大工工事
 *************************/

.main{
	margin-bottom:80px;	
}

.body_contents{
	margin-bottom:100px;	
}

.contents_box{
	margin-bottom:50px;	
}

.lead01{
	text-align:center;
	font-size:16px;
	margin-bottom:60px;
}

.secret .ttl03{
	margin-bottom:40px;	
}

.secret li{
	position:relative;
	border:3px solid #7bac2f;
	padding:40px 30px 25px;
}

.secret li:last-child{
	margin-bottom:0;	
}

.secret li .circle{
	position:absolute;
	top:-20px;
	left:44%;	
}

.secret li h5{
	text-align:center;
	font-size:16px;
	line-height:1.3;
	letter-spacing:0.05em;
	font-weight:bold;
	color:#7bac2f;
	margin-bottom:15px;
}

.secret li .linktext{
	margin-top:10px;
}

.secret li .linktext a{
	text-decoration:underline;	
}

.secret li .linktext i{
	margin-right:10px;	
}

.lead02{
	margin-bottom:50px;	
}

.trouble .detail ul{
	margin-bottom:20px;
	padding-left:1.5em;
}

.trouble .detail ul li{
	font-size:16px;
	font-weight:bold;
	color:#7bac2f;
	text-indent:-1.5em;
}

.trouble .detail ul li:before{
	content:"■";
	margin-right:0.5em;
}

.introduction .detail{
	margin-bottom:50px;	
}

.introduction .aboutbox{
	padding:40px 30px 30px;
	background:#efefef;	
}

.aboutbox .sub_title{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin-bottom:25px;
}

.toilet_type .sub_title{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin-bottom:25px;
}

.toilet_type .sub_title .i-block{
	display:inline-block;
	padding-bottom:5px;
	border-bottom:2px solid #333;
}

.toilet_type .toletbox img{
	margin-bottom:20px;	
}

.toilet_type .toletbox .item_title{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}

.sekoubox01{
	margin-bottom:30px;
}

.sekoubox02{
	margin-bottom:20px;	
}

.sekoubox02 .access{
	font-size:18px;
	font-weight:bold;
	letter-spacing:0.05em;
}

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

.sekoubox02 .date li{
	float:left;
	width:49%;
	padding:6px 0;
	background:#efefef;
}

.sekoubox02 .date li span{
	font-weight:bold;	
}

.sekoubox02 .date li:first-child{
	margin-right:2%;	
}

.sekou_comment{
	margin-bottom:30px;	
}

.sekou .link{
	display:block;
	width:230px;
	margin:0 auto;
	padding:12px 10px;
	vertical-align:middle;
	text-align:center;
	border:1px solid #ccc;
}

.sekou .link:hover{
	border:1px solid #7bac2f;
	color:#fff;
	background:#7bac2f;
	-webkit-transition:all .3s;	
	-moz-transition:all .3s;	
	-ms-transition:all .3s;	
	transition:all .3s;
}

.sekou .link i{
	margin-right:10px;	
}

.sekou .contents_box:nth-of-type(3){
	margin-bottom:80px;
}

.info .ttl03{
	margin-bottom:20px;
}

.lead03{
	text-align:center;
	font-size:16px;
	margin-bottom:30px;	
}

.info .half{
	position:relative;
	height:190px;
	padding:10px;
}

.info .linkbox01{
	background:url(../../../../img/page/daiku/example.jpg) center center no-repeat;
	background-size:100% auto;
}

.info .linkbox02{
	background:url(../../../../img/page/daiku/price.jpg) center center no-repeat;
	background-size:100% auto;
}

.border{
	border:1px solid #fff;
	width:100%;
	height:100%;
}

.info .btn01{
	position:absolute;
	width:60%;	
	top:40%;
	left:21%;
}

.info .btn01 a{
	display:block;
	position:relative;
	padding:10px;
	border:1px solid #fff;
	color:#fff;
	text-align:center;
}

.info .btn01 a:hover{
	background:#fff;
	color:#333;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
}

.info .btn01 a i{
	position:absolute;
	top:33%;
	right:10%;
}


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

.float:after,
.float-r:after{
	content:"";
	display:block;
	clear:both;
}

.float-r figure{
	float:right;
	width:36%;	
}

.float-r .caption{
	float:right;
	width:60%;
	margin-right:4%;	
}

.float .half{
	float:left;
	width:48%;
}

.float .half:first-child{
	margin-right:4%;	
}

.float-r .half{
	float:right;
	width:48%;	
}

.float-r .half:last-child{
	margin-right:4%;	
}

.secret li{
	float:left;
	width:48%;
	min-height:210px;
	margin:0 4% 40px 0;
}

.secret li:nth-child(2n){
	margin-right:0;	
}

.trouble .detail ul li:first-child{
	margin-bottom:10px;	
}

.sekoubox01 .img{
	float:left;
	width:45%;
}

.sekoubox01 .yajirushi{
	float:left;
	width:10%;
	text-align:center;
	padding-top:73px;
}

.sekoubox02 .access{
	float:left;
	width:45%;
	padding-top:6px;
}

.sekoubox02 .date{
	float:right;
	width:45%;
}

.sekoubox02 .date li{
	text-align:center;
}


.info .infobox{
	float:left;
	width:32%;
	margin-right:2%;
}

.info .infobox:last-child{
	margin-right:0;	
}


}

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

.sekou_comment br{
	display:none;
}

.main{
	margin-bottom:60px;	
}

.body_contents{
	margin-bottom:80px;	
}

.lead01{
	margin-bottom:50px;	
}

.lead01 br{
	display:none;
}

.secret li{
	width:100%;
	margin-bottom:40px;
}

.secret li .linktext{
	text-align:center;
	width:80%;
	margin:20px auto 0;
}

.secret li .linktext a{
	display:block;
	padding:6px;
	text-decoration:none;
	color:#fff;
	background:#9fc564;
	border-radius:20px;
}

.sekoubox01 .img:first-child,
.sekoubox01 .yajirushi{
	margin-bottom:15px;
}

.sekoubox01 .yajirushi{
	text-align:center;
	-webkit-transform:rotate( 90deg );
	transform:rotate( 90deg );
}

.sekoubox02 .access{
	margin-bottom:15px;
	font-size:16px;
}

.sekoubox02 .date li{
	padding:10px;
	width:48%;
}

.sekoubox02 .date li:first-child{
	margin-right:4%;	
}

.sekoubox02 .date li span{
	display:block;	
}

.sekou .link{
	width:80%;
	padding:15px 10px;
}

.trouble .detail ul{
	margin-bottom:10px;	
}

.trouble .detail figure{
	margin-bottom:20px;
}
.info .infobox .infotitle{
	margin-bottom:10px;	
}

.info .infobox img{
	margin-bottom:20px;	
}

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

.infobox .float .half{
	float:left;
	width:48%;
}

.info .half{
	height:150px;	
}

.info .linkbox01{
	margin-bottom:20px;	
}

.info .btn01{
	top:36%;	
}

.info .btn01 a{
	padding:12px 10px;	
}

}