@charset "utf-8";


#bgArea01{
	width: 100vw;
	height: 100vh;
	background: url(../imgs/bg-01.jpg) no-repeat center top;
	background-size: cover;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 2;
	opacity: 0;
}
#bgArea02{
	width: 100vw;
	height: 100vh;
	background: url(../imgs/bg-02.jpg) no-repeat center top;
	background-size: cover;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 3;
	opacity: 0;
	transition: 1s;
}
.nextBack,
#gFooter{
	position: relative;
	z-index: 3;
}

/*--------------
num01
--------------*/
.num01{
	width: 100%;
	/*height: 100vh;*/
	padding: 0;
	z-index: 4;
}
.num01.is-fixed{
	background: none;
}
.num01 .caption.sp{
	bottom: auto;
	top: 5px;
}
.num01-bg{
	width: 100%;
	height: 100vh;
	background: url(../imgs/bg-01.jpg) no-repeat center top;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
}
.num01.is-fixed .num01-bg{
	opacity: 0;
}
.num01 .wrap{
	width: 100%;
	height: 300px;
}
.num01 .headline{
	color:#fff;
	position: absolute;
	left: 0;
	right: 0;
	top: 150px;
	margin: auto;
	z-index: 3;
}
.scrContentBox{
	width: 100%;
}
.scrContentBox .caption{
}

/*ipad*/
.num01.ipad {
	background: #353535 url(../imgs/bg-01_sp.jpg) no-repeat center top;
	background-size: 100% auto;	
}
.num01.ipad .num01-bg{
	display: none;
}
.num01.ipad .headline{
	top: 90px;
}
@media only screen and (max-width:768px) {
	.num01 {
		background: #353535 url(../imgs/bg-01_sp.jpg) no-repeat center top;
		background-size: 100% auto;	
	}
	.num01 .wrap{
		height: 220px;
	}
	.num01-bg{
		display: none;
	}
	.num01 .headline{
		top: 90px;
	}
}

/*scrContent*/
.scrContent{
	height: 100vh;
	position: relative;
}
.scrContent.scrContent-01{
}
.scrContent.scrContent-06{
	opacity: 0;
}
.scrContent .scrContent-inner{
	text-align: center;
}
.scrContent .text{
	color: #fff;
}
.scrContent .text.tate{
	width: 48px;
	display: inline-block;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	-webkit-text-orientation: mixed;
	text-orientation: mixed;
	position: relative;
	margin-bottom: 40px;
}
.scrContent.scrContent-04 .text:first-child{
	margin-bottom: 120px;
}
.scrContent.scrContent-04 .text strong{
	display: block;
	font-size: 22px;
	margin-top: 30px;
}

/*ipad*/
.scrContentBox.ipad{
	height: auto;
}
/*scrContent*/
.scrContent.ipad{
	height: auto;
}
.scrContent.ipad:nth-child(n+2){
	margin-top: 80px;		
}
.scrContent.ipad .scrContent-inner{
	padding:0 20px;
	box-sizing: border-box;
}
.scrContent.ipad.scrContent-06{
	opacity: 1;
}
.scrContent.ipad.scrContent-06 img{
	width: 100%;
}
.scrContent.ipad .text.tate{
	margin-bottom: 30px;
}
@media only screen and (max-width:768px) {
	.scrContentBox{
		height: auto;
	}
	/*scrContent*/
	.scrContent{
		height: auto;
	}
	.scrContent:nth-child(n+2){
		margin-top: 80px;		
	}
	.scrContent .scrContent-inner{
		padding:0 20px;
		box-sizing: border-box;
	}
	.scrContent.scrContent-06{
		opacity: 1;
	}
	.scrContent.scrContent-06 img{
		width: 100%;
	}
	.scrContent .text.tate{
		margin-bottom: 30px;
	}
}

/*--------------

--------------*/
@media only screen and (max-width:768px) {
}

/*--------------

--------------*/
@media only screen and (max-width:768px) {
}