.load-box{
	transition: opacity 300ms 0s ease;
}
.load-box.load-anim-remove{
	opacity:0;
}
.load-box>.wrap{
	
}
.load-box>.wrap>.image{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.load-box>.wrap>.image{
	font-family: "Noto Sans JP", sans-serif;
	color: #464646;
	letter-spacing: 2px;
}
.load-box>.wrap>.image>.logo{
	width: 15%;
	margin-bottom: 1rem;
}
.load-box>.wrap>.image>.logo>img{
	
}
.load-box>.wrap>.image>svg{
	width: 3rem;
	transform: rotateZ(0deg);
	animation-name:load-anim;
	animation-duration: 4000ms;
	animation-delay: 0ms;
	animation-timing-function: linear;
	animation-fill-mode: backwards;
	animation-iteration-count: infinite;
}
.load-box>.wrap>.image>svg path{
	fill: var(--key-color-2);
}
@keyframes load-anim{
	0%{
		transform: rotateZ(0deg);
	}
	100%{
		transform: rotateZ(360deg);
	}
}