@charset "utf-8";
@font-face {
	font-family:CONDENSEicon;
	src:url("CONDENSEicon.eot");
}

@font-face {
    font-family:'CONDENSEicon';
    src:url('CONDENSEicon.woff') format('woff'),
        url('CONDENSEicon.otf') format('opentype');
}

@import url(http://fonts.googleapis.com/css?family=Quicksand:400,700,300);
body{
	color:#bb9800;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size:14px;
	line-height:1.8em;
	height:100%;
	width:100%;
	overflow-x:hidden;
	letter-spacing:0.1em;
}

img{
border:none;
vertical-align:bottom;
}

a{
	color:#bb9800;
	text-decoration:none;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
a:hover {
	text-decoration:none;
	opacity:0.5;
}

ul{
list-style-type:none;
}

hr{
display:none;
clear:both;
}

.left {
	float:left;
}
.clear_both {
	float:none;
}

.right {
	float:right!important;
}
.left {
	float:left;
}
#loading {
	height:100%;
	width:100%;
	position:fixed;
	z-index:200;
	left:0px;
	top:0px;
	background-color:#FFF;
	font-family:Quicksand;
}
#loading div {
	position:absolute;
	left:50%;
	top:50%;
	height:80px;
	width:80px;
	margin-top:-40px;
	margin-left:-40px;
	font-size:10px;
	padding-top:55px;
	box-sizing:border-box;
	text-align:center;
	letter-spacing:0.1em;
	animation-name:lineAnime03;
	animation-duration:1.2s;
	animation-timing-function:ease-in-out;
	animation-iteration-count:infinite;
	animation-fill-mode:forwards;
	animation-direction:alternate;
	-webkit-animation-name:lineAnime03;
	-webkit-animation-duration:1.2s;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-direction:alternate;
}
@keyframes lineAnime03{
	0%  {opacity:1;}
	100%{opacity:0;}
}
@-webkit-keyframes lineAnime03{
	0%  {opacity:1;}
	100%{opacity:0;}
}
#loading #mark{
	height:auto;
	width:80px;
	margin-top:-40px;
	margin-left:-40px;
	position:absolute;
	left:50%;
	top:50%;
}
#loading #mark g{
	stroke:#C4970A;
	fill:none;
	stroke-width:0.5px;
	stroke-DASHarray:170;
	stroke-DASHoffset:170;
	animation-name:lineAnime02;
	animation-duration:1.2s;
	animation-timing-function:ease-in-out;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	animation-fill-mode:forwards;
	-webkit-animation-name:lineAnime02;
	-webkit-animation-duration:1.2s;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
	-webkit-animation-fill-mode:forwards;
}
@keyframes lineAnime02{
	0%  {stroke-DASHoffset:170;fill:none;stroke-opacity:1;}
	100%{stroke-DASHoffset:0;fill:none;stroke-opacity:1;}
}
@-webkit-keyframes lineAnime02{
	0%  {stroke-DASHoffset:170;fill:none;stroke-opacity:1;}
	100%{stroke-DASHoffset:0;fill:none;stroke-opacity:1;}
}
@media all and (-ms-high-contrast:none){
#loading #mark g {
	stroke-DASHarray:0!important;
	stroke-DASHoffset:0!important;
}
#loading #mark {
	margin-top:-500px!important;
}
}


.s_menu {
	display:none;
}

header {
	width:100%;
	height:118px;
	position:absolute;
	z-index:10;
	box-sizing:border-box;
	left:0px;
	top:0px;
}
header h1 {
	position:absolute;
    left:50px;
    top:50px;
    height:20px;
    width:348px;
    position:absolute;
}
header h1 a {
	float:left;
	width:100%;
	height:100%;
}
.path g{
	opacity:0;
	stroke:#C4970A;
	fill:none;
}

.path00{
	opacity:1!important;
	stroke-width:1;
	stroke-DASHarray:3000;
	stroke-DASHoffset:3000;
	-moz-animation:lineAnime 7s ease-in-out .5s forwards;
	-webkit-animation:lineAnime 7s ease-in-out .5s forwards;
	-o-animation:lineAnime 7s ease-in-out .5s forwards;
	animation:lineAnime 7s ease-in-out .5s forwards;
	-webkit-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;	
}
	@keyframes lineAnime{
		0%  {stroke-DASHoffset:3000;fill:none;stroke-opacity:1;}
		100%{stroke-DASHoffset:0;fill:none;stroke-opacity:1;}
	}
	@-moz-keyframes lineAnime{
		0%  {stroke-DASHoffset:3000;fill:none;stroke-opacity:1;}
		100%{stroke-DASHoffset:0;fill:none;stroke-opacity:1;}
	}
	@-webkit-keyframes lineAnime{
		0%  {stroke-DASHoffset:3000;fill:none;stroke-opacity:1;}
		100%{stroke-DASHoffset:0;fill:none;stroke-opacity:1;}
	}
	@-o-keyframes lineAnime{
		0%  {stroke-DASHoffset:3000;fill:none;stroke-opacity:1;}
		100%{stroke-DASHoffset:0;fill:none;stroke-opacity:1;}
	}
	@-ms-keyframes lineAnime{
		0%  {stroke-DASHoffset:3000;fill:none;stroke-opacity:1;}
		100%{stroke-DASHoffset:0;fill:none;stroke-opacity:1;}
	}
