@charset "UTF-8";
/* CSS Document */ 
body { 
	line-height:1.5;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img{max-width: 100%;}


span.futo{font-weight:bolder}

#s01{

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position:relative;
}
#map  {
position: relative;
/*padding-bottom: 20%; */
padding-bottom:340px; /* これが縦横比*/
height: 0;
overflow: hidden;
}
#map iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}


.filtr-item {
    padding: 1rem;
}
.item-desc {
	color: #000;
}



#map_canvas_01, #map_canvas_02, #map_canvas_03 {
    width:350px;
    min-height: 500px;
}



#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 5000;
}


/*PC用記述---------------------------------------------*/
@media only screen and (min-width: 769px) {
	/*　画面 横向き　*/
.smp_only{
	display:none
}


#s01 .top_txt{
	position:absolute;
	bottom:40%;
	left:25%;
	margin-right:25%
}

#s01 .top_scroll{
	position:absolute;
	bottom:40px;
	left:50%;
}

.heater{
	position: fixed;
	top:0;
	width:100%;
	height:60px;
	background: #000000;
}

.heat_area{
	width:100%;
	height:60px;
	margin:0 auto;
	padding:0;
}

.logo{
	width:150px;
	float:left;
	padding:25px 0 0 20px;
}

ul.pc_menu{
	display: flex;
	list-style:none;
	float:right;
	height:60px;
	padding:0 0 0 0;
	margin: 0 0 0 0;
}

ul.pc_menu li{
	display: flex;
	padding:25px 40px 0 0;
}

ul.pc_menu li.navi1{width:54px; height:9px;}
ul.pc_menu li.navi2{width:67px; height:9px;}
ul.pc_menu li.navi3{width:56px; height:9px;}
ul.pc_menu li.navi4{width:78px; height:9px}


ul.pc_menu li.sikiri{
	padding:0 20px;
	height:25px;
}

.top_mark{
	position:absolute;
	bottom:40%;
	left:50%;
	margin-left:-75px;
}


.page_footer{
	width:100%;
	padding:60px 0 50px 0;
	text-align:center;
	color:#CCC;
	border-top: 1px #D8D7D7 solid;
	clear:both;
	background: #fdebda;
}

.page_footer_navi{width: 560px; float: left; padding: 15px 0 0 0; opacity: 0.4}
.page_footer_navi ul{ float: left; padding: 20px 0 0 0;}	
.page_footer_navi li{float: left; padding-right: 50px}	
	
	
.page_footerEnd{
	width:100%;
	padding:30px 0;
	background:#1a1a1a;
	color:#fff;
}
	.page_footerEndcontents{
	width: 1000px;
	margin:0  auto
}

.gotoTop{position:fixed; bottom:15px; right:20px; width:74px; height:74px; z-index:5000}


#s02{
	padding:80px 0;
	margin:0 auto;
	width:100%;
	background-color: #fdebda;
}
	
#s03{
	padding:100px 0;
	margin:0 auto;
	width:100%;
	background: #402915;
}

.servis{
	width: 800px;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	line-height: 180%;
}
.servis_box{
	display: flex;
}
.servis_boxL{
	width: 400px; 
	margin: 40px 0 0 0; 
	text-align: left
}
.servis_boxL_img{
	width: 399px; 
	margin: 20px 0 0 0; 
	text-align: center; 
	border-left: 1px #fff dotted; 
	padding: 20px 0
}
.servis_boxL_txt{
	width: 360px; 
	padding: 20px 20px 0 20px; 
	text-align: left;
}
.servis_boxR{
	width: 400px; 
	margin: 40px 0 0 0; 
	text-align: left;
}
.servis_boxR_img{
	width: 390px; 
	margin: 20px 0 0 0; 
	text-align: center; 
	border-left: 1px #fff dotted; 
	border-right: 1px #fff dotted; 
	padding: 20px 0;
}
.servis_boxR_txt{
	width: 350px; 
	padding: 20px 20px 0 20px; 
	text-align: left;
}

#s04{
	padding:150px 0;
	margin:0 auto;
	width:100%;
	background-color: #fdebda;
}
	
