/* ===== watermark ===== 雲の透かし装飾 */
/* ---- 背景マーキー（feature / ctaband 共通）：ロゴが右から左へ無限に流れる ----
   トラックは同一ロゴ3個×2セット。キーフレーム 0→-50% で
   「後半セット＝前半セットの複製」により継ぎ目なくループする。
   gapではなく margin-right を使い 50% 移動と1セット分の幅を完全一致させる */
.watermark-marquee{
    position:absolute;
    top:6px;left:0;right:0;
    overflow:hidden;
    z-index:0;
    pointer-events:none;
    user-select:none;
  }
.watermark-track{
    display:flex;
    width:max-content;
    transform:translate3d(0,0,0);     /* 開始位置＝キーフレーム始点（初回のジャンプ防止） */
    animation:watermark-marquee 60s linear infinite;
    will-change:transform;
  }
.watermark-track img{
    width:1100px;
    height:auto;                      /* 元画像1700×280の比率を維持 */
    flex-shrink:0;
    margin-right:120px;               /* ロゴ同士の間隔 */
    opacity:.10;
  }
@keyframes watermark-marquee{
    from{transform:translate3d(0,0,0)}
    to{transform:translate3d(-50%,0,0)}
  }
@media (max-width:640px){
.watermark-track{animation-duration:52s}
.watermark-track img{width:520px;margin-right:90px}
}
@media (prefers-reduced-motion:reduce){
.watermark-track{animation:none}      /* 固定表示（ロゴは背景装飾として残る） */
}
.watermark{
    position:absolute;
    top:6px;
    left:50%;
    transform:translateX(-50%);
    width:min(1230px, 90%);
    height:auto;
    opacity:.10;
    z-index:0;
    pointer-events:none;
    user-select:none;
  }