/**/
*{margin: 0;padding: 0;box-sizing: border-box}
.pc-none{display: none}
.sp-none{display: block}


.IMG100{width: 100%;}

.before{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 98vh;
	flex-direction: column;
}
.before img{
	display: block;
	width: 30%;
	margin: 0 auto
}
.soon{
	font-size: 30px;
	color: #393939;
	text-align: center;
	text-shadow: 0 0 10px #ffffff, 0 0 20px #ffffff, 0 0 30px #ffffff, 0 0 40px #ffffff, 0 0 50px #ffffff, 0 0 60px #ffffff, 0 0 70px #ffffff;
	font-weight: bold;
}
.BG{
	background: url(../img/bg.png);
	background-size: 100%;
}
.BG-l{
	background: url(../img/bg-l.png);
	background-size: 100%;
	background-position: center;
}

.after{
	margin-bottom: -5px;
	overflow: hidden
}
.after .soon{
	font-size: 50px;
}
.at{
	margin: -40% auto 0;

}
.idol{
display: block;
width: 100%;
}
.logo{
display: block;
	width: 35%;
	margin: 0 auto
}

footer{
background-color: #6d6d6d;
}
.copy{text-align: center; color: #fff}


@media screen and (max-width:798px) {
.before img {width: 40vw;}
.soon {font-size: 3vw;}
.after .soon {font-size: 4vw;}
}

@media screen and (max-width:798px) {
.pc-none{display: block}
.sp-none{display: none}
.soon {font-size: 8vw;}
.before img {width: 70vw;}	
}