@charset "UTF-8";
/* CSS Document */
/* 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);
	}
}
/*スクロールダウン 高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove{
	0%{
		height:0;
		top:0;
		opacity: 0;
	}
	30%{
		height:80px;
		opacity: 1;
	}
	100%{
		height:0;
		top:150px;
		opacity: 0;
	}
}