@charset "UTF-8";
/* CSS Document */


/*ローディングレイヤー*/
.wrap_pageLoading {
	display: block;
	position: absolute;
	width: 100%;
	height: 100vh;
	height: 100dvh;
	overflow: hidden;
}
.ly_pageLoading {
	display: block;
	position: absolute;
	left:0;
	width: 100vw;
	height: 100vh;
	height: 100dvh;
	background-color: rgb(255,255,255,1);
	z-index: 80;
	animation:anime_pageLoading 1s ease 2s forwards;
	opacity: 1;
	overflow: hidden;
}
/*レイヤーワイプ退場*/
@keyframes anime_pageLoading {
  0% {
    left: 0%;
  }
  100% {
    left:100%;
  }
}

/*スクロールされている状態でのリロード*/
.js_scrolled .ly_pageLoading,
.js_firstLoaded .ly_pageLoading {
	left:100%;
	opacity: 0;
	animation: none;
}

/*ロゴwrap*/
.bl_pageLoadingLogoWrap {
	width: 300px;
	height: auto;
	padding: 0;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	z-index: 90;
	transform-origin: left;
	/*退場アニメ*/
	animation:anime_pageLoadingLogoWrap 1s ease 2s forwards;
}
@media screen and (min-width:600px) {
	.bl_pageLoadingLogoWrap {
		scale:1.35;
	}
}
@media screen and (min-width:1200px) {
	.bl_pageLoadingLogoWrap {
		scale:1.6;
	}
}
/*潰れ防止*/
.bl_pageLoadingLogoWrap::before {
	content: "";
    display: block;
    /*padding-top: 50%;*/
}

@keyframes anime_pageLoadingLogoWrap {
	/*退場アニメ*/
	0% {
		left: 50%;
		opacity: 1;
	}
	100% {
		left: -50%;
		opacity: 0;
	}
}
/*ロゴ*/
.bl_pageLoadingLogoWrap .bl_pageLoadingLogo-m {
	position: absolute;
	bottom:0;left:0;
	width: 31.44px;
	height: 29.5px;
}
.bl_pageLoadingLogoWrap .bl_pageLoadingLogo-m img {
	position: absolute;
	bottom:0;left:0;
	opacity: 0;
	transform-origin: bottom right;
}
.bl_pageLoadingLogoWrap .bl_pageLoadingLogo-t {
	position: absolute;
	bottom:0;right:0;
	width: 257.6px;
	height: 23.7px;
}
.bl_pageLoadingLogoWrap .bl_pageLoadingLogo-t img {
	position: absolute;
	bottom:0;right:0;
	opacity: 0;
}
.bl_pageLoadingLogo-m1 {
	top:0px;
	left:0px;
	opacity: 0;
	animation:anime_pageLoadingLogo-m1 0.5s linear 0s forwards;
}
@keyframes anime_pageLoadingLogo-m1 {
	0% {
		top:0px;
		left:0px;
		scale:2;
		opacity: 0;
	}
	100% {
		top:0px;
		left: 0px;
		scale:1;
		opacity: 1;
	}
}
.bl_pageLoadingLogo-m2 {
	top:-8px;
	left: -8px;
	scale:1.6;
	opacity: 0;
	animation:anime_pageLoadingLogo-m2 0.5s linear 0s forwards;
}
@keyframes anime_pageLoadingLogo-m2 {
	0% {
		top:-8px;
		left: -8px;
		scale:1.6;
		opacity: 0;
	}
	100% {
		top:0px;
		left: 0px;
		scale:1;
		opacity: 1;
	}
}
.bl_pageLoadingLogo-m3 {
	top:-18px;
	left: -18px;
	scale:1.3;
	opacity: 0;
	animation:anime_pageLoadingLogo-m3 0.5s linear 0s forwards;
}
@keyframes anime_pageLoadingLogo-m3 {
	0% {
		top:-18px;
		left: -18px;
		scale:1.3;
		opacity: 0;
	}
	100% {
		top:0px;
		left: 0px;
		scale:1;
		opacity: 1;
	}
}
/**/
.bl_pageLoadingLogo-t1 {
	bottom:10px;
	opacity: 0;
	animation:anime_pageLoadingLogo-t 0.5s ease-out 0.5s forwards;
}
.bl_pageLoadingLogo-t2 {
	bottom:10px;
	opacity: 0;
	animation:anime_pageLoadingLogo-t 0.5s ease-out 0.6s forwards;
}
.bl_pageLoadingLogo-t3 {
	bottom:10px;
	opacity: 0;
	animation:anime_pageLoadingLogo-t 0.5s ease-out 0.7s forwards;
}
@keyframes anime_pageLoadingLogo-t {
	0% {
		bottom:10px;
		opacity: 0;
	}
	100% {
		bottom:0px;
		opacity: 1;
	}
}