@charset "utf-8";

#sideul li.toform a{
	background-color:#f77300;
	}
#index1{
	padding-top:70px;
	padding-bottom:70px;
	}
#index1 h2{
	font-size:25px;
	font-weight:bold;
	margin-bottom:20px;
	}
#index1 h2 br{
	display:none;
	}
#index2{
	position:relative;
	padding:450px 0 0px 0;
	overflow:hidden;
	zoom:1;
	}
#index2:before{
	content:"";
	display:block;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	background:url(../img/homesauna/index2bg.jpg) no-repeat center center;
	height:350px;
	-webkit-background-size:cover;
	background-size:cover;
	}
#index2 h2{
	font-size:18px;
	font-weight:bold;
	position:relative;
	padding-top:17px;
	margin-bottom:20px;
	}
#index2 h2 br{
	display:none;
	}
#index2 h2:after{
	content:"";
	display:block;
	width:32px;
	height:1px;
	position:absolute;
	left:0;
	top:0;
	background-color:#575050;
	}
#index2 ul{
	max-width:860px;
	margin:50px auto 0 auto;
	padding:0 50px;
	overflow:hidden;
	zoom:1;
	position:relative;
	}
#index2 ul li{
	float:left;
	width:49.5%;
	margin-right:1%;
	background:url(../img/homesauna/index2-ph1.jpg) no-repeat center center;
	display:block;
	height:600px;
	-webkit-background-size:cover;
	background-size:cover;
	}
#index2 ul li:nth-of-type(2){
	margin-right:0;
	background:url(../img/homesauna/index2-ph2.jpg) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
#index2 ul li span{
	font-size:21px;
	font-weight:bold;
	background-color:#FFF;
	display:inline-block;
	padding:6px 20px 4px 20px;
	position:absolute;
	left:0;
	bottom:40px;
	}
#index2 ul li:nth-of-type(2) span{
	left:auto;
	bottom:auto;
	right:0;
	top:40px;
	}
#qa1{
	padding-top:70px;
	padding-bottom:70px;
	}
#qa1 h2{
	font-size:25px;
	font-weight:bold;
	margin-bottom:20px;
	}
#qa2{
	position:relative;
	padding:350px 0 0px 0;
	overflow:hidden;
	zoom:1;
	}
#qa2:before{
	content:"";
	display:block;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	background:url(../img/homesauna/qa2bg.jpg) no-repeat center center;
	height:350px;
	-webkit-background-size:cover;
	background-size:cover;
	}
#qa2 article{
	margin-top:80px;
	}
#qa2 article h2{
	font-size:18px;
	font-weight:bold;
	position:relative;
	padding-top:17px;
	margin-bottom:20px;
	}
#qa2 article h2:after{
	content:"";
	display:block;
	width:32px;
	height:1px;
	position:absolute;
	left:0;
	top:0;
	background-color:#575050;
	}
#qa2 h4{
	font-size:15px;
	padding-top:30px;
	border-top:1px solid #C0BAB0;
	margin-top:80px;
	}
#repo1{
	padding-top:70px;
	padding-bottom:70px;
	}
#repo1 h2{
	font-size:25px;
	font-weight:bold;
	margin-bottom:20px;
	}
#repo2{
	position:relative;
	padding:350px 0 0px 0;
	overflow:hidden;
	zoom:1;
	}
#repo2:before{
	content:"";
	display:block;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	background:url(../img/homesauna/repo2bg.jpg) no-repeat center center;
	height:350px;
	-webkit-background-size:cover;
	background-size:cover;
	}
#repo2 article{
	margin-top:80px;
	}
#repo2 article h2{
	font-size:18px;
	font-weight:bold;
	position:relative;
	padding-top:17px;
	}
#repo2 article h2:after{
	content:"";
	display:block;
	width:32px;
	height:1px;
	position:absolute;
	left:0;
	top:0;
	background-color:#575050;
	}
#repo2 article h3{
	margin-top:50px;
	}
#repo2 article p{
	margin-top:50px;
	}
#voice1{
	padding:70px 0 0px 0;
	overflow:hidden;
	zoom:1;
	}
#voice1 h2{
	font-size:25px;
	font-weight:bold;
	margin-bottom:20px;
	}
#voice1 h2 br{
	display:none;
	}
#voice1 article{
	margin:80px auto 0 auto;
	max-width:860px;
	}
