/* 初期状態（左から隠す） */

.catch,
.catch02,
.mainCopy p,
.mainCopy h2,
.mv01,
.mv02,
.mv03{
	display:inline-block;
	clip-path: inset(0 100% 0 0);
}

.reveal{
	animation: revealMask 0.9s cubic-bezier(.77,0,.18,1) forwards;
}

@keyframes revealMask{
	from{
		clip-path: inset(0 100% 0 0);
	}
	to{
		clip-path: inset(0 0 0 0);
	}
}

/* 画像だけ少しフェード */

.mv01 img,
.mv02 img,
.mv03 img{
	opacity:0;
	transition:opacity .5s;
}

.reveal img { opacity:1; }