@charset "UTF-8";
/* CSS Document */
/*
	common
-----------------------------------------------------------------------------------------------*/
#wrapper{
	opacity: 0;
	animation: anmFadeIn 1.0s ease 0.4s forwards;
}

/* 起点 */
.jsAnm{
	opacity: 0;
}

/* ふわっと */
.anmFadeIn.jsAnmStart{
	animation: anmFadeIn 1s ease 0.5s forwards;
}
@keyframes anmFadeIn{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}

/* ふわっと消える */
.anmFadeOut.jsAnmStart{
	animation: anmFadeOut 1s ease 0.5s forwards;
}
@keyframes anmFadeOut{
	from{
		opacity: 1;
	}
	to{
		opacity: 0;
	}
}

/* 下からふわっと */
.anmFadeUp.jsAnmStart{
	animation: anmFadeUp 1s ease 0.5s forwards;
}
@keyframes anmFadeUp{
	from{
		opacity: 0;
		transform: translateY(40px);
	}
	to{
		opacity: 1;
		transform: translateY(0);
	}
}
/* 上からふわっと */
.anmFadeDown.jsAnmStart{
	animation: anmFadeDown 1s ease 0.5s forwards;
}
@keyframes anmFadeDown{
	from{
		opacity: 0;
		transform: translateY(-30px);
	}
	to{
		opacity: 1;
		transform: translateY(0);
	}
}
/* 右からふわっと */
.anmFadeRight.jsAnmStart{
	animation: anmFadeRight 1s ease 0.5s forwards;
}
@keyframes anmFadeRight{
	from{
		opacity: 0;
		transform: translateX(30px);
	}
	to{
		opacity: 1;
		transform: translateX(0);
	}
}


#headerWrapper,.listAwards {
	animation: anmFadeDown .8s ease 1s forwards;
	animation-delay: 2.6s;
}
.sp .listAwards {
	animation: anmFadeIn .8s ease 1s forwards;
}
#kvWrapper .txtArea{
	animation: anmFadeIn .8s ease 1s forwards;
}
#kvWrapper .peopleArea{
	animation: anmFadeIn .8s ease 1s forwards;
	animation-delay: 1.8s;
}
#companynWrapper{
	animation: anmFadeIn .8s ease 1s forwards;
	animation-delay: 2.6s;
}
#fixBtnWrapper {
	animation: anmFadeRight .8s ease 1s forwards;
	animation-delay: 3.4s;
}