.index .loader-wrap,
.lower .loader-wrap {
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background-color: #3a3a3a;
	z-index: 1001;
}

.loader-logo img {
    width: clamp(10rem, 9.179rem + 3.55vw, 13.438rem);
	opacity: 0;
	animation: logoFade 2.5s ease forwards;
}

/* フェードインアニメーション */
@keyframes logoFade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/* ヘッダーテキスト */
.keyword {
	opacity: 0;
	animation: keyword 1.5s 3.5s 1 forwards;
	-webkit-animation: keyword 1.5s 3.5s 1 forwards;
	-moz-animation: keyword 1.5s 3.5s 1 forwards;
}

@keyframes keyword {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes keyword {
	0% {
		-webkit-opacity: 0;
	}

	100% {
		-webkit-opacity: 1;
	}
}

@-moz-keyframes keyword {
	0% {
		-moz-opacity: 0;
	}

	100% {
		-moz-opacity: 1;
	}
}

/* スクロールアニメーション */
/* フェードインアップ */
.move.fadeInUp {
	opacity: 0;
	transform: translate(0, 50px);
	transition: all 1.5s;
}

/* フェードイン */
.move.fadeIn {
	opacity: 0;
	transition: all 1.5s;
}

/* ぼかしイン */
.move.blurIn {
	opacity: 0;
	filter: blur(30px);
	transition:
		filter 0.8s ease,
		opacity 0.8s ease;
}

/* スライドイン */
.move.slideIn {
	opacity: 0;
	transform: translateX(-50px);
	transition:
		opacity 1s,
		transform 0.5s;
}

/* 画面内に入った状態 */
.move.scrollin.fadeInUp,
.move.scrollin.fadeIn {
	opacity: 1;
	transform: translate(0, 0);
}

.move.scrollin.blurIn {
	opacity: 1;
	filter: blur(0);
}

.move.scrollin.slideIn {
	opacity: 1;
	transform: translateX(0);
}

/* トップセクションアニメーション */
/* フェードインアップ */
.effect-fadeInUp {
	animation: effect-fadeInUp 1.5s ease 0.5s 1 normal;
}

@keyframes effect-fadeInUp {
	0% {
		opacity: 0;
		transform: translate(0, 50px);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}

/* フェードイン */
.effect-fadeIn {
	animation: effect-fadeIn 1.5s ease 0.5s 1 normal;
}

@keyframes effect-fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}
/* ぼかしイン */
.effect-blurIn {
	animation: effect-blurIn 0.8s ease 0.5s 1 normal;
}

@keyframes effect-blurIn {
	0% {
		opacity: 0;
		filter: blur(30px);
	}
	100% {
		opacity: 1;
		filter: blur(0);
	}
}