@charset "utf-8";

@import url("style-s.css?v=1.0") only screen and (max-width: 736px);
@import url("style.css?v=1.0") only screen and (min-width: 737px);

#wrapper{
	opacity: 0;
	transition: all 1.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
#wrapper.active{
	opacity: 1;
}
main{
	overflow: hidden;
}


/*	load-animation
================================================== */
.load-animation{
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(255,255,255,0.0);
}
.load-animation.active{
	height: 0%;
	width: 0%;
}
.load-animation:before{
	content: "";
	display: block;
	position: fixed;
	left: 0;
	width: 50%;
	height: 100%;
	top: 0;
	background: linear-gradient(to right, rgba(233,233,233,1.0), rgba(233,233,233,1.0));
	transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	z-index: 1;
}
.load-animation.active:before{
	width: 0;
}
.load-animation:after{
	content: "";
	display: block;
	position: fixed;
	right: 0%;
	width: 50%;
	height: 100%;
	bottom: 0;
	background: linear-gradient(to right, rgba(233,233,233,1.0), rgba(233,233,233,1.0));
	transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	z-index: 1;
}
.load-animation.active:after{
	width: 0%;
}

.load-animation .over-line{
	display: block;
	width: 6px;
	height: 0;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -3px;
	background: linear-gradient(180deg, #638D1B, #36671A);
	transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	z-index: 1;
}
.load-animation.over .over-line{
	height: 100dvh
}