@charset "UTF-8";
/* fadeIn */
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
#kv,
.kv__ph,
.kv__logoArea{
	opacity: 0;
	animation: fadeIn 1.5s ease 0.5s forwards;
}
#kv{
	animation-delay: 0.5s;
}
.kv__ph{
	animation-delay: 1.0s;
}
.kv__logoArea{
	animation-delay: 1.0s;
}

/* topFadeIn */
@keyframes topFadeIn{
	0%  {opacity: 0; transform: translateY(-20px);}
	100%{opacity: 1; transform: translateY(0);}
}
#header__logo,
#subNav__top,
#gNav{
	opacity: 0;
	animation: topFadeIn 1.0s ease 0.5s forwards;
	animation-delay: 1.0s;
}

/* btmFadeIn */
@keyframes btmFadeIn{
	0%  {opacity: 0; transform: translateY(20px);}
	100%{opacity: 1; transform: translateY(0);}
}
.kv__bnr,
.kv__chara{
	opacity: 0;
	animation: btmFadeIn 1.0s ease 0.5s forwards;
	animation-delay: 3.0s;
}