@charset "utf-8";

@import url("style-s.css?v=1.2.2") only screen and (max-width: 736px);
@import url("style.css?v=1.2.2") 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;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10000;
	transition: 0.9s ease-in-out;
	background: linear-gradient(160deg, #F9CCA2, #EC7284);
}
.load-animation.active{
	opacity: 0;
	visibility: hidden;
}
.load-animation .ico{
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	opacity: 1;
	transition: 0.4s ease-in-out;
}
.load-animation .ico svg{
	display: block;
	width: 100% !important;
	height: auto !important;
}
.load-animation.active .ico{
	opacity: 0;
	visibility: hidden;
	transition: 0.5s ease;
}
.load-animation.active .ico.active{
	display: none;
}