.ani {
  opacity: 0;
  transition: all 2s ease;
}

.ani.show {
  opacity: 1;
  transform: none;
}

.aniLR {
  transform: translate(-100px, 0);
}

.aniRL {
  transform: translate(100px, 0);
}

.aniUP {
  transform: translate(0, 100px);
}

.aniDW {
  transform: translate(0, -100px);
}

.aniScUp {
  transform: scale(.5);
}

.aniScDw {
  transform: scale(1.5);
}

.aniRoL {
  transform: rotate(180deg);
}

.aniRoR {
  transform: rotate(-180deg);
}

/* 文字が滑らかに表示される */
.smooth {
	clip-path: inset(0 100% 0 0);
	transition: 1.4s cubic-bezier(0.37, 0, 0.63, 1);
	transition-property: clip-path;
}
.smooth.is-animated {
	clip-path: inset(0);
}