/*---index---*/
#index .hslide li.hslide1 {
	background: url(../img/index/kv_1.jpg) no-repeat bottom center;
	background-size: cover;
	height: 100vh;
}
#index .hslide li.hslide2 {
	background: url(../img/index/kv_2.jpg) no-repeat bottom center;
	background-size: cover;
	height: 100vh;
}
header {
	margin-bottom: -15%;
}
header p.h_tt {
    font-size: 18px;
    width: 180px;
    height: 240px;
    position: absolute;
    letter-spacing: 4px;
    right: 4%;
    z-index: 85;
    top: 38%;
}
.lead {
	background-color: #000000;
	color: #f3eddf;
	padding-bottom: 15%;
}
.lead .h-dl {
	padding: 0 0px 30px 20px;
	position:absolute;
	z-index: 80;
	margin: 0 auto;
	max-width: 240px;
	    top: 76%;
    left: -18%;
}
.lead .h-dl::before {
	content: "";
	background: url(../img/index/kv_icon.png) no-repeat 0 0;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	position: absolute;
	top: -54%;
    left: 46%;
	width: 85px;
	height: 127px;
	z-index: 97;
}
.lead .h-dl dl {
	width: 166px;
    padding-left: 58px;
    letter-spacing: 1px;
    padding-top: 50px;
}
.lead .h-dl dl dt {
	font-size: 13px;
	line-height: 22px;
}
.lead .h-dl dl dd {
	text-align: right;
	font-size: 13px;
	line-height: 28px;
	padding-right: 12px;
}
.lead .h-dl p {
	letter-spacing: 0px;
	line-height: 20px;
	padding-left: 56px;
	font-size: 12px;
}
.lead p.txt {
	padding: 0 4% 0;
}
.lead p.txt span {
	display: block;
	padding-top: 10px;
}
#key {
	position: relative;
	background-color: #a79f93;
	padding-bottom: 18%;
}
#key .go_slide {
	position: relative;
}
#key .go_slide::before {
	content: "";
	background: #172d3b;
	position: absolute;
	width: 53%;
	height: 15%;
	right: 0;
	bottom: -8%;
	z-index: 97;
}
#key .k_text {
	padding: 18% 4% 0;
}
#key .k_text p + p {
	padding-top: 10px;
}
#key h2.btn {
	color: #172d3b;
    text-align: center;
    padding: 3% 0 2%;
    border-bottom: solid 1px;
	margin-bottom:10px;
}
#key .toggle .toggle-link:after {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    position: absolute;
    line-height: 20px;
    top: 50%;
    right: 4%;
    margin-top: -10px;
    color: #172d3b;
    content: '\f13a';
    font-size: 13px;
}
#sec1 {
	position: relative;
	background: #a79f93 url(../img/index/s1_bg1.jpg) no-repeat top center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	color: #fff;
}
#sec1 h2 {
	margin-bottom:25%;
}
#sec1 .gphoto {
	position: relative;
}
#sec1 .gphoto p.smoke-1 {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	-webkit-animation: steam_up1 10s infinite linear;
	animation: steam_up1 10s infinite linear;
	transition: all 1s;
	opacity: 1;
}
#sec1 .gphoto p.smoke-2 {
	position: absolute;
	bottom: 15%;
	right: 0;
	left: 0;
	-webkit-animation: steam_up2 10s infinite linear;
	animation: steam_up2 10s infinite linear;
	transition: all 1s;
}
#sec1 .gphoto p.smoke-3 {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 15%;
	-webkit-animation: steam_up3 10s infinite linear;
	animation: steam_up3 10s infinite linear;
	transition: all 1s;
}
#sec1 .info {
	padding: 15% 4% 18%;
	color: #2c2827;
}
#sec1 .info h3 {
	margin-bottom: 2%;
}
#sec1 .info p.txt {
	padding-bottom: 12%;
}
#sec1 .info ul {
	padding-bottom: 20px;
}
#sec1 .info ul li {
	line-height: 25px;
	font-size: 15px;
	letter-spacing: 1px;
	margin-bottom: 10px;
	position: relative;
}
#sec1 .info ul li img {
	width: 40px;
	position: absolute;
	top: 0;
	left: 0;
}
#sec1 .info ul li span {
	display: block;
	padding-left: 50px;
}
#sec2 {
	background: #f3eddf url(../img/index/s3_bg1.jpg) no-repeat bottom center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	padding-bottom: 30%;
}
#sec2 h2 {
	padding-top: 5%;
}
#sec2 p.txt {
	padding: 4% 4% 8%;
}
#sec3 {
	background-color: #a79f93;
	padding: 8% 4% 0%;
}
#sec3 p.photo-1 {
}
#sec3 .info {
	padding-top: 8%;
	padding-bottom: 8%;
}
#sec3 .info dl {
	float: left;
}
#sec3 .info dl dt {
	font-size: 18px;
	padding-bottom: 10px;
	text-align: center;
}
#sec3 .info p.photo-2 {
	float: right;
	width: 40%;
}
#sec3 p.photo-3 {
	margin-bottom: 5%;
}
#sec4 {
	padding-top: 12%;
	padding-bottom: 12%;
}
#sec4 h2 {
	margin-bottom: 8%;
}
#sec4 .go_slide {
	margin: 0 3% 8%;
}
#sec4 .go_slide .item {
	width: 70%;
	margin: 0 auto;
}
#sec4 .go_slide .item p span {
	display: block;
	width: 100%!important;
	height: 200px!important;
}
#sec4 .go_slide .item dl {
	padding-top: 10px;
}
#sec4 .go_slide .item dl dt {
	padding-bottom: 5px;
}
#sec4 .go_slide .item dl dt span.date {
	font-size: 12px;
	display: block;
	line-height: 26px;
}
#sec4 .go_slide .item dl dt a {
	font-size: 15px;
	display: block;
	line-height: 27px;
}
#sec4 .go_slide .item dl dd {
	font-size: 14px;
	line-height: 22px;
}
#sec5 {
	background: #f3eddf;
}
#sec5 .mmap {
	height: 450px;
	overflow: hidden;
}
#sec5 .access_btn {
	padding: 8% 0 8%;
}
#sec5 .access_btn2 {
	padding: 0 0 10%;
}