.ani-slidein {
  opacity: 0; }
  .ani-slidein.left {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%); }
  .ani-slidein.left02 {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  .ani-slidein.right {
    -webkit-transform: translateX(20%);
            transform: translateX(20%); }
  .ani-slidein.top {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%); }
  .ani-slidein.bottom {
    -webkit-transform: translateY(20%);
            transform: translateY(20%); }

.ani-fadein {
  opacity: 0; }

.ani-textin {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0); }
  @media (max-width: 480px) {
    .ani-textin.fadein-sp {
      -webkit-clip-path: inset(0);
              clip-path: inset(0);
      opacity: 0; } }

.effect.ani-slidein {
  -webkit-transition: opacity ease-in-out 0.5s 0s, -webkit-transform ease-in-out 0.5s 0s;
  transition: opacity ease-in-out 0.5s 0s, -webkit-transform ease-in-out 0.5s 0s;
  transition: transform ease-in-out 0.5s 0s, opacity ease-in-out 0.5s 0s;
  transition: transform ease-in-out 0.5s 0s, opacity ease-in-out 0.5s 0s, -webkit-transform ease-in-out 0.5s 0s;
  opacity: 1;
  -webkit-transform: translate(0);
          transform: translate(0); }
  .effect.ani-slidein.quick {
    -webkit-transition: opacity 0.4s 0s, -webkit-transform 0.4s 0s;
    transition: opacity 0.4s 0s, -webkit-transform 0.4s 0s;
    transition: transform 0.4s 0s, opacity 0.4s 0s;
    transition: transform 0.4s 0s, opacity 0.4s 0s, -webkit-transform 0.4s 0s; }
  .effect.ani-slidein.trans-1 {
    -webkit-transition: opacity 1s 0s, -webkit-transform 1s 0s;
    transition: opacity 1s 0s, -webkit-transform 1s 0s;
    transition: transform 1s 0s, opacity 1s 0s;
    transition: transform 1s 0s, opacity 1s 0s, -webkit-transform 1s 0s; }
  .effect.ani-slidein.trans-2 {
    -webkit-transition: opacity 2s 0s, -webkit-transform 2s 0s;
    transition: opacity 2s 0s, -webkit-transform 2s 0s;
    transition: transform 2s 0s, opacity 2s 0s;
    transition: transform 2s 0s, opacity 2s 0s, -webkit-transform 2s 0s; }
.effect.ani-fadein {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 1; }
.effect.ani-textin {
  -webkit-transition: -webkit-clip-path 2.6s;
  transition: -webkit-clip-path 2.6s;
  transition: clip-path 2.6s;
  transition: clip-path 2.6s, -webkit-clip-path 2.6s;
  -webkit-clip-path: inset(0);
          clip-path: inset(0); }
  .effect.ani-textin.slow {
    -webkit-transition: -webkit-clip-path 2s;
    transition: -webkit-clip-path 2s;
    transition: clip-path 2s;
    transition: clip-path 2s, -webkit-clip-path 2s; }
  @media (max-width: 480px) {
    .effect.ani-textin.fadein-sp {
      -webkit-transition: opacity 0.5s;
      transition: opacity 0.5s;
      opacity: 1; } }
.effect.animated-text {
  -webkit-transition: stroke-dashoffset 3s ease-in 0s;
  transition: stroke-dashoffset 3s ease-in 0s;
  stroke-dashoffset: 0; }
.effect.delay-0 {
  -webkit-transition-delay: 0s !important;
          transition-delay: 0s !important; }
.effect.delay-2 {
  -webkit-transition-delay: 0.2s !important;
          transition-delay: 0.2s !important; }
.effect.delay-3 {
  -webkit-transition-delay: 0.3s !important;
          transition-delay: 0.3s !important; }
.effect.delay-4 {
  -webkit-transition-delay: 0.4s !important;
          transition-delay: 0.4s !important; }
.effect.delay-5 {
  -webkit-transition-delay: 0.5s !important;
          transition-delay: 0.5s !important; }
.effect.delay-6 {
  -webkit-transition-delay: 0.6s !important;
          transition-delay: 0.6s !important; }
.effect.delay-7 {
  -webkit-transition-delay: 0.7s !important;
          transition-delay: 0.7s !important; }
.effect.delay-8 {
  -webkit-transition-delay: 0.8s !important;
          transition-delay: 0.8s !important; }
.effect.delay-9 {
  -webkit-transition-delay: 0.9s !important;
          transition-delay: 0.9s !important; }
.effect.delay-10 {
  -webkit-transition-delay: 1.0s !important;
          transition-delay: 1.0s !important; }
.effect.delay-11 {
  -webkit-transition-delay: 1.1s !important;
          transition-delay: 1.1s !important; }
.effect.delay-12 {
  -webkit-transition-delay: 1.2s !important;
          transition-delay: 1.2s !important; }
.effect.delay-13 {
  -webkit-transition-delay: 1.3s !important;
          transition-delay: 1.3s !important; }
.effect.delay-14 {
  -webkit-transition-delay: 1.4s !important;
          transition-delay: 1.4s !important; }
.effect.delay-15 {
  -webkit-transition-delay: 1.5s !important;
          transition-delay: 1.5s !important; }
.effect.delay-16 {
  -webkit-transition-delay: 1.6s !important;
          transition-delay: 1.6s !important; }
.effect.delay-17 {
  -webkit-transition-delay: 1.7s !important;
          transition-delay: 1.7s !important; }
.effect.delay-18 {
  -webkit-transition-delay: 1.8s !important;
          transition-delay: 1.8s !important; }
.effect.delay-19 {
  -webkit-transition-delay: 1.9s !important;
          transition-delay: 1.9s !important; }
.effect.delay-20 {
  -webkit-transition-delay: 2.0s !important;
          transition-delay: 2.0s !important; }
.effect.delay-21 {
  -webkit-transition-delay: 2.1s !important;
          transition-delay: 2.1s !important; }
@media (max-width: 480px) {
  .effect.delay-0-sp {
    -webkit-transition-delay: 0s !important;
            transition-delay: 0s !important; } }
@media (max-width: 480px) {
  .effect.delay-5-sp {
    -webkit-transition-delay: 0.5s !important;
            transition-delay: 0.5s !important; } }
@media (max-width: 480px) {
  .effect.delay-7-sp {
    -webkit-transition-delay: 0.7s !important;
            transition-delay: 0.7s !important; } }
@media (max-width: 480px) {
  .effect.delay-12-sp {
    -webkit-transition-delay: 1.2s !important;
            transition-delay: 1.2s !important; } }