/* ========================================
   PC（1024px〜）
   v1と同方式：本体を768px幅で中央配置
   両サイドは #EAF5FC ベタ（2026-08-12ユーザー指定・旧：方眼グリッド背景）
   ======================================== */

@media (min-width: 1024px) {

  body {
    background-color: #EAF5FC;
  }

  body > header,
  body > section,
  body > footer,
  body > main {
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  /* ヒーロー：tablet.cssの calc(50% - 240px) は%がbody幅基準になり1024px以上で破綻するため
     768px列の実寸で固定（(768-480)/2 = 144px） */
  .hero {
    padding-left: 144px;
    padding-right: 144px;
  }

  .cta-bar {
    left: 50%;
    right: auto;
    width: 768px;
    margin-left: -384px;
  }
}