@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 #26363d;
	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:#26363d;
	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;	
}

.need .float{
	margin-bottom:50px;	
}

.need .float .half{
	margin:0 4% 40px 0;
}

.need .half h5{
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}

.need .half h5:before{
	content:"■";
	margin-right:10px;
}

.need .half img{
	margin-bottom:20px;	
}

.need .half .catch{
	font-size:16px;
	font-weight:bold;
	line-height:1.3;
	margin-bottom:10px;	
}

.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;
	text-align:center;
}

.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 .sub_ttl{
	text-align:center;
	font-size:18px;
	font-weight:bold;
	margin-bottom:30px;	
}

.info .infobox .infotitle{
	font-size:16px;
	font-weight:bold;
	margin-bottom:7px;
}

.info .infobox .infotitle:before{
	content:"■";
	margin-right:10px;
}

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

.infobox .float .half{
	text-align:center;
}

.infobox .float .half a{
	display:block;
	padding:10px;
	color:#fff;
	background:#26363d;
}

.infobox .float .half a:hover{
	opacity:.8;	
}

.infobox .float .half a i{
	margin-right:10px;	
}


@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;	
}

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

.need .float .half:nth-child(2n){
	margin-right:0;
}

.need .float .half:nth-child(3),
.need .float .half:nth-child(4){
	margin-bottom:0;
}

.toilet_type .toletbox{
	float:left;
	width:32%;
	margin-right:2%;
}

.toilet_type .toletbox:last-child{
	margin-right:0;	
}

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

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

.sekoubox01 .yajirushi{
	display:table-cell;
	width:10%;
	text-align:center;
	vertical-align:middle;
}

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

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

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

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


}

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

.main{
	margin-bottom:60px;	
}

.body_contents{
	margin-bottom:80px;	
}

.lead01{
	margin-bottom:50px;	
}

.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:#515e64;
	border-radius:20px;
}

.introduction figure{
	margin-bottom:20px;
}

.introduction .aboutbox{
	padding:30px 20px 20px;	
}

.introduction .aboutbox figure{
	margin-bottom:20px;
}

.aboutbox .sub_title{
	font-size:16px;	
}

.toilet_type .toletbox{
	margin-bottom:30px;	
}

.toilet_type .toletbox:last-child{
	margin-bottom:0;	
}

.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:10px;
}

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

.info .sub_ttl{
	font-size:16px;
	margin-bottom:20px;
}

.info .infobox{
	margin-bottom:40px;	
}

.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%;
}

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

.infobox .float .half a{
	padding:15px;	
}

}