@charset "UTF-8";
/*----------------------------------------------
COMMON LAYOUT 
----------------------------------------------- */
body{
	color:#fff;
}
#bg{
  position:fixed !important;
  z-index: -1;
}

/*----------------------------------------------
HEADER
----------------------------------------------- */
header {
	background-color: rgba(0,0,0,0.85);
	padding:20px 0;
}

header #headerLogo{
	text-align:center;
	margin:0 0 25px;
}

header nav ul{
	width:960px;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
header nav ul li:first-child{
	padding:0 0 0 0;
}
header nav ul li{
	/* float:left;
	padding:0 0 0 50px; */
}
header nav ul li a{
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	color: #fff;
	text-align: center;
	display: inline-block;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.6;
	font-size: 16px;
	
}
header nav ul li a:hover,
header nav ul li .ac{
	color: #6db162;
	text-decoration: hover;
}
/* header nav ul li.fb{
	float:left;
	padding:0 0 0 50px;
}
header nav ul li.insta{
	float:left;
	padding:0 0 0 30px;
} */
/*----------------------------------------------
FOOTER
----------------------------------------------- */

footer{
	padding:80px 0 0;
	width:100%;
}
footer p{
	width:960px;
	margin:0 auto;
	text-align:right;
	color:#878790;
	font-size:12px;
}

/*----------------------------------------------
CONTENTS
----------------------------------------------- */
.blkWrap{
	width:100%;
	background: url("../images/bg_blk_wrap.png") left top;
	/*background-color:#000;
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;*/
	
}
.contents{
	width:960px;
	margin:0 auto;
	
}
.contents h1{
	font-size:28px;
	color:#ffffff;
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	letter-spacing:0.2em;
	margin:0 0 85px;
}
.contents h2{
	color:#ffffff;
	font-size:20px;
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	margin:0 0 30px;
}
/*----------------------------------------------------
GENERAL
----------------------------------------------------*/
/* new clearfix */
.cf:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .cf             { zoom: 1; } /* IE6 */
*:first-child+html .cf { zoom: 1; } /* IE7 */

.cl {
	clear:both;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.mT10{ margin-top:10px;}
.mB20{ margin-bottom:20px;}