@charset "utf-8";

/* ============================================================

	style info : ブラウザごとの初期スタイルをリセット

============================================================ */

html, body, div, p,
dl, dt ,dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, input, textarea,
pre, blockquote,
th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: none;
}
input, textarea, select {
	font-size: 100%;
}
img {
	vertical-align: top;
}

address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}
em, strong, th {
	font-style: normal;
	font-weight: bold;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: bold;
	line-height: 1.4;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: none;
}

/*.ie6 * {
	zoom: 1;
}*/



/* ============================================================

	style info : 全体で汎用的に使用できるスタイルを記述

============================================================ */

body {
	line-height: 1.9;
	font-size: 14px;
	font-family: "游ゴシック", YuGothic, sans-serif;
	font-feature-settings : "palt";
	letter-spacing: 1px;
}

/* --------------------------------
	clearfix (.cf)
-------------------------------- */

* html .cf {
	zoom: 1;
}
*+html .cf {
	zoom: 1;
}
.cf:after {
	content: '';
	display: block;
	clear: both;
	font-size: 0;
}



/* ============================================================

	style info

============================================================ */

#fixed_menu {
	position: fixed;
	right: -60px;
	bottom: 60px;
	width: 60px;
	height: 291px;
	background: url(img/btn_event_side_on.png) no-repeat 0 0;
	z-index: 1000;
}
#fixed_menu a:hover img {
	opacity: 0;
}
#mainvi {
	height: 850px;
	width: 100%;
	min-width: 960px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	background: #000;
}
#mainvi .copy {
	position: absolute;
	top: 181px;
	left: 50%;
	margin-left: -144px;
	z-index: 100;
}
#mainvi .credit {
	position: absolute;
	bottom: 5px;
	right: 10px;
	font-size: 10px;
	color: #fff;
	z-index: 100;
}
#mainvi .overlay {
	position: absolute;
	width: 100%;
	height: 850px;
	background: url(img/bg_video.png) repeat;
	z-index: 50;
}
#mainvi video {
	position: absolute;
	min-width: 1511px;
	min-height: 850px;
	width: 100%;
	height: auto;
	text-align: center;
	z-index: 1;
}
#mainvi .btn {
	width: 358px;
	height: 50px;
	position: absolute;
	top: 730px;
	left: 50%;
	margin-left: -179px;
	z-index: 100;
}
#mainvi .btn a {
	display: block;
	width: 358px;
	height: 50px;
	background: url(img/btn_event.png) no-repeat 0 0;
	text-indent: -9999px;
}
#mainvi .btn a:hover {
	background: url(img/btn_event_on.png) no-repeat 0 0;
}

#s_lead {
	background: #00a694;
	text-align: center;
	padding: 60px 0 70px 0;
}
#s_lead p {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}

#s_history {
	padding: 65px 0 104px;
	background: url(img/bg_01.jpg) repeat;
	text-align: center;
}
#s_history .inr {
	width: 820px;
	margin: 0 auto
}
#s_history h2 {
}
#s_history ul li {
	margin: 0 0 20px 0;
}
#s_history ul li .img {
	margin: 0 0 12px 0;
}
#s_history ul li .img span {
	font-size: 12px;
	color: #727171;
	display: block;
	margin: 10px 0 0 0;
}
#s_history ul li .txt {
	width: 730px;
	text-align: left;
	margin: 0 auto;
}

#s_history .result {
	width: 832px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	text-align: center;
}
#s_history .result h2 {
	margin: 0 0 50px 0;
}
#s_history .result p.lead {
	margin: 0 0 58px 0;
	color: #00a694;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.8;
}
#s_history .result p.fig {
}

