/*
 □-- #index .cnt
*/
#index{
	background: #14141e;
	}
	@media(min-width:1px) and (max-width:1080px){
	#index{padding-top:80px;}
		}

/*
 □-- #keyvisual
*/
#keyvisual{
	position:relative;
	min-height:500px;
	}
	#keyvisual ul{
		position:static;
		z-index:2;
		}
	#keyvisual ul li{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		opacity:0;
		}
	#keyvisual ul li.active{opacity:1;}
	#keyvisual ul li.kvimg01{background:url(../img/index/kvimg01.jpg) center center no-repeat;}
	#keyvisual ul li.kvimg02{background:url(../img/index/kvimg02.jpg) center center no-repeat;}
	#keyvisual ul li.kvimg03{background:url(../img/index/kvimg03.jpg) center center no-repeat;}
	#keyvisual ul li.kvimg04{background:url(../img/index/kvimg04.jpg) center center no-repeat;}
	#keyvisual ul li.kvimg05{background:url(../img/index/kvimg05.jpg) center center no-repeat;}
	#keyvisual ul li.kvimg06{background:url(../img/index/kvimg06.jpg) center center no-repeat;}
	#keyvisual ul li.kvimg07{background:url(../img/index/kvimg07.jpg) center center no-repeat;}
	#keyvisual ul li.kvimg08{background:url(../img/index/kvimg08.jpg) center center no-repeat;}
	#keyvisual ul li.kvlist{background-size:cover !important;}
	#leadtext{
		position:relative;
		z-index:3;
		border:5px #ddd solid;
		width:600px;
		padding:20px;
		margin:0 auto;
		}
	#leadtext h1{
		max-width:320px;
		margin:0 0 0 auto;
		}
	#leadtext h1.j{
		max-width:320px;
		margin:0 0 0 auto;
		padding:0 0 10px;
		color:#ddd;
		font-size:19px;
		line-height:20px;
		font-weight:normal;
		text-align: center;
		}
	#leadtext p{
		max-width:284px;
		padding:0 18px 0;
		margin:0 0 0 auto;
		color:#ddd;
		font-size:10px;
		line-height:16px;
		text-align: justify;
		}
	#keyvisual_scroll{
		background:url(../img/base/icon_scr_r.svg) center center no-repeat;
		width:36px;
		height:36px;
		padding:12px;
		position:absolute;
		left:50%;
		bottom:5%;
		margin-left:-25px;
		z-index:3;
		cursor:pointer;
		}
	#keyvisual_scroll:hover{opacity:0.5;}
	@media(min-width:1px) and (max-width:1280px){
	#keyvisual{min-height:inherit;}
		#keyvisual_scroll{bottom: 30px;}
		}
	@media(min-width:1px) and (max-width:740px){
		#leadtext{
			position:relative;
			z-index:3;
			border:none;
			width:80%;
			padding:0;
			margin:0 auto;
			}
		#leadtext h1{
			max-width:320px;
			margin:0 auto;
			}
		#leadtext h1.j{
			max-width:320px;
			margin:0 auto;
			padding:0 0 10px;
			color:#ddd;
			font-size:15px;
			line-height:20px;
			font-weight:normal;
			text-align: center;
			}
		#leadtext p{display:none;}
		
		
		}




/*
 □-- #index .cnt
*/
	#contentlead{
		max-width:720px;
		margin:0 auto;
		padding:50px 0;
		width:90%;
		}
	#contentlead p{
		font-size: 18px;
		line-height: 1.5em;
		text-align:center;
		}
	#contentlead p.j{color:#DDD;}
	#contentlead p.e{color:#666666;}
	#index .cnt_fullwidthbox{
		max-width:100%;
		clear:both;
		margin:0 auto;
		}
	#index .cnt_doublewidthbox{
		max-width:720px;
		margin:0 auto;
		overflow:hidden;
		}
	#index .cnt_doublewidthbox .cnt_doublewidthboxwrap{margin:0 -16px;}
	#index .cnt_doublewidthbox .cnt_doublebox{
		width:344px;
		float:left;
		margin:0 16px;
		}
	#index .cnt_img img{
		width:100%;
		max-width:100%;
		height:auto;
		}
	#index .cnt_detile,
	#index .cnt_more{
		max-width:720px;
		margin:0 auto;
		text-align:center;
		}
	#index .cnt_detile{}
	#index .cnt_detile h2{
		font-size:14px;
		font-weight:normal;
		line-height:20px;
		padding:0 0 25px 0;
		}
	#index .cnt_detile h2 a{color:#ddd;}
	#index .cnt_detile h2 a img{
		display:block;
		margin:0 auto;
		padding:15px 0 5px
		}
	#index .cnt_detile p{
		color:#ddd;
		font-size:14px;
		line-height:20px;
		}
	#index .cnt_detile p.e{
		padding:0 0 15px 0;
		color:#666;
		}
	#index .cnt_more{padding:0 0 50px 0;}
	
	#index .overwrap_bg{
		position: relative;
		width: 100%;
		height: 600px;
		overflow: hidden;
		z-index: 1;
		}
	#index .overwrap_bg a{display:none;}
	#index .overwrap_bg .parallax{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 850px;
		background-size: cover !important;
		}
	#index .overwrap_bg .parallax.kvimg_bg_a{background:url(../img/index/fig01.jpg) center center no-repeat;}
	#index .overwrap_bg .parallax.kvimg_bg_b{background:url(../img/index/fig04.jpg) center center no-repeat;}
	#index .overwrap_bg .parallax.kvimg_bg_c{background:url(../img/index/fig05.jpg) center center no-repeat;}
	#index .overwrap_bg .parallax.kvimg_bg_d{background:url(../img/index/fig06.jpg) center center no-repeat;}
	
	@media(min-width:1px) and (max-width:740px){
		#index .cnt_doublewidthbox{
			max-width:344px;
			width:90%;
			}
		#index .cnt_doublewidthbox .cnt_doublewidthboxwrap{margin:0;}
		#index .cnt_doublewidthbox .cnt_doublebox{
			width:100%;
			float:none;
			margin:0;
			}
		#index .overwrap_bg{height:auto;}
		#index .overwrap_bg a{display:block;}
		#index .overwrap_bg .parallax{display:none;}
		}
	@media(min-width:1px) and (max-width:480px){
		#contentlead p{
			font-size: 12px;
			line-height: 1.5em;
			text-align:center;
			}
		#index .cnt_fullwidthbox .cnt_detile p{margin:0 5%;}
		#index .cnt_detile p br{display:none;}
		}