/**
 * クラス名だけで使えるアニメーションプリセット（フロント専用）
 * 遅延 0.2s / 時間 0.6s
 */

.swell-child-fade-up-02,
.swell-child-fade-in-02,
.h2-ver1 {
	--swell-anim-duration: 0.6s;
	--swell-anim-delay: 0.2s;
	--swell-anim-ease: cubic-bezier(0.22, 1, 0.36, 1);
	opacity: 0;
	transition-property: opacity, transform;
	transition-duration: var(--swell-anim-duration);
	transition-delay: var(--swell-anim-delay);
	transition-timing-function: var(--swell-anim-ease);
	will-change: opacity, transform;
}

.swell-child-fade-up-02,
.h2-ver1 {
	transform: translateY(28px);
}

.swell-child-fade-in-02 {
	transform: none;
}

.swell-child-fade-up-02.is-swell-animated,
.swell-child-fade-in-02.is-swell-animated,
.h2-ver1.is-swell-animated {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	.swell-child-fade-up-02,
	.swell-child-fade-in-02,
	.h2-ver1 {
		opacity: 1;
		transform: none;
		transition: none;
	}
}