/* =========================================================
   モバイル／タブレット（〜1023px）用レイアウト
   デスクトップは1440px基準のFigmaどおり（1024〜1439pxはJSで縮小表示）
   ========================================================= */
@media (max-width: 1023px) {
  .page { width: 100%; overflow-x: clip; }
  .page p, .page span { white-space: normal !important; }
  .page [class*="w-[min-content]"] { width: auto !important; min-width: 0 !important; }

  /* 見出しサイズ */
  .page [class*="text-[56px]"] { font-size: 27px !important; }
  .page [class*="text-[44px]"] { font-size: 24px !important; }
  .page [class*="text-[36px]"] { font-size: 24px !important; }

  /* セクション共通の余白 */
  [data-name="Issue / v3"] { padding: 24px 16px 64px !important; gap: 40px !important; }
  [data-name="How / v5"],
  [data-name="StrengthDetail / v5"],
  [data-name="Search / v5"],
  [data-name="PMAX / v5"],
  [data-name="Pricing / v5"],
  [data-name="Contact / v5"] { padding: 72px 16px !important; gap: 40px !important; }
  [data-name="Footer / v5"] { padding: 48px 16px 32px !important; }

  /* CTAボタン */
  .js-cta { padding: 16px 20px 16px 24px !important; gap: 20px !important; }

  /* ---------- ヘッダー ---------- */
  [data-name="Header / v5"] { padding: 12px 16px !important; }
  [data-n="594:304"] { min-width: 0 !important; }
  [data-n="594:305"] { zoom: .72; }
  [data-n="594:316"] { display: none !important; }
  [data-n="594:323"] { padding: 10px 14px !important; gap: 8px !important; }
  [data-n="594:323"] p { font-size: 14px !important; }

  /* ---------- ヒーロー ---------- */
  [data-name="Hero / v5 search-moment"] { padding: 104px 16px 56px !important; }
  [data-n="598:286"] { display: none !important; }
  [data-n="572:303"] { left: -380px !important; top: 380px !important; }
  [data-n="572:305"] { gap: 16px !important; max-width: 100%; }
  [data-n="572:306"] { align-items: flex-start !important; }
  [data-n="572:308"] { font-size: 13px !important; letter-spacing: .04em !important; }
  [data-n="572:309"] { text-align: center; }
  [data-n="572:374"] { flex-direction: column !important; gap: 20px !important; }
  [data-n="572:310"] { height: 48px !important; }
  [data-n="572:311"] { width: 100%; }
  [data-n="572:319"] { width: 100% !important; height: 60px !important; padding: 0 20px !important; gap: 12px !important; }
  [data-n="572:320"] { width: 22px !important; height: 22px !important; }
  [data-n="572:323"] { font-size: 20px; }
  [data-n="572:324"] { font-size: 20px !important; letter-spacing: .04em !important; white-space: nowrap !important; }
  [data-n="572:326"] { display: none !important; }
  /* タイピング演出：文字幅に合わせて%で動かす */
  [data-m="642:279"] { left: 0 !important; width: 7.4em !important; height: 30px !important; top: 50% !important; margin-top: -15px; }
  [data-m="642:280"] { height: 24px !important; top: 3px !important; }
  [data-m="572:328"] { width: 100% !important; height: auto !important; margin-top: 12px; }
  [data-m="572:329"] { position: relative !important; width: 100% !important; padding: 34px 20px 22px !important; }
  [data-n="573:302"] { width: 100%; }
  [data-n="573:302"] p { font-size: 0 !important; line-height: 1.5; flex-shrink: 1 !important; min-width: 0; }
  [data-n="573:302"] span { font-size: 18px !important; }
  [data-n="572:334"] { font-size: 14px !important; }
  [data-n="572:335"] { flex-wrap: wrap; gap: 8px !important; }
  [data-n="572:335"] p { font-size: 13px !important; }
  [data-n="572:344"] { left: 16px !important; font-size: 14px !important; }
  [data-m="572:347"] { width: 100% !important; padding: 20px 20px 0 !important; }
  [data-m="572:347"] p { font-size: 13px !important; }
  [data-n="572:356"] { height: 24px !important; }
  [data-m="572:382"], [data-m="572:389"] { position: relative !important; left: auto !important; top: auto !important; width: 100% !important; margin-bottom: 12px; }
  [data-m="572:388"], [data-m="572:395"] { display: none !important; }
  [data-m="594:335"] { width: 100%; justify-content: center; margin-top: 12px; }
  [data-m="594:335"] > div { padding: 4px 6px !important; flex: 1 1 0; }
  [data-m="594:335"] p:first-child { font-size: 12px !important; }
  [data-m="594:335"] p:last-child { font-size: 15px !important; white-space: nowrap !important; }

  /* ---------- お悩み ---------- */
  [data-n="568:300"] { padding: 48px 20px 40px !important; gap: 40px !important; }
  [data-n="616:284"] { flex-direction: column !important; align-items: stretch !important; gap: 32px !important; }
  [data-n="568:307"] { width: 100% !important; }
  [data-n="568:309"] { width: 100% !important; gap: 10px !important; }
  [data-n="568:309"] > div { width: 100% !important; min-height: 0 !important; padding: 16px !important; }
  [data-n="568:309"] p, [data-n="568:309"] > div > div p { font-size: 16px !important; }
  [data-n="616:285"] { flex-wrap: wrap; gap: 16px 24px !important; }
  [data-m^="616:"] { zoom: .7; }
  [data-n="568:334"] { flex-wrap: wrap; justify-content: center; font-size: 22px !important; }

  /* ---------- 4つのステップ ---------- */
  [data-n="603:291"] { white-space: normal !important; text-align: center; }
  [data-n="609:417"] { padding: 48px 0 !important; border-radius: 24px !important; }
  [data-n="609:418"] { height: auto !important; display: flex; flex-direction: column; align-items: center; gap: 48px; }
  [data-n="621:281"], [data-n="621:282"] { display: none !important; }
  [data-n="609:419"], [data-n="609:428"], [data-n="609:437"], [data-n="609:446"] { position: relative !important; left: auto !important; top: auto !important; gap: 16px !important; }
  [data-m="609:281"], [data-m="609:338"], [data-m="609:376"], [data-m="609:398"] { zoom: .78; }
  [data-n="603:313"] { padding-top: 8px !important; }
  [data-n="603:314"] { text-align: center; }
  [data-n="603:315"] { flex-direction: column !important; gap: 24px !important; }
  [data-n="603:316"] { order: 0; padding: 24px 20px !important; }
  [data-m="622:317"] { order: 1; position: relative !important; left: auto !important; top: auto !important; align-self: center; margin: -52px 0; z-index: 2; }
  [data-n="603:347"] { order: 2; padding: 24px 20px !important; }
  [data-n="661:278"], [data-n="622:294"] { padding: 16px !important; }
  [data-n="622:294"] { gap: 8px !important; }
  [data-n="622:319"] { border-radius: 16px !important; text-align: left; }
  [data-n="622:321"] { font-size: 14px !important; }

  /* ---------- 選ばれる5つの理由 ---------- */
  [data-n="628:278"] { flex-direction: column !important; align-items: flex-start !important; gap: 32px !important; }
  [data-n="628:287"] { zoom: .54; gap: 12px !important; }
  [data-n="604:295"], [data-n="604:319"], [data-n="604:345"], [data-n="604:369"], [data-n="604:389"] { flex-direction: column !important; align-items: stretch !important; gap: 32px !important; }
  [data-n="612:283"], [data-n="612:287"] { order: 2; }
  [data-n="612:281"], [data-n="612:283"], [data-n="612:285"], [data-n="612:287"], [data-n="612:289"] { width: 100% !important; height: auto !important; display: flex; flex-direction: column; }
  [data-n="630:289"], [data-n="630:301"], [data-n="630:313"], [data-n="630:325"], [data-n="630:337"] { display: none !important; }
  [data-n="612:282"], [data-n="612:284"], [data-n="612:286"], [data-n="612:288"], [data-n="612:290"] { position: relative !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 220px !important; }
  [data-n="614:284"], [data-n="614:300"], [data-n="614:316"], [data-n="614:332"], [data-n="614:352"] { position: relative !important; left: auto !important; top: auto !important; width: 88% !important; margin: -48px 0 0 auto; }
  [data-n="630:278"], [data-n="630:290"], [data-n="630:302"], [data-n="630:314"], [data-n="630:326"] { zoom: .6; left: -8px !important; }

  /* ---------- 検索広告 / P-MAX ---------- */
  [data-n="606:293"], [data-n="606:327"] { flex-direction: column !important; align-items: flex-start !important; gap: 20px !important; }
  [data-n="613:293"], [data-n="613:352"] { flex-direction: column !important; align-items: stretch !important; gap: 40px !important; }
  [data-n="613:294"], [data-n="613:353"] { zoom: .55; align-self: center; }

  /* ---------- 料金 ---------- */
  [data-n="607:303"], [data-n="607:304"] { text-align: center; }
  [data-n="653:278"] { width: 100% !important; flex-direction: column !important; gap: 12px !important; }
  [data-n="653:279"], [data-m="653:289"], [data-n="653:301"] { width: 100%; flex: none !important; }
  [data-n="653:315"] { width: 100% !important; padding: 20px 16px !important; }
  [data-n="653:316"] { flex-wrap: wrap; gap: 8px !important; }
  [data-n="653:321"] { flex-direction: column !important; gap: 8px !important; }
  [data-m="653:322"], [data-m="653:325"] { width: 100% !important; }
  [data-n="653:328"] { width: 100% !important; }
  [data-n="607:327"] { width: 100% !important; flex-direction: column !important; align-items: flex-start !important; padding: 28px 20px !important; gap: 20px !important; }
  [data-n="653:336"], [data-n="653:339"], [data-n="653:342"] { border-radius: 14px !important; flex-shrink: 1 !important; max-width: 100%; }

  /* ---------- お問い合わせ ---------- */
  [data-n="607:350"], [data-n="607:351"] { text-align: center; }
  [data-n="620:281"] { flex-direction: column !important; gap: 24px !important; }
  [data-n="607:352"] { order: -1; width: 100% !important; padding: 28px 20px !important; gap: 24px !important; }
  [data-n="620:282"] { width: 100% !important; }
  [data-n="659:278"] { flex: none !important; height: 220px; }
  [data-n="659:312"] { flex-wrap: wrap; gap: 8px; }
  [data-n="607:353"], [data-n="607:368"], [data-n="607:381"] { flex-direction: column !important; gap: 20px !important; }
  [data-n="607:354"], [data-n="607:361"], [data-n="607:369"], [data-n="607:376"], [data-n="607:382"], [data-n="607:389"] { width: 100%; flex: none !important; }
  [data-n="607:401"] { flex-wrap: wrap; overflow: visible !important; row-gap: 8px !important; }
  [data-n="607:403"] { flex: 1 1 0; min-width: 0; line-height: 1.6 !important; }
  [data-n="607:403"] span { line-height: 1.6 !important; }
  [data-n="607:407"] { padding: 18px 24px !important; }

  /* ---------- フッター ---------- */
  [data-n="607:412"] { flex-direction: column !important; gap: 28px !important; }
  [data-n="607:427"] { flex-wrap: wrap; gap: 12px 24px !important; }
  [data-n="607:432"] { flex-direction: column !important; gap: 12px !important; }
}

/* 狭い画面でのタイピング演出（%指定で文字幅に追従） */
@media (max-width: 1023px) and (prefers-reduced-motion: no-preference) {
  [data-m="642:279"] { animation-name: kf_typing_sp !important; }
  @keyframes kf_typing_sp {
    0% { animation-timing-function: step-end; translate: 100% 0; }
    0.417% { translate: 0 0; }
    2.5% { animation-timing-function: step-end; translate: 0 0; }
    3.667% { animation-timing-function: step-end; translate: 14.3% 0; }
    4.833% { animation-timing-function: step-end; translate: 28.6% 0; }
    6% { animation-timing-function: step-end; translate: 42.9% 0; }
    8.333% { animation-timing-function: step-end; translate: 71.4% 0; }
    9.5% { animation-timing-function: step-end; translate: 85.7% 0; }
    10.667% { translate: 100% 0; }
    100% { translate: 100% 0; }
  }
}
@media (max-width: 1023px) {
  /* 静止時はカバーを文字の右側へ退避 */
  [data-m="642:279"] { translate: 100% 0; }
}