@charset "utf-8";
/* CSS Document */
/* inview */

/*フェードイン*/
.fadeIn {
	opacity: 0;
	transition: 0.8s;
	}
.fadeIn.is-show {
	opacity: 1;
	}
/*下からフェードイン*/
.fadeIn_up {
	opacity: 0;
	transform: translate(0, 4%);
	transition: 1s;
	transition-timing-function: ease;
	}
.fadeIn_up.is-show {
	transform: translate(0, 0);
	opacity: 1;
	}
/*下からフェードイン2*/
.fadeIn_up2 {
	opacity: 0;
	transform: translate(0, 4%);
	transition: 1.8s;
	transition-timing-function: ease;
	}
.fadeIn_up2.is-show {
	transform: translate(0, 0);
	opacity: 1;
	}

/*カラーチェンジ*/
/*併用やめ*/
.color-change {
	filter: blur(4px) opacity(2%) brightness(120%) saturate(0%);
	}
.color-change.is-show {
	animation-name: color-change;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	}
	@keyframes color-change {
		0% {
			filter: blur(4px) opacity(2%) brightness(120%) saturate(0%);
			}
		60% {
			filter: blur(12px) opacity(50%) brightness(160%) saturate(0%);
			}
		100% {
			filter: none;
			}
	}