@charset "utf-8";

*{
	box-sizing:border-box;
	padding:0;
	margin:0;
}
html{}
body{
	width:100%;
	background:#fff;
}
img{
	vertical-align:bottom;
}

/*******************
 * slider-01
********************/
div.slider-01{
	overflow:hidden;
}
div.slider-01 div.slide{
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	height:100vh;
	margin:0;
}
div.slider-01 div.slide-01{background-image:url("../img/slider_01.jpg");}
div.slider-01 div.slide-02{background-image:url("../img/slider_02.jpg");}
div.slider-01 div.slide-03{background-image:url("../img/slider_03.jpg");}


/*******************
 * nav
********************/
#nav-overlay{
	position:absolute;
	right:0;
	top:-114px;
	z-index:10;
	width:100%;
	height:114px;
	background:url("../img/nav.png") no-repeat top center;
	transition:all 1.2s ease-in-out 0s;
	opacity:1;
}
#nav-overlay.view{
	position:fixed;
	opacity:1;
	top:0;
	transition:all 0.8s ease-in-out 0s;
}
#nav-overlay.out{
	position:fixed;
	opacity:0; 
	transition:all 0.8s ease-in-out 0s;
}
#nav {
  width: 100%;
  overflow: hidden;
}

#nav img {
  width: 100%;
  height: auto;
  display: block;
}
/*******************
 * footer-overlay
********************/
#footer-overlay{
	position:absolute;
	right:0;
	bottom:-104px;
	z-index:10;
	width:100%;
	height:104px;
	background:url("../img/footer.png") no-repeat top center;
	transition:all 1.2s ease-in-out 0s;
	opacity:1;
}
#footer-overlay.view{
	position:fixed;
	opacity:1;
	bottom:0;
	transition:all 0.8s ease-in-out 0s;
}
#footer-overlay.out{
	position:fixed;
	opacity:0; 
	transition:all 0.8s ease-in-out 0s;
}

/*******************
 * content
********************/

/* content01 */

#content01{
	background:url("../img/content_01.jpg") no-repeat top center;
	height:6783px;
}
#content02{
	background:url("../img/content_02.jpg") no-repeat top center;
	height:6559px;
}
#content03{
	background:url("../img/content_03.jpg") no-repeat top center;
	height:7461px;
}



/* content02 */


/* content03 */



/* content04 */


#sub-01
{
	background:url("../img/sub_01.png") no-repeat top center;
	height:5103px;
}


#sub-02
{
	background:url("../img/sub_02.png") no-repeat top center;
	height:4800px;
}

#sub-03
{
	background:url("../img/sub_03.png") no-repeat top center;
	height:2648px;
}
#sub-04
{
	background:url("../img/sub_04.png") no-repeat top center;
	height:5280px;
}
#sub-05
{
	background:url("../img/sub_05.png") no-repeat top center;
	height:3507px;
}
#sub-06
{
	background:url("../img/sub_06.png") no-repeat top center;
	height:3841px;
}


#foot
{
	background:url("../img/foot.png") no-repeat top center;
	height:1044px;
}