/* ==========================================================================
   TOPページ限定：固定背景（red_haikei.svg）の無限アニメーション
   - index.html からのみ読み込む（他ページには読み込ませないこと）
   - css/style.css の .lp-main::before は書き換えず、animation/will-change だけを追加する
   - JS不要（scroll連動などの複雑な仕組みは持たせない）
   - 動きは上下運動（10s・上下40pxで移動） */

.lp-main::before {
  animation: tm-bg-float 10s ease-in-out infinite;
  will-change: transform;
}

@keyframes tm-bg-float {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 40px);
  }
  100% {
    transform: translate(0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .lp-main::before {
    animation: none !important;
  }
}