@charset "UTF-8";
/* 基本のアニメーション設定（前回のもの） */
.reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.reveal.active {
  opacity: 1;
  transform: translateY(0);
}

/* ★時間差をつける設定（追加） */
/* 2つ目の要素は0.3秒遅れて出現 */
.reveal:nth-child(2) {
  transition-delay: 0.3s;
}

/* 3つ目の要素は0.6秒遅れて出現 */
.reveal:nth-child(3) {
  transition-delay: 0.6s;
}
/* 以降、必要に応じて追加 */

/*昼夜切り替え*/