#voice1 article h3{
	font-size:14px;
	font-weight:normal;
	position:relative;
	padding-top:17px;
	margin-bottom:20px;
	}
#voice1 article h3 strong{
	font-size:21px;
	font-weight:bold;
	display:block;
	margin-bottom:5px;
	}
#voice1 article h3 a{
	display:inline-block;
	margin-left:30px;
	color:#F77300;
	}
#voice1 article h3 a:before{
	content:">";
	margin-right:5px;
	display:inline-block;
	}
#voice1 article h3:after{
	content:"";
	display:block;
	width:32px;
	height:1px;
	position:absolute;
	left:0;
	top:0;
	background-color:#575050;
	}
#voice1 article h4{
	margin-top:40px;
	font-size:12px;
	font-weight:normal;
	}
#voice1 article h4 img{
	margin-bottom:10px;
	}
#common1{
	margin-top:100px;
	padding-top:100px;
	border-top:1px solid #9F9A9A;
	overflow:hidden;
	zoom:1;
	}
#common1 h2{
	font-size:20px;
	font-weight:bold;
	}
#common1 ul{
	overflow:hidden;
	zoom:1;
	padding-top:15px;
	}
#common1 ul li{
	-webkit-box-shadow:0px 0px 5px 2px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 0px 5px 2px rgba(0,0,0,0.1);
	box-shadow:0px 0px 5px 2px rgba(0,0,0,0.1);
	overflow:hidden;
	background-color:#FFF;
	float:left;
	width:32%;
	margin-right:2%;
	position:relative;
	}
#common1 ul li:last-of-type{
	margin-right:0%;
	}
#common1 ul li a:after{
	content:"";
	display:block;
	position:absolute;
	right:30px;
	top:50%;
	margin-top:-4px;
	width:5px;
	height:5px;
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	z-index:3;
	transition:right 0.5s;
	}
#common1 ul li a:hover:after{
	right:22px;
	}
#common1 ul li strong{
	font-size:15px;
	font-weight:bold;
	color:#FFF;
	position:absolute;
	top:50%;
	left:50%;
	transform:translateY(-50%) translateX(-50%);
	-webkit-transform:translateY(-50%) translateX(-50%);
	z-index:2;
	}
#common1 ul li img{
	width:100%;
	height:auto;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-moz-transition:-moz-transform 0.2s linear;
	-webkit-transition:-webkit-transform 0.2s linear;
	-o-transition:-o-transform 0.2s linear;
	-ms-transition:-ms-transform 0.2s linear;
	transition:transform 0.2s linear;
	position:relative;
	z-index:1;
	transition:0.5s;
	}
#common1 ul li a:hover img{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
	opacity:0.8;
	}
#common1 p{
	text-align:center;
	border:1px solid #CECECE;
	padding:45px 40px 70px 40px;
	margin-top:45px;
	}
#common1 h3 a{
	position:relative;
	z-index:2;
	margin:-30px auto 0 auto;
	background-color:#F77300;
	max-width:820px;
	display:block;
	padding:18px 40px 18px 40px;
	color:#FFF;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	border-radius:100px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	-o-border-radius:100px;
	-ms-border-radius:100px;
	}
#common1 h3 a:after{
	content:"";
	display:block;
	position:absolute;
	right:35px;
	top:50%;
	margin-top:-4px;
	width:5px;
	height:5px;
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	z-index:3;
	transition:right 0.5s;
	}
#common1 h3 a:hover{
	background-color:#FF8921;
	}
#common1 h3 a:hover:after{
	right:28px;
	}
#common2{
	overflow:hidden;
	zoom:1;
	}
#common2 h2{
	padding-top:100px;
	}
#common2 table{
	width:100%;
	margin-top:40px;
	}
#common2 table th{
	font-size:15px;
	font-weight:bold;
	border-right:1px solid #C0BAB0;
	padding:12px 30px 12px 0;
	width:120px;
	text-align:left;
	vertical-align:top;
	}
#common2 table td{
	font-size:15px;
	padding:12px 0 12px 40px;
	vertical-align:top;
	}
#common2 h3{
	font-size:20px;
	margin:50px 0 20px 0;
	}
#common2 h3 strong{
	font-weight:bold;
	}
#common2 .iframe{
	margin:30px auto 0 auto;
	width:700px;
	}
#common2 .mapb{
	position:relative;
	width:100%;
	padding-top:40%;
	height:0;
	}
