@charset "UTF-8";

/* fv */
#fv .cont {
	position: relative;
}
/* trigger */
#fv .tg_fv {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transform: scale(0.2);
}
#fv .fade_fv {
	animation: Anime_fade_fv 1.5s forwards;
}
@keyframes Anime_fade_fv {
	0% {
		opacity: 0;
		transform: scale(0);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

/* graph */
.fade_graph {
	animation: AnimeGR 1.2s ease-in-out forwards;
}
@keyframes AnimeGR {
	0% {
		transform: scale(1, 1) translate(0, 0);
	}
	15% {
		transform: scale(0.98, 0.9) translate(0, 5px);
	}
	30% {
		transform: scale(1.02, 1) translate(0, 8px);
	}
	50% {
		transform: scale(0.98, 1.05) translate(0, -8px);
	}
	70% {
		transform: scale(1, 0.9) translate(0, 5px);
	}
	100% {
		transform: scale(1, 1) translate(0, 0);
	}
	0%,
	100% {
		opacity: 1;
	}
}

/* rumble */

.rumble_graph {
	animation: AnimeRumble 0.2s 10 forwards;
	/* opacity: 0; */
}
@keyframes AnimeRumble {
	0% {
		transform: translate(0px, 0px) rotateZ(0deg);
	}
	25% {
		transform: translate(2px, 2px) rotateZ(1deg);
	}
	50% {
		transform: translate(0px, 2px) rotateZ(0deg);
	}
	75% {
		transform: translate(2px, 0px) rotateZ(-1deg);
	}
	100% {
		transform: translate(0px, 0px) rotateZ(0deg);
	}
}

/* section08 fault 下からふわっと */
.tg_fault {
	opacity: 0;
	transform: translateY(100px);
}
.fade_fault {
	animation: fadeUpAnime 1.2s forwards;
}
@keyframes fadeUpAnime {
	from {
		opacity: 0;
		transform: translateY(100px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}