@charset "UTF-8";

/*
	common
-----------------------------------------------------------------------------------------------*/
.anm,
.anm.anmStart{
	opacity:0;
}

/* btmIn */
@keyframes anmBtmIn{
	0%  {opacity: 0; transform: translateY(30px);}
	100%{opacity: 1; transform: translateY(0);}
}
[class *= 'anmBtmIn'].anmStart{
	animation: anmBtmIn 1s ease 0.5s forwards;
}
[class *= '01s'].anmStart{
	animation-delay: .1s;
}
[class *= '02s'].anmStart{
	animation-delay: .2s;
}
[class *= '03s'].anmStart{
	animation-delay: .3s;
}
[class *= '04s'].anmStart{
	animation-delay: .4s;
}
[class *= '05s'].anmStart{
	animation-delay: .5s;
}
[class *= '06s'].anmStart{
	animation-delay: .6s;
}
[class *= '07s'].anmStart{
	animation-delay: .7s;
}
[class *= '08s'].anmStart{
	animation-delay: .8s;
}


/*
	top
-----------------------------------------------------------------------------------------------*/
/* zoomUp01 */
@keyframes zoomUp{
	0%  {transform: scale(0, 0); opacity: 0;}
	100%{transform: scale(1, 1); opacity: 1;}
}
[class^="kv__txt"]{
	animation: zoomUp 1.2s ease 0.5s backwards;
}
.kv__txt01{
	animation-delay: 1.2s;
	transform-origin: bottom right;
}
.kv__txt02{
	animation-delay: 2.2s;
	transform-origin: bottom left;
}

/* fadeIn */
@keyframes fadeIn{
	0%  {opacity: 0;}
	100%{opacity: 1;}
}
.kv__area,
.kv__logo,
.kv__logo03,
#scroll{
	opacity: 0;
	animation: fadeIn 2.0s ease 0.5s forwards;
}
.kv__area{
	animation-delay: 0.5s;
}
.kv__logo{
	animation-delay: 3.2s;
}
.kv__logo03,
.kv__bnr,
#scroll{
	animation-delay: 8.5s;
}

/* upDown */
@keyframes upDown{
	0%  {transform: translateY(0);}
	50% {transform: translateY(-10px);}
	100%{transform: translateY(0);}
}
.kv__bnr{
	opacity: 0;
	animation: fadeIn 2.0s ease 0.5s forwards, upDown 5s ease 0s infinite;
	animation-delay: 8.5s;
}
.about__fukidahi{
	animation: upDown 5s ease 0s infinite;
}