#s_story .credit {
	position: absolute;
	bottom: 5px;
	right: 10px;
	font-size: 8px;
	color: #fff;
	z-index: 100;
}
#s_story .main {
	height: 660px;
	position: relative;
	background: url(img/bg_story.jpg) no-repeat center center;
	background-size: cover;
}
#s_story .main .copy {
	position: absolute;
	z-index: 100;
	top: 244px;
	left: 50%;
	margin-left: -178px;
}
#s_story .cont {
	padding: 80px 0 96px 0;
	background: url(img/bg_01.jpg) repeat;
}
#s_story .cont.bg02 {
	background: url(img/bg_02.jpg) repeat;
}
#s_story .cont .inr {
	width: 900px;
	margin: 0 auto;
}
#s_story .cont .inr .lft {
	float: left;
	width: 285px;
	text-align: center;
}
#s_story .cont.bg02 .inr .lft {
	float: right;
}
#s_story .cont .inr .lft .ttl {
	margin: 0 0 18px 0;
}
#s_story .cont .inr .lft .name {
	font-size: 13px;
}
#s_story .cont .inr .lft .name span {
	font-weight: bold;
	display: block;
	margin: 2px 0 0 0;
	font-size: 16px;
}
#s_story .cont .inr .rgt {
	float: right;
	width: 535px;
	padding: 6px 0 0 0;
}
#s_story .cont.bg02 .inr .rgt {
	float: left;
	padding-top: 20px;
}
#s_story .cont .inr .rgt .lead {
	font-weight: bold;
	margin: 0 0 16px 0;
	font-size: 18px;
	line-height: 1.65;
}
#s_story .cont .inr .rgt .txt {
	margin: 0 0 20px 0;
}
#s_story .cont .inr .rgt .img span {
	font-size: 12px;
	color: #727171;
	display: block;
	margin: 5px 0 0 0;
}

#s_story02 .main {
	height: 850px;
	background: url(img/bg_img_message.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}
#s_story02 .main .credit {
	position: absolute;
	bottom: 5px;
	right: 10px;
	font-size: 8px;
	color: #fff;
	z-index: 200;
}
#s_story02 .main .copy {
	width: 900px;
	margin: 0 auto;
	position: relative;
}
#s_story02 .main .copy img {
	position: absolute;
	top: 270px;
	right: 0;
}
#s_story02 .box {
	width: 830px;
	margin: -270px auto 0 auto;
	padding: 45px 50px 48px 20px;
	background: url(img/bg_message.png) repeat;
	color: #fff;
	position: relative;
	z-index: 100;
}
#s_story02 .box p.ttl {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 24px 0;
}
#s_story02 .box .lft {
	float: left;
	width: 322px;
	text-align: center;
	font-size: 13px;
	padding: 35px 0 0 0;
	line-height: 1.75;
}
#s_story02 .box .lft span {
	font-size: 16px;
	font-weight: bold;
	margin: 5px 0 0 0;
	display: block;
}
#s_story02 .box .rgt {
	float: right;
	width: 508px;
	line-height: 1.75;
}


#s_period {
	padding: 222px 0 87px;
	margin-top: -120px;
	background: url(img/bg_01.jpg) repeat;
	text-align: center;
}
#s_period .main {
	height: 500px;
	background: url(img/bg_period.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}
#s_period .main .copy {
	position: absolute;
	top: 163px;
	left: 50%;
	margin-left: -154px;
}
#s_period .cont {
	margin: -101px 0 0 0;
}
#s_period .cont .inr {
	width: 840px;
	margin: 0 auto;
}
#s_period .cont .inr .name {
	text-align: center;
	position: relative;
	z-index: 100;
	line-height: 2;
}
#s_period .cont .inr .name span {
	font-weight: bold;
	font-size: 16px;
}
#s_period .cont .inr .name img {
	margin: 0 0 18px 0;
}
#s_period .cont .box.p01 {
	padding: 45px 0 0 238px;
	position: relative;
	top: -5px;
	text-align: left;
}
#s_period .cont .box.p01 img.lead {
	position: absolute;
	top: 0;
	left: 52px;
}
#s_period .cont .box.p02 {
	padding: 45px 0 0 0;
	position: relative;
	text-align: left;
}
#s_period .cont .box.p02 img.lead {
	position: absolute;
	top: -245px;
	right: 82px;
}
#s_period .cont .box.p02 p.txt01 {
	padding: 0 390px 25px 0;
	line-height: 1.75;
}
#s_period .cont .box.p02 p.txt_lft {
	float: left;
	width: 450px;
	line-height: 1.75;
}
#s_period .cont .box.p02 p.img.rgt {
	float: right;
	width: 345px;
	padding: 0 0 0 0;
}
#s_period .cont .box.p03 {
	padding: 48px 0 0 238px;
	position: relative;
	text-align: left;
}
#s_period .cont .box.p03 img.lead {
	position: absolute;
	top: 50px;
	left: 52px;
}
#s_period .cont .box p.txt {
	margin: 0 0 25px 0;
	line-height: 1.75;
}
#s_period .cont .box span {
	display: block;
	font-size: 12px;
	color: #727171;
	margin: 5px 0 0 0;
}

