@charset "utf-8";

/* 
========================================================================== */
#dammy {
	display: block;
	overflow: hidden;
	background: url('../images/') no-repeat;
	padding: 40px 0 0;
	width: 216px;
	height: 0!important;
}

/* 
========================================================================== */
.top_kvblock {
	height:358px;
	overflow: hidden;
	position: relative;
}

.kv_body {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	z-index: -1;
}

.kv_body ul {
	position: relative;
}

.kv_body li {
	position: absolute;
	top:0;
	left:0;
	opacity:0;
	width:100%;
	height:358px;
}

.kv_body li b {
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding:358px 0 0;
	height: 0!important;
}

.top_kvblock .cover {
	padding:20px 0 0 15px;
}

.top_kvblock .cover h2 {
	overflow: hidden;
	background: url('../images/top/sp_top_kvlead.png') no-repeat;
	background-size: 295px 66px;
	margin:0 0 40px;
	padding: 66px 0 0;
	width: 295px;
	height: 0!important;
}

.top_kvblock .btnbox1 {
	position: absolute;
	left:20px;
	bottom:20px;
}

.btn_set {
	position: absolute;
	left:20px;
	width:300px;
}

.top_kvblock .btn_set {
	bottom:20px;
}

.top_kvblock .btn_set .btnbox1 {
	position: static;
	margin:0 15px 0 0;
	float:left;
}
	
.btnlink {
	width: 166px;
	float:left;
}
	
.btnlink a {
	display: block;
	overflow: hidden;
	background: url('../images/common/sp_btn_3d2.png') no-repeat;
	background-size: 166px 26px;
	padding: 26px 0 0;
	height: 0!important;
}

.top_area1block {
	border-top:2px solid #FFF;
	position: relative;
}

.top_area1block .back {
	display: none;
}

.top_area1block .block1 {
	padding:15px 0 0 15px;
	height:360px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
}

.top_area1block#area1 .block1 {
	background-image: url('../images/top/top_area1image.jpg');
}

.top_area1block#area2 .block1 {
	background-image: url('../images/top/top_area2image.jpg');
}

.top_area1block#area3 .block1 {
	background-image: url('../images/top/top_area3image.jpg');
}

.top_area1block#area4 .block1 {
	background-image: url('../images/top/top_area4image.jpg');
}

.top_area1block h2 {
	overflow: hidden;
	padding: 155px 0 0;
	width: 300px;
	height: 0!important;
}

.top_area1block#area1 h2 {
	background: url('../images/top/sp_top_area1text.png') no-repeat;
	background-size: 295px 208px;
}

.top_area1block#area2 h2 {
	background: url('../images/top/sp_top_area2text.png') no-repeat;
	background-size: 295px 132px;
}

.top_area1block#area3 h2 {
	background: url('../images/top/sp_top_area3text.png') no-repeat;
	background-size: 295px 175px;
}

.top_area1block#area4 h2 {
	background: url('../images/top/sp_top_area4text.png') no-repeat;
	background-size: 295px 180px;
}

.top_area1block .btnbox1 {
	position: absolute;
	left:15px;
	bottom:25px;
	width:105px;
}

.top_area1block .btn_set {
	bottom:25px;
}

.top_area1block .btn_set .btnbox1 {
	position: static;
	margin:0 15px 0 0;
	float:left;
}

.top_area1block .next {
	position: absolute;
	top:-3px;
	right:15px;
}

.top_area1block .next a {
	display: block;
	overflow: hidden;
	background: url('../images/top/sp_btn_next.png') no-repeat;
	background-size: 49px 25px;
	padding: 25px 0 0;
	width: 49px;
	height: 0!important;
}
	
.top_area2block {
	background: url('../images/top/top_area5back.jpg') repeat center top;
	background-size: 720px 405px;
	padding:20px 0 30px;
	border-top:2px solid #FFF;
}

.top_area2block ul {
	margin:0 0 20px;
	text-align: center;
}

.top_area2block ul:last-child {
	margin:0;
}

.top_area2block li {
	display: inline-block;
	margin:0 10px;
	width:135px;
}

.top_area2block li a {
	display: block;
	overflow: hidden;
	padding: 135px 0 0;
	height: 0!important;
}

.top_area2block li.list1 a {
	background: url('../images/top/sp_top_area5box1.jpg') no-repeat;
	background-size: 135px 135px;
}

.top_area2block li.list2 a {
	background: url('../images/top/sp_top_area5box2.jpg') no-repeat;
	background-size: 135px 135px;
}

.top_area2block li.list3 a {
	background: url('../images/top/sp_top_area5box3.jpg') no-repeat;
	background-size: 135px 135px;
}

