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


.loading{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 99999999999;
	background-color: #fff;
}
.gjs-dashed .loading{display: none!important}

.loading .txtbox{
	gap: 3px;
	flex-wrap: nowrap;
	transform: translateX(0rem);
}
.loading .txtbox p{
	font-size: clamp(22px,2.0vw,32px);
	font-weight: 600;
	color: #007C5E;
	opacity: 0;
	transform: translateY(-50px);
	animation-name: loadingtxt;
	animation-duration: 0.4s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}
.loading .txtbox p:nth-of-type(5),.loading .txtbox p:nth-of-type(6),.loading .txtbox p:nth-of-type(7),.loading .txtbox p:nth-of-type(8),.loading .txtbox p:nth-of-type(9){
	color: #EF8200;
}
.loading .txtbox p:nth-of-type(1){animation-delay: 0.1s}
.loading .txtbox p:nth-of-type(2){animation-delay: 0.2s}
.loading .txtbox p:nth-of-type(3){animation-delay: 0.3s}
.loading .txtbox p:nth-of-type(4){animation-delay: 0.4s}
.loading .txtbox p:nth-of-type(5){animation-delay: 0.5s}
.loading .txtbox p:nth-of-type(6){animation-delay: 0.6s}
.loading .txtbox p:nth-of-type(7){animation-delay: 0.7s}
.loading .txtbox p:nth-of-type(8){animation-delay: 0.8s}
.loading .txtbox p:nth-of-type(9){animation-delay: 0.9s}
.loading .txtbox p:nth-of-type(10){animation-delay: 1.0s}
@keyframes loadingtxt {
	0% {
		opacity:0;
		transform: translateY(30px);
	}
	60% {
		opacity:1;
		transform: translateY(-20px);
	}
	80% {
		opacity:1;
		transform: translateY(10px);
	}
	100% {
		opacity:1;
		transform: translateY(0px);
	}
}

/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}