html, body {
	height: 100%;
}
/*body {
	overflow: hidden;
}*/
#contents {
	height: 100%;
}
.jsc-pageScroll {
	height: 100%;
	width: 100%;
	position: relative;
}
.of-hidden {
	overflow:hidden;
}
.top-01-text{
	position: absolute;
	margin: -69px 0 0 -283px;
	top: 50%;
	left: 50%;
}
.icn-page-scroll {
	display: block;
	width: 43px;
	height: 47px;
	background: url("/img/scroll_btn.png") 0 0 no-repeat;
	position: absolute;
	left: 0;
	right:0;
	bottom: 15%;
	margin: auto;
}
.indicator {
	position: absolute;
	bottom: 5%;
	right: 0;
	left: 0;
	text-align: center;
}
.indicator li {
	display: inline-block;
	vertical-align: middle;
}
.indicator li:not(:first-child){
	padding-left: 45px;
}
.indicator li a {
	display: block;
	background-color: rgba(0, 0, 0, 0);;
	border: solid 1px #FFFFFF;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 12px;
	height: 12px;
	border-radius: 9px;
}
.indicator li a.active {
	background-color: #FFFFFF;
}
.top-bg {
	height: 100%;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.top-bg-ul {
	position: absolute;
	height: 100%;
	width: 100%;
	white-space: nowrap;
}
.top-bg-ul li{
	height: 100%;
}
.top-01-01{
	width: 100%;
	background-size: cover;
	position: relative;
	overflow: hidden;
	display: inline-block;
	background-image: url("/img/top_kv_01.jpg");
}
.top-01-02{
	width: 100%;
	background-size: cover;
	position: relative;
	overflow: hidden;
	display: inline-block;
	background-image: url("/img/top_kv_02.jpg");
}
.top-01-03{
	width: 100%;
	background-size: cover;
	position: relative;
	overflow: hidden;
	display: inline-block;
	background-image: url("/img/top_kv_03.jpg");
}
.top-01-04{
	width: 100%;
	background-size: cover;
	position: relative;
	overflow: hidden;
	display: inline-block;
	background-image: url("/img/top_kv_04.jpg");
}
.top-bg > img{
	max-width: 100%;
	height: auto;
}

.top-bg:nth-of-type(2){
	background-image: url("/img/top_bg_02.jpg");
}
.top-02{
	position: absolute;
	width: 866px;
	height: 450px;
	margin: -225px 0 0 -433px;
	top: 55%;
	left: 50%;
}
.top-02-logo{
	position: absolute;
	margin: -80px 0 0 -125px;
	top: 5%;
	left: 50%;
}
.top-02-text{
	position: absolute;
	margin: -146px 0 0 -433px;
	bottom: 0;
	left: 50%;
}
.top-bg:nth-of-type(3){
	background-image: url("/img/top_bg_03.jpg");
}
.top-03{
	position: absolute;
	width: 400px;
	height: 500px;
	margin: -300px 0 0 -300px;
	top: 60%;
	right: 10%;
}

.top-03-text{
	position: absolute;
	top: 0;
	right: 10%;
}
.top-03-link{
	position: absolute;
	bottom: 3%;
	right: 10%;
}
.top-03-link:hover {
	opacity: 0.8;
}
.top-bg:nth-of-type(4){
	background-image: url("/img/top_bg_04.jpg");
}
.top-04-text{
	position: absolute;
	top: 15%;
	right: 10%;
}
.top-bg:nth-of-type(5){
	background-image: url("/img/top_bg_05.jpg");
}
.top-05-text{
	position: absolute;
	top: 15%;
	right: 10%;
}
.top-bg:nth-of-type(6){
	background-image: url("/img/top_bg_06.jpg");
}
.top-06-text{
	position: absolute;
	top: 15%;
	right: 10%;
}
.top-bg:nth-of-type(7){
	background-image: url("/img/top_bg_07.jpg");
}
.top-07-text{
	position: absolute;
	top: 15%;
	right: 10%;
}
.top-07-link{
	position: absolute;
	bottom: 10%;
	right: 10%;
}
.top-07-link:hover {
	opacity: 0.8;
}
.top-bg:nth-of-type(8){
	background-image: url("/img/top_bg_08.jpg");
}
.top-08-text{
	position: absolute;
	top: 15%;
	right: 10%;
}
.top-08-link{
	position: absolute;
	bottom: 10%;
	right: 10%;
}
.top-08-link:hover {
	opacity: 0.8;
}
.top-bg:nth-of-type(9){
	background-image: url("/img/top_bg_09.jpg");
}
.top-09{
	position: absolute;
	width: 1000px;
	height: 500px;
	margin: -250px 0 0 -500px;
	top: 50%;
	left: 50%;
}
.top-09-text{
	position: absolute;
	top: 0;
	right: 0;
}
.top-09-link{
	position: absolute;
	bottom: 0;
	left: 0;
}