@media all and (-ms-high-contrast:none){
.path00 {
	stroke-DASHarray:0!important;
	stroke-DASHoffset:0!important;
}
}
header #mainnavi {
	height:100%;
	position:absolute;
	top:0px;
	right:0px;
}
header #mainnavi .navi01 {
	float:left;
	height:100%;
	position:relative;
	right:0;
}
header #mainnavi .navi01 li {
	float:left;
	width:auto;
	position:relative;
	text-align:center;
	background-image:url(../images/hdnavi_line.png);
	background-position:right center;
	background-repeat:no-repeat;
	background-size:10px auto;
	padding-top:3px;
	padding-left:10px;
	padding-right:20px;
	margin-top:45px;
	box-sizing:border-box;
}
header #mainnavi .navi01 li.home {
	display:none;
}
header #mainnavi .navi01 li:nth-child(6) {
	background:none;
	padding-right:0px;
}
header #mainnavi .navi01 li:last-child {
	width: 210px;
	height:100%;
	background:none;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	margin-top:0px;
	margin-left:30px;
}
header #mainnavi .navi01 li a {
	float:left;
	width:100%;
	height:100%;
	position:relative;
	color:#D5B52B;
}
header #mainnavi .navi01 li:last-child a {
	height:100%;
	color:#FFF;
	font-size: 16px;
	letter-spacing:0.1em;
	line-height: 1.6;
	background-color:#D5B52B;
	padding-top: 30px;
	box-sizing:border-box;
}
header #mainnavi .navi01 li:last-child a span {
	display:inline-block;
	width:100%;
	font-size:11px;
	letter-spacing:0.1em;
}
header #mainnavi .navi01 li:last-child a:hover {
	padding-top:34px;
	margin-bottom:-34px;
}
header #mainnavi .navi01 li a:hover {
	padding-top:2px;
	margin-bottom:-2px;
}
.tel {
	display:none;
}

#map_canvas {
	float:left;
	height:480px;
	width:100%;
}

#back {
	float:left;
	width:100%;
	height:480px;
	position:relative;
	background-image:url(../images/footer_back.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
footer {
	float:left;
	width:100%;
	position:relative;
	padding-top:5%;
	padding-bottom:5%;
	box-sizing:border-box;
}
footer h1 {
	float:left;
	width:285px;
	height:108px;
	position:relative;
	text-indent:-9999px;
	background-image:url(../images/footer_logo.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	left:50%;
	margin-left:-150px;
	margin-bottom:20px;
}
footer .footer_info {
	float:left;
	width:100%;
	position:relative;
	text-align:center;
}
footer .address {
	float:left;
	width:100%;
	position:relative;
	margin-bottom:20px;
}
footer .address br {
	display:none;
}
footer .footer_info ul {
	float:left;
	width:100%;
	position:relative;
	text-align:center;
	margin-bottom:20px;
}
footer .footer_info ul li {
	width:140px;
	position:relative;
	border-top:1px solid #D5B52B;
	border-bottom:1px solid #D5B52B;
	box-sizing:border-box;
	margin-right:20px;
	padding-top:5px;
	padding-right:0;
	padding-bottom:5px;
	padding-left:0;
	display:inline-block;
}
footer .footer_info ul li:last-child {
	margin-right:0px;
}
footer .footer_info .tel01 {
	float:left;
	width:100%;
	position:relative;
	font-size:17px;
	font-family:'Quicksand', sans-serif;
	letter-spacing:0.1em;
	margin-bottom:10px;
}
.sns {
	float:left;
	width: 132px;
	position:relative;
	margin-top:45px;
}
.sns li {
	display: inline-block;
	width:31px;
	height:30px;
	position:relative;
	border:none;
	padding-top:0px;
	padding-bottom:0px;
	margin-right:5px;
}
.sns li:last-child {
    margin-right: 0;
}
footer .footer_info .copyright {
	float:left;
	width:100%;
	position:relative;
	text-align:center;
	font-family:'Quicksand', sans-serif;
	font-size:10px;
	letter-spacing:0.1em;
}
.sp {
	display:none;
}