.top_area2block li.list4 a {
	background: url('../images/top/sp_top_area5box4.jpg') no-repeat;
	background-size: 135px 135px;
}
	

@media screen and (min-width: 798px) {
	
	/* 
	========================================================================== */
	.top_kvblock {
		height:690px;
	}

	.kv_body li {
		overflow: hidden;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		padding: 690px 0 0;
		width:1440px;
		height: 0!important;
	}

	.top_kvblock .cover {
		padding:30px 0 0 250px;
		position: relative;
	}

	.top_kvblock .cover h2 {
		overflow: hidden;
		background: url('../images/top/top_kvtext.png') no-repeat;
		margin:0 0 40px;
		padding: 175px 0 0;
		width: 430px;
		height: 0!important;
	}

	.top_kvblock .btnbox1 {
		position: static;
		padding:0 0 0 5px;		
		width:135px;
	}

	.btn_set {
		position: static;
		width:auto;
		float:none;
	}
	
	.btnlink {
		position: absolute;
		width: 281px;
	}
	
	.btnlink a {
		background: url('../images/common/btn_3d2.png') no-repeat;
		background-size: 281px 42px;
		margin:0 0 40px;
		padding: 42px 0 0;
	}
	
	.top_kvblock .btnlink {
		top:40px;
		right:10px;
	}
	
	.top_area1block {
		height:600px;
		border-top:4px solid #FFF;
	}
	
	.top_area1block .back {
		display: block;
		height:600px;
		position: relative;
		overflow: hidden;
	}
	
	.top_area1block .back b {
		position: absolute;
		top:0;
		left:0;
		display: block;
		overflow: hidden;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		padding: 960px 0 0;
		width:1440px;
		min-width:1000px;
		height: 0!important;		
		z-index: -1;
	}
	
	.top_area1block .top_area {
		position: absolute;
		top:0;
		left:0;
		width:100%;
	}
	
	.top_area1block .block1 {
		background: none;
		padding:40px 0 0 250px;
		height:auto;
	}
	
	.top_area1block#area1 .block1 {
		background: none;
	}
	
	.top_area1block#area2 .block1 {
		background: none;
	}
	
	.top_area1block#area3 .block1 {
		background: none;
	}
	
	.top_area1block#area4 .block1 {
		background: none;
	}
	
	.top_area1block h2 {
		margin:0 0 50px;
		padding: 250px 0 0;
		width: 700px;
	}
	
	.top_area1block#area1 h2 {
		background: url('../images/top/top_area1text.png') no-repeat;
	}
	
	.top_area1block#area2 h2 {
		background: url('../images/top/top_area2text.png') no-repeat;
	}
	
	.top_area1block#area3 h2 {
		background: url('../images/top/top_area3text.png') no-repeat;
	}
	
	.top_area1block#area4 h2 {
		background: url('../images/top/top_area4text.png') no-repeat;
	}
	
	.top_area1block .btnbox1 {
		position: static;
		padding:0 0 0 15px;
	}
	
	.top_area1block .btnlink {
		top:75px;
		right:10px;
	}
	
	.top_area1block .next {
		top:-15px;
		right:0;
	}
	
	.top_area1block .next a {
		background: url('../images/top/btn_next.png') no-repeat;
		padding: 60px 0 0;
		width: 105px;
	}
	
	.top_area1block .next a:hover {
		background-position: 0 -60px;
	}
	
	.top_area2block {
		background: url('../images/top/top_area5back.jpg') repeat center top;
		padding:50px 0 70px;
		border-top:4px solid #FFF;
	}
	
	.top_area2block ul {
		margin:0;
		text-align: left;
		float:left;
	}
	
	.top_area2block li {
		display: block;
		margin:0 10px 0 0;
		width:180px;
		float:left;
	}
	
	.top_area2block li.list4 {
		margin:0;
	}
	
	.top_area2block li a {
		padding: 185px 0 0;
	}
	
	.top_area2block li.list1 a {
		background: url('../images/top/top_area5box1.jpg') no-repeat;
	}
	
	.top_area2block li.list2 a {
		background: url('../images/top/top_area5box2.jpg') no-repeat;
	}
	
	.top_area2block li.list3 a {
		background: url('../images/top/top_area5box3.jpg') no-repeat;
	}
	
	.top_area2block li.list4 a {
		background: url('../images/top/top_area5box4.jpg') no-repeat;
	}
	
	.top_area2block li a:hover {
		background-position: 0 -185px;
	}
}

@media screen and (min-width: 1440px) {
	
	/* 
	========================================================================== */
	.kv_body li {
		width:100%;
	}
	
	.top_area1block .back b {
		width:100%;
	}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	
}