@charset "UTF-8";

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

	100% {
		opacity: 1;
	}
}

body.home {
	#globalHeader {
		opacity: 0;
		animation-name: fvFadeIn;
		animation-delay: 2.5s;
		animation-duration: 1s;
		animation-fill-mode: forwards;
	}

	& .c-mv {
		& .msg-area {
			z-index: 1;

			& .title-area {
				opacity: 0;
				animation-name: fvFadeIn;
				animation-delay: 1.5s;
				animation-duration: 1s;
				animation-fill-mode: forwards;
			}

			& .topic-area {
				opacity: 0;
				animation-name: fvFadeIn;
				animation-delay: 2.5s;
				animation-duration: 1s;
				animation-fill-mode: forwards;
			}
		}

		& .bk-area {
			& video {
				width: 100%;
				height: 100vh;
				object-fit: cover;
			}
		}
	}
}