img {
	max-width: 100%; }
#fronthead {
	width: 100%;
	background: url("../img/head_bg.jpg") no-repeat top center;
	background-size: 100%;
	padding: 2% 3%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999; }
#fronthead #hcont h1 {
	width: 40%;
	margin: 3% 0 0 5%; }
#fronthead #hcont ul {
	width: 40%; }
#fronthead #hcont ul li {
	float: left;
	width: 30%;
	margin-left: 5%;
	padding: 3%; }
#fronthead #hcont ul li:first-child {
	margin-left: 0; }
#frontcontainer {
	padding-top: 16.6%;
}
#mainslide {
	padding-bottom: 3%;
	background: url("../img/sec1bg.jpg"); }
#sec1 {
	padding: 0 3%;
	background: url("../img/sec1bg.jpg"); }
#nintei {
	margin-bottom: 5%; }
#nintei p {
	width: 48%; }
#sec1 ul li {
	width: 30%;
	margin: 0 0 4% 5%;
	float: left; }
#sec1 ul li:nth-child(3n+1) {
	margin-left: 0; }
#sec2 {
	padding: 3% 3% 4%;
	text-align: center;
	background: url("../img/sec1bg.jpg"); }
.shutti {
	margin-bottom: 4%;
	padding: 0 2%; }
.shuttex {
	margin-bottom: 3%;
	padding: 0 5%; }
#shut {
	position: relative;
	padding-top: 56.25%;
	overflow: hidden; }
#shut .shutter {
	position: absolute;
	width: 100%;
	height: 100%;
	padding-top: 30%;
	background: url("../img/sec2_img3.jpg") no-repeat top center;
	background-size: 100% 100%;
	top: 0;
	left: 0;
	z-index: 50;
	-webkit-transition: top 1.5s ease-in-out;
	   -moz-transition: top 1.5s ease-in-out;
		-ms-transition: top 1.5s ease-in-out;
		 -o-transition: top 1.5s ease-in-out;
			transition: top 1.5s ease-in-out;
}
#shut .shutter.close {
	top: -100%;
}
#shut .shutter img {
	width: 22%;
}
#shut iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#sec3 {
	background: url("../img/sec3bg.jpg");
}
.se3ti {
	padding: 3% 3% 7%;
	background: url("../img/sec3_tu_bg.jpg") repeat-x bottom center #006699;
	background-size: 100% auto;
	text-align: center;
	color: #ffffff;
	font-size: 120%; }
.se3ti span {
	font-weight: normal;
}
#sec3cont {
	padding: 3%;
}
#sec3cont .scont1 {
	margin-bottom: 5%;
}
#sec3cont .scont1 p {
	width: 48%; }
#sec3cont .scont2 > div {
	background: #595959;
	padding: 1%;
	margin-bottom: 5%;
}
#sec3cont .scont2 > div h4 {
	margin: 2% 0;
}
#sec3cont .scont2 > div .fl {
	width: 35%;
}
.map {
	width: 65%;
	padding-top: 36.5%;
	position: relative;
}
.map iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#sec4 {
	padding: 5% 3%;
	background: url("../img/sec4bg.jpg") no-repeat top center;
	background-size: 100% 100%;
}
#sec4 p {
	margin-top: 4%;
}
#sec5 {
	background: url("../img/sec5bg.jpg") top center;
	background-size: 15% auto;
	padding: 5% 3%;
}
#sec5 h3 {
	margin-bottom: 3%;
}
#sec5 ul li {
	width: 49%;
	float: left;
	margin: 0 0 2% 2%;
	background: #badee6;
}
#sec5 ul li:nth-child(odd) {
	margin-left: 0;
}
#sec5 ul li span {
	position: relative;
	padding-top: 20px;
	padding-bottom:  56.25%;
	width: 100%;
	display: block;
}
#sec5 ul li span iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#sec5 ul li p {
	padding: 2% 3%;
}
#sec6 {
	padding: 5% 3%;
	background: url("../img/sec6bg.jpg") repeat top center;
}
#sec6 h3 {
	margin-bottom: 4%;
}
#sec6 p {
	margin-bottom: 3%;
}
#sec6 p.ichiran {
	margin: 4% 0 0 0;
}
#sec7 {
	padding: 5% 3% ;
	text-align: center;
}
#sec7 .sec7_1 {
	margin-bottom: 7%;
}
#frontfoot {
	background: url("../img/footbg.jpg");
	text-align: center;
	color: #ffffff;
}
.totop {
	line-height: 0;
	background: #f2f2f2;
	border-top: solid 2px #dadada;
	border-bottom: solid 2px #191919;
}
.totop a {
	width: 100%;
	display: block;
	padding: 5% 3%;
}
#footfont {
	padding: 3%;
}
#footfont p {
	width: 50%;
	padding: 2% 0;
}
#footfont ul {
	width: 50%;
}
#footfont ul li {
	float: left;
	width: 50%;
}
#footfont ul li a {
	display: inline-block;
	width: 80%;
	padding: 16%;
}
.footlink {
	padding: 2% 0;
	border-top: solid 1px #454545;
	box-shadow: 0px 0px 15px #000000;
	font-size: 80%;
}
.footlink li {
	display: inline-block;
	margin: 0 1%;
}
.footlink li a {
	color: #ffffff;
	padding: 4% 0;
}
.copy {
	background: #262626;
	padding: 3% 3% 5%;
}
.copy small {
	font-size: 75%;
}


#menu {
	width: 100%;
	position: absolute;
	display: none;
	left: 0;
	top: 83%;
	padding: 6% 10% 3% 10%;
	background: url("../img/menubg.png") no-repeat top center;
	background-size: 100% auto;
}
#menu ul {
	width: 100%;
}
#menu ul li {
	margin-bottom: 2px; /* 2% */
}
#menu table {
	width: 100%;
}
#menu table td {
	width: 50%;
	border: solid #ffffff;
	border-width: 0 0 2px 2px;
}
#menu table td:first-child {
	border-left: none;
}
#menu table td a {
	display: block;
	width: 100%;
}
#menu table td a img {
	width: 100%;
}












.bx-pager {
	text-align: center;
	line-height: 0; }
.bx-pager-item {
	display: inline-block;
	width: 10%;
	margin: 0 2%; }
.bx-pager-link {
	display: inline-block;
	width: 100%;
	height: 0;
	padding-top: 100%;
	background: url("../img/slnav.png") no-repeat center center;
	background-size: 50% 50%;
	text-indent: -999em;
	overflow: hidden; }

.bx-pager-link.active {
	background-image: url("../img/slnav_ac.png"); }




/*
==============================================
floating
==============================================
*/

.floating{
	animation-name: floating;
	-webkit-animation-name: floating;

	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floating {
	0% {
		transform: translateY(0%);
	}
	50% {
		transform: translateY(8%);
	}
	100% {
		transform: translateY(0%);
	}
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);
	}
	50% {
		-webkit-transform: translateY(8%);
	}
	100% {
		-webkit-transform: translateY(0%);
	}
}