@charset "UTF-8";
/*
	common
-----------------------------------------------------------------------------------------------*/
.anm {
	opacity: 0;
}
/* ふわっと fadeIn */
@keyframes fadeIn{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
/* 上下 */
@keyframes upDown{
	0%  {transform: translateY(0);}
	50% {transform: translateY(-6px);}
	100%{transform: translateY(0);}
}
@keyframes upDown01{
	0%  {top: 50%;}
	50% {top: 49%;}
	100%{top: 50%;}
}
@keyframes upDown02{
	0%  {top: 50%;}
	50% {top: 51%;}
	100%{top: 50%;}
}
/* 下から */
.fadeUp.anmStart{
	animation: fadeUp .0s ease .0s forwards;
}
@keyframes fadeUp{
	from{
		opacity: 0;
		transform: translateY(15px);
	}
	to{
		opacity: 1;
		transform: translateY(0);
	}
}
/*
	kv
-----------------------------------------------------------------------------------------------*/
/* kv__item */
.kv__item01 {
    animation: fadeIn .0s ease 0s forwards, upDown02 0s ease 0s infinite;
}
.kv__item07 {
    animation: fadeIn .0s ease .0s forwards, upDown01 0s ease .0s infinite;
}
.kv__item11 {
    animation: fadeIn .0s ease .0s forwards, upDown01 0s ease .0s infinite;
	z-index: 1;
}
.kv__item04, .kv__item08, .kv__item13 {
    animation: fadeIn 1s ease 0s forwards;
}
.kv__item02, .kv__item10, .kv__item14 {
    animation: fadeIn 1s ease .0s forwards;
}
.kv__item03, .kv__item05,  .kv__item16 {
    animation: fadeIn 1s ease .0s forwards;
}
.kv__item06, .kv__item09, .kv__item12, .kv__item15 {
    animation: fadeIn 1s ease 1.0s forwards;
}
/* タイトル */
.boxKv__ttl {
	opacity: 0;
    animation: fadeUp 0s ease 0s forwards;
}
/* fadeIn 権威性のみ */
.boxKv__li {
	opacity: 0;
    animation: fadeInOnly 0s ease 0s forwards;
}
@keyframes fadeInOnly{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
/*
	voiceArea
-----------------------------------------------------------------------------------------------*/
/* 上下 */
.imgBox {
	animation: upDown 0s ease-out infinite;
}
/*
	flowArea
-----------------------------------------------------------------------------------------------*/
/* 上下 */
.imgBefore::before,
.imgAfter::before {
	animation: upDown 0s ease-out infinite;
}
.imgNow::before  {
	animation: upDown 0s ease-out infinite;
}
/* 右から */
.fadeRight.anmStart{
	animation: fadeRight .0s ease .0s forwards;
}
@keyframes fadeRight{
	from{
		opacity: 0;
		transform: translateX(-20px);
	}
	to{
		opacity: 1;
		transform: translateX(0);
	}
}
/* 左から */
.fadeLeft.anmStart{
	animation: fadeLeft .0s ease .0s forwards;
}
@keyframes fadeLeft{
	from{
		opacity: 0;
		transform: translateX(20px);
	}
	to{
		opacity: 1;
		transform: translateX(0);
	}
}
/*
	footer
-----------------------------------------------------------------------------------------------*/
/* 上下 */
.imgFooer {
	animation: upDown 0s ease-out infinite;
}