@charset "utf-8";  
/*------------------------------------------------------------ 
    TOP css
------------------------------------------------------------*/  

#visual{
	width:100%;
	height:0;
	padding-top:39.8%;
	background:url(../img/bg-visual.png) no-repeat 50% 0%;
	background-size:cover;
	position:relative;
}

#visualTxt{
	width:100%;
	text-align:center;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	font-size:32px;
	color:#fff;
	font-weight:bold;
	letter-spacing:2px;
}

/*------------------------------------------------------------ 
    CONCEPT
------------------------------------------------------------*/  

#concept{
	width:auto;
	text-align:center;
	padding:50px 15px 60px;
	margin:60px 0;
	position:relative;
	background:url(../img/bg-concept.png) no-repeat 50% 0%;
	background-size:cover;
}

#concept .button a{ background:rgba(0,0,0,.5);}
#concept .button a:hover{ background:#000;}


/*------------------------------------------------------------ 
    POLICY
------------------------------------------------------------*/  

#policy{
	width:100%;
	max-width: 1030px;
	margin:0 auto;
}

#policy a{
	display:block;
	width:auto;
	padding:40px 460px 40px 50px;
	color:#fff;
	position:relative;
	background:#121217;
	box-sizing:border-box;
}

#policy a:before{
	display:block;
	content:"";
	width:460px;
	height:100%;
 	background:url(../img/img-policy.png) no-repeat left 50%;
	background-size:cover;
	position:absolute;
	right:0;
	top:0;
	z-index:10;
}

#policyHd-jp{
	font-size:42px;
	letter-spacing:4px;
	margin-bottom:5px;
	border-bottom:3px solid #fff;
	font-family: 'Sawarabi Mincho', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", sans-serif;
	position:relative;
	z-index:20;
}

#policyHd-en{
	text-align:right;
	font-size:175%;
	margin-bottom:60px;
	font-family: 'Sawarabi Mincho', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", sans-serif;
	position:relative;
	z-index:20;
}

#policyHd-txt{
	display:inline-block;
	vertical-align:top;
	font-size:175%;
	margin-right:20px;
	line-height:50px;
	font-family: 'Sawarabi Mincho', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", sans-serif;
	position:relative;
	z-index:20;
}

#policyHd-name{
	display:inline-block;
	vertical-align:top;
	text-align:left;
	font-size:167%;
	text-align:center;
	position:relative;
	z-index:20;
}

#policyHd-name span{
	font-size:42px;
	letter-spacing:4px;
	line-height:50px;
	font-family: 'Sawarabi Mincho', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", sans-serif;
}


/*------------------------------------------------------------ 
    NEWS
------------------------------------------------------------*/  

#news{
	padding:60px 0;
	margin:60px 0;
	background:#F3F3F3;
}


/*------------------------------------------------------------ 
    MediaQuery 
------------------------------------------------------------*/  

@media screen and (max-width: 880px){


#policy a{ padding:20px 350px 20px 30px;}
#policy a:before{ width:350px;}

}


@media screen and (max-width: 788px){

#visual{
	padding-top:0;
	height:460px;
}

#policy a{ padding:20px 280px 20px 30px;}
#policy a:before{ width:280px;}

#policyHd-jp{
	font-size:32px;
	letter-spacing:3px;
}

#policyHd-en{
	font-size:142%;
	margin-bottom:40px;
}

#policyHd-txt{
	font-size:150%;
	margin-right:15px;
	line-height:40px;
}

#policyHd-name{ font-size:142%;}

#policyHd-name span{
	font-size:32px;
	letter-spacing:3px;
	line-height:40px;
}



}

/* SP */
@media screen and (max-width: 560px){

#visual{ height:308px;}

#visualTxt{
	font-size:175%;
	padding:0 15px;
	letter-spacing:1px;
	box-sizing:border-box;
	top:45%;
}


/* CONCEPT */

#concept{
	padding:40px 15px;
	margin:40px 0;
}


/* POLICY */

#policy a{ padding:0 15px 30px;}

#policy a:before{
	width:auto;
	height:0;
	padding-top:71.42857142857143%;
	margin:0 -15px 15px;
	position:static;
}

#policyHd-jp{
	font-size:200%;
	letter-spacing:2px;
	border-bottom-width:2px;
}

#policyHd-en{
	font-size:125%;
	margin-bottom:30px;
}

#policyHd-txt{
	font-size:134%;
	margin-right:10px;
	line-height:30px;
}

#policyHd-name{ font-size:125%;}

#policyHd-name span{
	font-size:200%;
	letter-spacing:2px;
	line-height:30px;
}



/* NEWS */

#news{
    padding:40px 0;
    margin:40px 0;
}