@charset "UTF-8";

html {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
figure {
	margin: 0;
	padding: 0;
}
body {
	color: #000;
	font-size: 13px;
	font-family:"ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	line-height: 1.7;
	margin: 0;
	padding: 0em;
	background-color:#000;
	min-width: 1000px;
}
a {
	text-decoration: none;
	outline: none;
	color:#18499e;
}
a,
a img {
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
ol, ul {
	list-style: none;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align:middle;
}
img[usemap],
img[usemap2] {
    max-width: 100%;
    height: auto;
}
*:focus {
	outline: none;
}
.fadeIn {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

@keyframes fadeInMove {
    0% {
		opacity: 0;
		transform: translateY(20px);
		}
    100% {
		opacity: 1;
		transform: translateY(0);
		}
}
@-webkit-keyframes fadeInMove {
    0% {
		opacity: 0;
		transform: translateY(20px);
		}
    100% {
		pacity: 1;
		transform: translateY(0);
		}
}
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {pacity: 1;}
}

/* ==========================================================================
preloader
========================================================================== */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: black;
	z-index: 9999999;
	height: 100%;
}
#lazylogo {
	width: 420px;
	height: 172px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
#loader {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -71px 0 0 -210px;
	padding: 0;
	
	width: 420px;
	height: 172px;
}
#loader:before {
	-webkit-animation: load 1.1s infinite linear;
	animation: load 1.1s infinite linear;
	display: block;
	border-radius: 50%;
	width: 60px;
	height: 60px;
}
 @-webkit-keyframes load {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @keyframes load {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
.preloader-preview-area{
width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 100px 0 0 -25px;
  font-size: 10px;
  text-indent: -12345px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  border-left: 1px solid rgba(255, 255, 255, 0.5);

  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;

   -webkit-animation: spinner 700ms infinite linear;
   -moz-animation: spinner 700ms infinite linear;
   -ms-animation: spinner 700ms infinite linear;
   -o-animation: spinner 700ms infinite linear;
   animation: spinner 700ms infinite linear;

  z-index: 100001;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*======================================================
 * hero
 *======================================================*/
.hero {
	background-image:url(../img/hero_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height:650px;
}
.hero-wrap {
	padding-top: 150px;
}

/*======================================================
 * day
 *======================================================*/
.day {
	background-image:url(../img/day_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height:150px;
}
.day-wrap {
	padding-top: 60px;
}

/*======================================================
 * concept
 *======================================================*/
.concept {
	background-image:url(../img/concept_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height: 1194px;
}
.concept-wrap {
	padding-top: 90px;
}

/*======================================================
 * information
 *======================================================*/
.information {
	background-image:url(../img/information_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height:750px;
}
.information-wrap {
	padding-top: 115px;
}

/*======================================================
 * contents
 *======================================================*/
/* contents header */
.contents-header {
	background-image:url(../img/contents_header_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height:250px;
	padding-top:120px;
}
/* contents 01 */
.contents01 {
	background-image:url(../img/contents01_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height:700px;
	padding-top:122px;
}
/* contents 02 */
.contents02 {
	background-image:url(../img/contents02_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height:1451px;
	padding-top:122px;
}
.contents02 .contents02-txt {
	margin-bottom:49px;
}
/* contents 03 */
.contents03 {
	background-image:url(../img/contents03_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height:600px;
	padding-top:116px;
}
/* contents 04 */
.contents04 {
	background-image:url(../img/contents04_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height:2760px;
	padding-top:116px;
}
.contents04 .contents04-txt {
	margin-bottom:80px;
}
.contents04 .contents04-act01 {
	margin-bottom:46px;
}
.contents04 .contents04-act02 {
	margin-bottom:46px;
}
.contents04 .contents04-youtube01,
.contents04 .contents04-youtube02 {
	margin:0 auto 93px;
	width:560px;
}
/* contents 05 */
.contents05 {
	background-image:url(../img/contents05_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height:2800px;
	padding-top:97px;
}
/* contents 06 */
.contents06 {
	background-image:url(../img/contents06_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height:1440px;
	padding-top:118px;
}
/* contents 07 */
.contents07 {
	background-image:url(../img/contents07_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height:600px;
	padding-top:80px;
}
/*======================================================
 * register
 *======================================================*/
.register {
	background-image:url(../img/register_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height: 905px;
}
.register-wrap {
	padding-top: 120px;
}
.register-wrap .facebook {
	padding-top:20px;
}

/*======================================================
 * signup
 *======================================================*/
.signup {
	height:395px;
}


/*======================================================
 * fooer
 *======================================================*/
 footer {
	 padding:39px 0;
	 color:#B3B3B3;
}