/* ============================================
   楽天広告運用LP — ページ固有の上書きCSS
   base: style.css (service-lp)
   ============================================ */

/* MV タイトル — 文字量が多いため縮小 */
body.wf-lp-rakuten .wf-mv-title {
  font-size: clamp(32px, 4.3vw, 56px);
   line-height: 1.4;
}

/* MV タイトル4行目のアニメーション遅延 */
body.wf-lp-rakuten .wf-mv-title .anim-line:nth-child(4) {
  animation-delay: 0.9s;
}

/* h4 → h3 変更に伴うCSS対応 */
body.wf-lp-rakuten .wf-team-cell h3 {
  margin: 0;
  font-size: clamp(16px, 1.5vw, 18px);
  font-weight: 700;
  color: var(--ink);
  line-height: 1.45;
}
body.wf-lp-rakuten .wf-timeline-body h3 {
  margin: 0;
  font-size: clamp(18px, 1.8vw, 22px);
  font-weight: 700;
  color: var(--ink);
  line-height: 1.4;
}

/* セクション見出し — max-width 制約による文字切れ防止 */
body.wf-lp-rakuten .wf-section-title h2.jp {
  max-width: none;
}

/* SP専用改行 — PCでは非表示 */
.wf-sp-br {
  display: none;
}

@media (max-width: 768px) {
  body.wf-lp-rakuten .wf-mv-title {
    font-size: clamp(26px, 7vw, 38px);
    letter-spacing: 0.05em;
  }
  .wf-sp-br {
    display: block;
  }
}

@media (max-width: 500px) {
  body.wf-lp-rakuten .wf-mv-title {
    font-size: clamp(22px, 6vw, 30px);
  }
}