@charset "UTF-8";
/* CSS Document */

/* -- override -- */
html {overflow: auto;}
body {overflow-x: hidden;}
.l-container--wrap {overflow: initial;}


.contents{
	font-family: "Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",Meiryo,sans-serif;
	text-align: justify;
	line-height: 1.9;
	font-size: 16px;}
.contents *{letter-spacing: 0;}
.contents .clearfix:after {
	content: "";
	display: block;
	clear: both;
}


.contents a:hover img{
opacity:0.6;
-ms-filter:"alpha(opacity=60)";
transition: 0.3s all;}

.l-container__article{margin-top: 0;}


.kv{
	background: url(../img/kv_bg.jpg) no-repeat top center;
	height:934px;
	overflow: hidden;
	padding: 0 390%;
	margin: 0 -400%;
	background-color:#000;
}

.kv_inner{position: relative;}
.kv_inner p{
	position: absolute;
	font-size: 14px;
	top: 710px;
	left: 580px;
	line-height: 1.6;
	color:#fff;
	text-align:center;
	width: 550px;
}
.kv_inner #spon{
	font-size: 12px;
	top: 15px;
	left: 950px;
	color:#fff;
	background-color:#000;
	padding:1px 5px;
	width: auto;
}
.img_center{
	margin: -30px auto 0;
	display: block;
}
.img_center2{
	margin: 30px auto 50px;
	display: block;
}
.img_center3{
	margin: 100px auto 50px;
	display: block;
}
.p18{
	margin: -20px 0 50px;
	font-size:18px;
}
.p18 a{
	text-decoration:underline;
}
.p18 a:hover{
	text-decoration:none;
}
.bg_gray{
	padding: 30px 500% 50px;
	margin: 0 -500%;
	overflow: hidden;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.98, #e8e1e4), color-stop(0.85, #f6eff2));
	background: -webkit-linear-gradient(top, #f6eff2 85%, #e8e1e4 98%);
	background: -moz-linear-gradient(top, #f6eff2 85%, #e8e1e4 98%);
	background: -o-linear-gradient(top, #f6eff2 85%, #e8e1e4 98%);
	background: -ms-linear-gradient(top, #f6eff2 85%, #e8e1e4 98%);
	background: linear-gradient(to bottom, #f6eff2 85%, #e8e1e4 98%);
}
.bg_gray2{
	padding: 30px 500%;
	margin: 0 -500%;
	overflow: hidden;
	margin-bottom: 25px;
	background-color:#f8f8f8;
}
.sttl2{
	text-align: center;
	margin: 30px 0;
}
.item_txt{
	text-align: center;
	margin-bottom: 50px;
}

ul.item{padding-bottom: 40px;}

ul.item li{
	float: left;
	display: block;
	width: 33.3%;
	margin-bottom: 30px;
}
ul.item li:nth-child(4){
	margin-left: 160px;
}
ul.item li img{
	display: block;
	margin:0 auto;
}
.official_bnr{
	margin: 0 auto;
	margin-top: 50px;
	text-align: center;
	font-size: 14px;
}
.tcenter{
	text-align: center;
}