/* ---- プレスリリース作成LP (press_release.html) 固有。共通は article.css ---- */

  /* CTA 2ボタン(S1 / S8) */
  .pr-ctas { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-top:26px; }
  .pagehead .pr-ctas { margin-bottom:6px; }
  .glcta .pr-ctas { justify-content:center; }
  .pr-btn-sub {
    display:inline-block; background:#fff; color:var(--blue); font-weight:900;
    padding:13.5px 36px; border-radius:999px; text-decoration:none; font-size:16px;
    letter-spacing:.06em; border:1.5px solid var(--blue); transition:background .15s, color .15s;
  }
  .pr-btn-sub:hover { background:var(--blue); color:#fff; }
  .glcta .pr-btn-sub { background:transparent; color:#fff; border-color:#fff; }
  .glcta .pr-btn-sub:hover { background:#fff; color:var(--navy); }

  /* S1 ヒーロー図(本文冒頭) */
  .article figure.pr-hero { margin-top:0; }

  /* 箇条書き */
  .article ul.pr-list { padding-left:1.4em; margin-bottom:20px; }
  .article ul.pr-list li { margin-bottom:8px; }
  .article ul.pr-list li::marker { color:var(--blue); }

  /* S3 画面の流れ(番号付き) */
  .article ol.pr-steps { list-style:none; counter-reset:prstep; margin:0 0 20px; padding:0; }
  .article ol.pr-steps li {
    position:relative; counter-increment:prstep; padding:10px 0 10px 44px;
    border-bottom:1px solid #DDE6F5; line-height:1.8;
  }
  .article ol.pr-steps li::before {
    content:counter(prstep); position:absolute; left:0; top:12px;
    width:28px; height:28px; border-radius:50%; background:var(--blue); color:#fff;
    font-weight:900; font-size:14px; text-align:center; line-height:28px;
  }

  /* S5 手順の対比表 */
  .pr-tablewrap { overflow-x:auto; margin:8px 0 14px; }
  .pr-table { width:100%; border-collapse:collapse; font-size:15px; line-height:1.8; min-width:520px; }
  .pr-table th, .pr-table td { border:1px solid #DDE6F5; padding:12px 16px; text-align:left; vertical-align:top; }
  .pr-table thead th { background:var(--navy); color:#fff; font-weight:900; }
  .pr-table thead th:first-child { background:#fff; border-color:#DDE6F5; }
  .pr-table tbody th { background:var(--pale); color:var(--navy); font-weight:700; white-space:nowrap; width:7em; }
  .pr-table .pr-mine { background:#FFF8EA; }
  .pr-note { font-size:13.5px; color:#7A8CA8; }

  /* S6 活用シーン */
  .article ul.pr-scenes { list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:20px; }
  .pr-scenes li {
    background:var(--pale); border-radius:12px; padding:16px 20px;
    font-weight:700; color:var(--navy); line-height:1.7;
  }


  @media (max-width: 860px) {
    .pr-ctas a { width:100%; text-align:center; }
    .article ul.pr-scenes { grid-template-columns:1fr; }
  }