.fadeIn {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1s ease, transform 1s ease;
}

.fadeIn.show {
  opacity: 1;
  transform: translateY(0);
}

.fadeLeft {
  opacity: 0;
  transform: translateX(-40px) rotate(-8deg);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.fadeLeft.show {
  opacity: 0.5;
  transform: translateX(0) rotate(-8deg); /* 位置だけ戻す、回転は維持 */
}

.fadeImage {
  opacity: 0;
  filter: blur(5px);
  transition: opacity 0.8s ease, filter 0.8s ease;
}

.fadeImage.show {
  opacity: 1;
  filter: blur(0);
}