@charset "utf-8";

/* 2column */
#main-780 {
	width: 780px;
	float: left;
}
#main-780 a {
	font-weight: bold;
	color: #ff4200;
}
#main-780 h2 {
	padding-bottom: 15px;
}
#main-780 h3 {
	padding-bottom: 10px;
}
#toilet-set-plan-select {
	padding-bottom: 10px;
	padding-left: 100px;
}
.page-top-780 {
	clear: both;
	padding-bottom: 20px;
}
/* 2column */

/* work-together */
#wt p {
	font-size: medium;
	line-height: 130%;
	letter-spacing: 1px;
	padding-bottom:20px;
}
.bg-y {
	background-color: #fff000;
	padding: 2px;
}
#main-780 h3 {
	padding-bottom: 20px;
}
.detail-box {
	width: 670px;/*780px*/
	background-image: url(../../img/service/wt_detail_bg.gif);
	background-repeat: repeat-y;
	padding: 30px 55px 20px 55px;
}
.detail-box strong {
	color: #e7291a;
}

.form-box {
	background-color: #f5f5f5;
	padding: 15px 0 5px 20px;
	clear: both;
}
.form-box:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.form-box li {
	margin: 0 15px 20px 5px;
	float: left;
}
.contact {
	width: 780px;/*	width: 780px;*/
	height: 493px;
	background-image: url(../../img/service/wt_contact_bg.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 10px 0px;
	padding: 163px 0px 0px 388px;
}
a#form-btn-00 {
	background: url(/img/service/wt_contact_btn.gif);
	width:284px;
	height:40px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}
a#form-btn-00:hover {
    background-position:left bottom;
}
/* work-together */

/* 画像透明化クラス */
a:hover img.hover{
 opacity:0.8;
 filter:alpha(opacity=80);
 -ms-filter: “alpha( opacity=80 )”;
}

/* スマホ用 */
@media screen and (max-width: 560px) {
	#main-780,
	.detail-box{
		width: 100vw;
	}
	.detail-box{
		padding: 0;
		background-size: 100%;
		padding-bottom: 1em;
	}
	#wt .detail-box p{
		width: auto;
		margin: 0 !important;
		padding: 1em 1em 0 1em;
	}

	.form-box{
		width: 96vw;
		padding: 2vw;
	}

	.form-box ul li{
		width: 48%;
		padding: 0;
		margin: 1% 2% 0 0;
	}

	.form-box ul li a img{
		width: 100%;
	}
	#main-780 .contact{
		width: 100%;
		background-repeat: no-repeat;
		background-size:cover;
		height: 62vw;
		padding: 0;
		position:relative;
	}
	#main-780 .contact a{
		position: absolute;
		width: 42%;
		background-repeat: no-repeat;
		background-size:cover;
		height: 6vw;
		top:20vw;
		left:47vw;
	}
}