/* 新構成LP（lp_v2.py）のPC表示（2026-10-14 中本指示）
   LPは焼き込みHTMLなので、PCの見た目はこのファイル1つで出し分ける（各LPは <link> で読むだけ）。
   スマホ（1024px未満）では何も効かない＝これまでどおりの1カラム。
   PCは左に本文・右に資料請求フォームを固定し、下部の固定ボタンは出さない（フォームが常に見えるため）。 */
@media (min-width:1024px){
  body{font-size:15px;padding-bottom:0}
  .lp-logo-bar{padding:12px 32px}
  .lp-logo-bar img{height:38px}

  .panel{
    max-width:1140px;margin:28px auto 48px;padding:28px 32px 36px;
    border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:visible;
    display:grid;grid-template-columns:minmax(0,1fr) 380px;column-gap:36px;align-items:start;
  }
  /* 本文側のまとまりをほどいて、フォームだけ右の列に出す */
  .panel > .gutter.pad{display:contents}
  .panel > *, .panel > .gutter.pad > *{grid-column:1}
  .gutter{padding-inline:0}

  .hero{border-radius:12px;overflow:hidden}
  h1{font-size:26px;margin:22px 0 14px}
  .chip{font-size:12.5px;padding:4px 12px}
  .attrs{gap:14px 24px;margin:14px 0 20px}
  .attr .ah{font-size:11.5px}
  .attr .av{font-size:13.5px}
  .tab{font-size:14px;padding:13px 18px 11px}
  h2{font-size:21px;margin:26px 0 12px}
  .lead{font-size:14.5px}
  .svc .tx{font-size:13.5px}
  .svc .tx small{font-size:11px}
  summary{font-size:16px;padding:18px 2px}
  .acc{font-size:14px}
  .pains li,.rawbody,.rv .body{font-size:14.5px}
  .cards3{grid-template-columns:repeat(4,1fr);gap:12px}
  .c3 .cap{font-size:12px}
  .areabox{grid-template-columns:110px 1fr}
  .arealist span{font-size:12.5px}

  /* 右列：資料請求フォーム（スクロールしても付いてくる） */
  #bn-form{
    grid-column:2;grid-row:1 / span 40;
    position:sticky;top:24px;max-height:calc(100vh - 48px);overflow-y:auto;
    border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow);
    padding:6px 22px 22px;scroll-margin-top:24px;
  }
  #bn-form h2{font-size:18px;margin:18px 0 14px}

  .bar{display:none}
}