#s_thanks {
	padding: 0 0 100px 0;
}
#s_thanks .main {
	height: 660px;
	background: url(img/bg_thanks.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}
#s_thanks .box {
	width: 900px;
	margin: -192px auto 0 auto;
	padding: 48px 0 57px;
	background: url(img/bg_thanks.png) repeat;
	color: #fff;
	text-align: center;
	position: relative;
	z-index: 100;
}
#s_thanks .box p.ttl {
	font-size: 30px;
	font-weight: bold;
	margin: 0 0 24px 0;
	line-height: 1.6;
}
#s_thanks .box p.txt {
	padding: 0 118px;
	line-height: 1.75;
	margin: 0 0 42px 0;
	text-align: left;
}
#s_thanks .box p.logo {
}

#s_event {
	margin: -238px 0 0 0;
	padding: 238px 0 100px;
	background: url(img/bg_01.jpg) repeat;
	text-align: center;
}
#s_event .inr {
	width: 790px;
	margin: 0 auto;
	padding: 60px 0 0 0;
}
#s_event .inr .ttl {
	margin: 0 0 38px 0;
}
#s_event .inr .lead {
	margin: 0 0 44px 0;
	font-weight: bold;
	font-size: 24px;
	color: #00a694;
}
#s_event .inr .lft {
	float: left;
	width: 370px;
	text-align: left;
}
#s_event .inr .lft p {
	margin-top: -5px;
	line-height: 1.9;
}
#s_event .inr .lft p.info {
	font-weight: bold;
	font-size: 16px;
	margin: 20px 0 0 0;
	line-height: 1.75;
}
#s_event .inr .rgt {
	float: right;
	width: 390px;
}
#s_event .inr .btn {
	width: 400px;
	margin: 40px auto 0;
}
#s_event .inr .btn a {
	display: block;
	padding: 20px 0 20px 0;
	background: #ea5514;
	border-radius: 40px;
	text-decoration: none;
}
#s_event .inr .btn a span {
	padding: 4px 0 4px 25px;
	background: url(img/icn_arw_w.png) no-repeat left center;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
}
#s_event .inr .btn a:hover {
	opacity: 0.8;
}

#s_future {
	padding: 0 0 38px;
	background: url(img/bg_01.jpg) repeat;
	text-align: center;
}
#s_future .main {
	height: 550px;
	background: url(img/bg_future.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}
#s_future .main .copy {
	position: absolute;
	top: 206px;
	left: 50%;
	margin-left: -139px;
}
#s_future .inr {
	width: 660px;
	margin: 0 auto;
	padding: 46px 0 0 0;
}
#s_future .inr p {
	margin: 0 0 30px 0;
	text-align: left;
}
#s_future .inr p.lead {
	margin: 0 0 50px 0;
	text-align: center;
	font-weight: bold;
	color: #00a694;
	font-size: 18px;
	line-height: 1.75;
}
#s_future .inr p.bnr a:hover img {
	opacity: 0.8;
}


footer {
	padding: 50px 0 50px 0;
	text-align: center;
	font-size: 12px;
}
footer .logo {
	margin: 0 0 30px 0;
}