/* 通常フェードイン */
.fade-in-element {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}

.fade-in-element.show {
  opacity: 1;
  transform: translateY(0);
}

/* 遅いフェードイン */
.fade-in-slow {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 2s ease-in-out, transform 2s ease-in-out;
}

.fade-in-slow.show {
  opacity: 1;
  transform: translateY(0);
}

/* 速いフェードイン */
.fade-in-fast {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}