@charset "UTF-8";

/******************************************************************************
	画像アニメーション
******************************************************************************/

.fade-in-anm {
	opacity: 0;
}

.fade-in-anm.active {
	opacity: 0;
	animation-name: fadeUpAnime;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
}

.banner_list.fade-in-anm.active {
	opacity: 0;
	animation-name: fadeAnime;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
}

.fade-in-anm.delay.active {
	animation-delay: 0.5s;
}

.fade-in-anm.move.active {
	opacity: 0;
	animation-name: fadeUpOrderAnime;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
}

@keyframes fadeUpAnime {
	from {
		transform: translateY(100px);
		opacity: 0;
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes fadeUpOrderAnime {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeAnime {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/* .experience_content figcaption.really::after {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: rotateZ(23deg);
	color: #1687d1;
	font-family: "impact";
	font-weight: normal;
	text-align: left;
	content: "Really !?";
} */