/* ===== スクロール連動背景 ===== */
.bg-scroll {
  position: fixed;
  inset: 0;
  z-index: -1;            /* コンテンツの背面 */
  pointer-events: none;
  overflow: hidden;
}

.bg-scroll__layer {
  position: absolute;
  inset: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.8s ease;  /* クロスフェード（速度はここで調整） */
  /* ★削除：will-change: opacity;（常時昇格は不要。transitionだけで十分滑らか） */
}

.bg-scroll__layer.is-active {
  opacity: 1;
}

/* 500px以下：スクロール連動背景は出さない */
@media (max-width: 500px) {
  .bg-scroll { display: none; }
}