.fadeIn_anime {
  transition: opacity .75s ease-out, transform .75s ease-out;

  .js & { opacity: 0; transform: translateY(18px); }
  &.fadeIn_anime_on { opacity: 1; transform: none; }

  @media (prefers-reduced-motion: reduce) {
    .js &, & { opacity: 1; transform: none; transition: none; }
  }
}

.fadeIn_ttl_anime {
  transition: opacity .7s ease-out, transform .7s ease-out;

  .js & { opacity: 0; transform: translateY(12px); }
  &.fadeIn_ttl_anime_on { opacity: 1; transform: none; }

  @media (prefers-reduced-motion: reduce) {
    .js &, & { opacity: 1; transform: none; transition: none; }
  }
}

.fadeIn_image_anime {
  transition: opacity .85s ease-out;

  .js & { opacity: 0; }
  &.fadeIn_image_anime_on { opacity: 1; }

  @media (prefers-reduced-motion: reduce) {
    .js &, & { opacity: 1; transition: none; }
  }
}