.s04_box{width: 800px; margin:0 auto; text-align: center}
.s04_subtitleA{margin: 40px 0 30px 0; clear: both; text-align: left}
.s04_Lbox{width:400px; border-right: 1px #000 dotted; float: left; text-align: left}
.s04_Rbox{width:379px; padding: 0 0 0 20px; float: right; text-align: left}
	
#s04 table{width: 380px}
#s04 table td.heisei01{ width: 110px; text-align: center; border-top: 1px #333 solid; border-bottom: 1px #333 solid; border-right: 1px #333 solid; padding: 10px 0}
#s04 table td.heisei02{ width: 110px; text-align: center; border-bottom: 1px #333 solid; border-right: 1px #333 solid; padding: 10px 0}
#s04 table td.buken01{ border-top: 1px #333 solid; border-bottom: 1px #333 solid; padding: 10px 0 10px 20px}
#s04 table td.buken02{ border-bottom: 1px #333 solid; padding: 10px 0 10px 20px}

	

#s05{
	padding:150px 0;
	margin:0 auto;
	width:100%;
	background-color: #00002a;
	text-align: center
}	
	
#s05 table{width: 600px; margin: 100px auto 0 auto; color: #fff; line-height: 180%}
#s05 th,td{border-top: 1px #fff solid; border-bottom: 1px #fff solid; }	
#s05 th{ width: 90px; font-weight: normal; text-align: center; padding: 20px 0}	
#s05 td{ text-align: left; padding: 20px 0 20px 20px}		
	
	
#s06{
	margin: 0;
	padding: 0;
}	
	

#s07 {width: 100%}	
	
	
/*SP用記述---------------------------------------------*/
}@media only screen and (max-width: 768px) {
	/*　画面　縦向き　*/

.pc_only{display:none}
img{max-width: 100%;}

#s01 .top_txt{
	position:absolute;
	bottom:40%;
	left:5%;
	margin-right:5%
}

#s01 .top_scroll{
	position:absolute;
	bottom:40px;
	left:50%;
}

.heater{
	position: fixed;
	top:0;
	width:100%;
	height:50px;
	background: #000000;
}

.heat_area{
	width:100%;
	padding:0;
	float: left;
	text-align: left;
}

.logo{
	width:150px;
	float:left;
	padding:20px 0 0 10px;
}
.top_mark{
	position:absolute;
	bottom:40%;
	left:50%;
	margin-left:-75px;
}
#s02{
	padding:0 0;
	margin:0 auto;
	width:100%;
	background-color: #fdebda;
}

#s03{
	padding:60px 0;
	margin:0 auto;
	width:100%;
	background: #402915;
	color: #fff
}
.servis{
	width: 100%;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	line-height: 180%;
}	
	
.servis_box{
	display: blockß;
}
.servis_boxL{
	width: 100%; 
	margin: 40px 0 0 0; 
	text-align: center
}
.servis_boxL_img{
	width: 98%; 
	margin: 20px 0 0 0; 
	text-align: center; 
	padding: 20px 0;
}
.servis_boxL_txt{
	max-width: 360px;
	margin: 0 auto;
	padding: 20px 20px 0 20px; 
	text-align: left;
}
	
.servis_boxR{
	width: 100%; 
	margin: 40px 0 0 0; 
	text-align: center;
}
.servis_boxR_img{
	width: 98%; 
	margin: 20px 0 0 0; 
	text-align: center; 
	padding: 20px 0;
}
.servis_boxR_txt{
	max-width: 350px;
	margin: 0 auto;
	padding: 20px 20px 0 20px; 
	text-align: left;
}
	

	
#s04{
	padding:70px 0;
	margin:0 auto;
	width:100%;
	background-color: #fdebda;
}

