@charset "utf-8";
  /* 初期状態：見えない状態かつ少し下に配置 */
.fade-item {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

/* 表示された時の状態 */
.fade-item.is-show {
  opacity: 1;
  transform: translateY(0);
}

/* 遅延時間を適用 */
.fade-item[style*="--delay"] {
  transition-delay: var(--delay);
}