@charset "UTF-8";
/* ローディング */
.loading {
	background: #000;
	height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
	z-index: 999;
}

#global-container {
	display: none;
	opacity: 0;
	visibility: hidden;
	width: 100%;
}

.load-svg {
	position: absolute;
	top: 561px;
	left: 50%;
	transform: translateX(-54.5%);
	z-index: 2;
	display: none;
}

.load-svg path {
	animation: loadsvg 3s ease-in-out forwards;
	fill: transparent;
	stroke: #fff;
	stroke-dasharray: 1800;
	stroke-dashoffset: 0;
	stroke-width: 1;
}

@keyframes loadsvg {
	0% {
		fill: transparent;
		stroke-dashoffset: 1800;
	}

	10% {
		fill: transparent;
	}

	80% {
		fill: #fff;
	}

	100% {
		stroke: #fff;
		fill: #fff;
		stroke-dashoffset: 0;
	}
}

@media screen and (max-width:768px) {
	.load-svg {
		top: 486px;
		width: 120px;
	}
}