#common2 .mapb iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	}
@media screen and (max-width:740px){
#catenav ul{
	display:block;
	justify-content:normal;
	text-align:center;
	font-size:0;
	}
#catenav ul li{
	width:50%;
	display:inline-block;
	margin-bottom:20px;
	}
#catenav ul li a:after{
	right:0px;
	}
#catenav ul li:nth-of-type(1) a:before,
#catenav ul li:nth-of-type(3) a:before{
	content:"";
	display:block;
	width:1px;
	height:60%;
	position:absolute;
	left:0px;
	top:20%;
	background-color:#6B635C;
	}
#catenav ul li:last-of-type a:after{
	display:block;
	}
#catenav ul li:nth-of-type(3) a:after{
	right:-1px;
	}
#index1{
	padding-top:30px;
	padding-bottom:50px;
	}
#index1 h2{
	font-size:16px;
	}
#index1 h2 br{
	display:block;
	}
#index1 p{
	font-size:13px;
	}
#index2{
	padding:450px 0 0px 0;
	}
#index2:before{
	height:400px;
	}
#index2 h2{
	font-size:16px;
	padding-top:0;
	}
#index2 h2:after{
	display:none;
	}
#index2 h2 br{
	display:block;
	}
#index2 p{
	font-size:13px;
	}
#index2 ul{
	margin:30px auto 0 auto;
	padding:0;
	}
#index2 ul li{
	float:none;
	width:100%;
	margin-right:0;
	height:250px;
	margin-top:20px;
	position:relative;
	}
#index2 ul li span{
	font-size:15px;
	padding:6px 20px 4px 0;
	text-align:left;
	bottom:auto;
	top:0;
	background-color:#EEEEE9;
	}
#index2 ul li:nth-of-type(2) span{
	left:0;
	right:auto;
	top:0;
	}
#qa1{
	padding-top:30px;
	padding-bottom:50px;
	}
#qa1 h2{
	font-size:20px;
	}
#qa1 p{
	font-size:13px;
	}
#qa2{
	padding:400px 0 0px 0;
	}
#qa2:before{
	height:400px;
	}
#qa2 article{
	margin-top:60px;
	}
#qa2 article h2{
	font-size:15px;
	}
#qa2 h4{
	margin-top:60px;
	}
#repo1{
	padding-top:30px;
	padding-bottom:50px;
	}
#repo1 h2{
	font-size:20px;
	}
#repo1 p{
	font-size:13px;
	}
#repo2{
	padding:400px 0 0px 0;
	}
#repo2:before{
	height:400px;
	}
#repo2 article{
	margin-top:60px;
	}
#repo2 article h2{
	font-size:15px;
	}
#voice1{
	padding:30px 0 0px 0;
	}
#voice1 h2{
	font-size:20px;
	}
#voice1 h2 br{
	display:block;
	}
#voice1 p{
	font-size:13px;
	}
#voice1 article{
	margin-top:60px;
	}
#voice1 article h3{
	font-size:16px;
	}
#voice1 article h4{
	margin-top:25px;
	}
#common1{
	margin-top:80px;
	padding-top:80px;
	}
#common1 ul{
	padding-top:0;
	}
#common1 ul li{
	float:none;
	width:100%;
	margin:15px 0 0 0;
	}
#common1 p{
	padding:35px 6% 60px 6%;
	text-align:left;
	}
#common1 h3 a{
	margin:-25px 6% 0 6%;
	padding:15px 40px 13px 40px;
	font-size:17px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	}
#common2 table{
	margin-top:10px;
	}
#common2 table th{
	border-right:0;
	padding:20px 0 5px 0;
	width:100%;
	display:block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	}
#common2 table td{
	padding:0 0 20px 0;
	border-bottom:1px solid #C0BAB0;
	display:block;
	width:100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border-bottom:1px solid #C0BAB0;
	}
#common2 table tr:last-of-type td{
	border-bottom:0;
	padding:0;
	}
#common2 h3{
	font-size:13px;
	margin:30px 0 20px 0;
	}
#common2 h3 strong{
	font-size:15px;
	display:block;
	margin-bottom:5px;
	}
#common2 .iframe{
	position:relative;
	width:100%;
	padding-top:140%;
	}
#common2 .iframe iframe{
	position:absolute;
	top:0;
	right:0;
	width:100% !important;
	height:100% !important;
	}
#common2 .mapb{
	padding-top:90%;
	}
}
@media screen and (max-width:440px){
#common2 .iframe{
	padding-top:180%;
	}
}