*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }

body {
	background: #fff;
	color: #fff;
	font-size: 17px;
	line-height: 1.8;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a {
	color: #fff;
	text-decoration: none;
}

.codrops-header {
	display:none;
}

#loading{
	height:100%; width:100%;
	background:url(../img/back/0.jpg) no-repeat;
	background-size:cover;
	position:absolute;
	top:0; left:0;
	z-index:0;
}
#loading img{
	position:absolute;
	left:50%;
}
#loading .loading-copy{
	top:50%; 
	margin-left:-180px; margin-top:-203px;
	display:none;
}
#loading .loading-copy#first{ margin-top:-203px;}
#loading .loading-copy#second{ margin-top:-64px;}
#loading .loading-copy#third{ margin-top:71px;}
#loading .icon-scroll{
	margin-left:-109px; 
	bottom:60px;
}
.component .itemwrap .section {
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
}
.component .itemwrap #page1{ background-image:url(../img/back/1.jpg)}
.component .itemwrap #page2{ background-image:url(../img/back/2.jpg)}
.component .itemwrap #page3{ background-image:url(../img/back/3.jpg)}
.component .itemwrap #page4{ background-image:url(../img/back/4.jpg)}
.component .itemwrap #page5{ background-image:url(../img/back/5.jpg)}
.component .itemwrap #page6{ background-image:url(../img/back/6.jpg)}
.component .itemwrap #page7{ background-image:url(../img/back/7.jpg)}
.component .itemwrap .section .copy-text{
	position:absolute;
	bottom:130px; right:70px;
	text-shadow: 0px 0px 5px rgba(40, 40, 40,0.95);
	display:none;
	letter-spacing:1px;
}
.component .itemwrap .section .copy-main{
	display:none;
	position:absolute;
}
.component .itemwrap #page1 .copy-main{
	right:7%; top:50%;
	margin-top:-166px;
}
.component .itemwrap #page2 .copy-main{
	left:50%; top:50%;
	margin-top:-216px; margin-left:-406px;
}
.component .itemwrap #page3 .copy-main{
	left:5.9%; top:50%;
	margin-top:-259px;
}
.component .itemwrap #page4 .copy-main{
	right:5%; top:50%;
	margin-top:-317px;
}
.component .itemwrap #page5 .copy-main{
	left:5.3%; top:50%;
	margin-top:-307px;
}
.component .itemwrap #page6 .copy-main{
	left:50%; top:50%;
	margin-top:-294px; margin-left:-332px;
}
.component .itemwrap #page7 .copy-main{
	left:5.3%; top:50%;
	margin-top:-242px; 
}
.loadbar{
	position:absolute;
	bottom:0; left:0;
	background-color:#fff;
	filter:alpha(opacity=60);
	background-color:rgba(255,255,255,0.6);
	width:0; height:3px;
	z-index:1999;
}
#logo{
	position:absolute;
	top:30px; left:30px;
	z-index: 1999;
}
#copy-foot{
	position:absolute;
	bottom:15px; left:30px;
	z-index: 1999;
}
.sp_only{
	display:none;
}

.sp{
	background:url(../img/back/0.jpg) repeat-y;
}
.sp .sp_only{
	display:block;
}
.sp .loadbar,
.sp #logo,
.sp #copy-foot,
.sp #nav,
.sp .icon-scroll{
	display:none;
}
.sp #loading{
	background:none;
}

.sp #loading .loading-copy {
	height:100px;
}
.sp #loading .loading-copy#first{ margin-top:-260px;}
.sp #loading .loading-copy#second{ margin-top:-64px;}
.sp #loading .loading-copy#third{ margin-top:130px;}

.sp .component .itemwrap {
	height: auto;
}
.sp .component .itemwrap .section{
	height:576px;
	position:relative;
	display:block;
	opacity:1;
	margin-bottom:10px;
}
.sp .component .itemwrap .section:last-child{
	margin-bottom:0;
}
.sp .component .itemwrap .section .copy-text,
.sp .component .itemwrap .section .copy-main{
	display:block;
}
.sp .component .itemwrap .section .copy-text{
	right:auto; left:50%;
	bottom:60px;
	font-size:12px;
}
.sp .component .itemwrap #page1 .copy-main{
	right:4.8%; top:50%;
}
.component .itemwrap #page2 .copy-main{
	margin-top:-145px;
}
.sp .component .itemwrap #page4 .copy-main{
	top:56px; margin-top:0
}
.sp .component .itemwrap .#page5 .copy-main{
	top:56px; margin-top:0
}
.sp .component .itemwrap #page6 .copy-main{
	top:40px;
	margin-top:0;
}
.sp .component .itemwrap #page7 .copy-main{
	left:5.3%; top:50%;
	margin-top:-242px; 
}