.s04_box{width: 94%; margin:0 auto; padding: 0 3%; text-align: center}
.s04_subtitleA{margin: 40px 0 30px 0; clear: both; text-align: left}
.s04_Lbox{width:100%; text-align: left; margin: 0 auto; padding: 0; clear: both}
.s04_Rbox{width:100%; text-align: left; margin: 0 auto; margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: 1px #000 dotted}
	
#s04 table{width: 100%}
#s04 table td.heisei01{ width: 110px; text-align: center; border-top: 1px #333 solid; border-bottom: 1px #333 solid; border-right: 1px #333 solid; padding: 10px 0}
#s04 table td.heisei02{ width: 110px; text-align: center; border-bottom: 1px #333 solid; border-right: 1px #333 solid; padding: 10px 0}
#s04 table td.buken01{ border-top: 1px #333 solid; border-bottom: 1px #333 solid; padding: 10px 0 10px 20px}
#s04 table td.buken02{ border-bottom: 1px #333 solid; padding: 10px 0 10px 20px}

	
#s05{
	box-sizing: border-box;
	padding:70px 3%;
	margin:0 auto;
	width:100%;
	background-color: #00002a;
	text-align: center
}	
	
#s05 table{width: 100%; color: #fff; line-height: 180%}
#s05 th,td{border-top: 1px #fff solid; border-bottom: 1px #fff solid; }	
#s05 th{ width: 90px; font-weight: normal; text-align: center; padding: 20px 0}	
#s05 td{ text-align: left; padding: 20px 0 20px 20px}		
	
	
#s06{
	margin: 0;
	padding: 0;
}	
	


#navToggle {
	display: none;
	position:absolute;/*to body*/
	right:0px;
	top:0px;
	width:29px;
	height:21px;
	/*background:#000;*/
	padding:15px 10px 15px 14px;
	cursor:pointer}
#navToggle div {position:relative}
#navToggle span {
	display:block;
	position:absolute;/*to div*/
	width:100%;
	border-bottom:solid 3px #fff;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out}
#navToggle span:nth-child(1) {top:0}
#navToggle span:nth-child(2) {top:7px}
#navToggle span:nth-child(3) {top:14px}

header nav {
	position:absolute;
	right:0;
    top:-600px; /*通常時はビュー外*/
	background:rgba(255,255,255,0.9);
    width:90%;
	padding:0 5%;
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
	text-align:left}
header ul {margin:0}
header ul li {display:block; margin:0; border-bottom:dotted 1px #666; line-height:3}
header ul li a {display:block; color:#000; text-decoration:none}
header ul li a:hover {display:block; color:#fff; text-decoration:none}	
	
/*header ul li:after {content:''; color:#666}
header ul li:last-child {border-bottom:none}*/
	
/* Toggle(Button) */
#navToggle {display: block}
/* Click Toggle(Button) */
.openNav #navToggle span:nth-child(1) {
	top: 9px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg)}
.openNav #navToggle span:nth-child(2),
.openNav #navToggle span:nth-child(3) {
	top: 9px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg)}
/*header menu*/
.openNav nav {
	-moz-transform: translateY(650px);
	-webkit-transform: translateY(650px);
	transform: translateY(650px)}


	
#s07 {width: 100%}
.page_footer{
	width:100%;
	padding:30px 0 25px 0;
	text-align:center;
	color:#ccc;
	clear:both;
}

.page_footer a{
	text-decoration:none;
	color:#ccc;
}
.page_footer a:hover{
	text-decoration:underline;
	color:#ccc;
}
.page_footerEnd{
	width:100%;
	padding:15px 0 10px 0;
	background:#cacaca;
	text-align:center;
	color:#fff;
}

.gotoTop{position:fixed; bottom:15px; right:10px; width:40px; height:40px; z-index:5000}
	
	
.page_footer{
	width:100%;
	padding:60px 0 50px 0;
	text-align:center;
	color:#CCC;
	border-top: 1px #D8D7D7 solid;
	clear:both;
	background: #fdebda;
}

.page_footer_navi{width: 560px; float: left; padding: 15px 0 0 0; opacity: 0.4}
.page_footer_navi ul{ float: left; padding: 20px 0 0 0;}	
.page_footer_navi li{float: left; padding-right: 50px}	
	
	
.page_footerEnd{
	width:100%;
	padding:30px 0;
	background:#1a1a1a;
	color:#fff;
}
	.page_footerEndcontents{
	display: none;
}	

}