@charset "UTF-8";
/*
 * /lp/_css/path.css
 * WellPath（/lp/path/）専用。brand.css の「あと」に読み込まれる。
 *
 * 他ブランドは「1商品の売り場」だが、ここは読み物なので組み方が違う。
 *   - 本文を一段大きく（16.5px / 行間1.95）
 *   - 記事は本文＋右サイドバーの2カラム、940px以下で1カラム
 *   - ヘッダー・フッター・カード類は brand.css を上書きせず、
 *     wp- 接頭辞の独自クラスで完結させる（他ブランドに影響を出さないため）
 *
 * 色は body 側の --accent（#1c3d5a）を使う。CTAだけ暖色にして本文から浮かせる。
 */

.wu-b-path{
  --wp-navy:#1c3d5a;
  --wp-cta:#b35600;          /* 白地に4.9:1（AA） */
  --wp-cta-h:#9c4b00;
  --wp-ink:#1a1d21;
  --wp-ink2:#4a5159;
  --wp-ink3:#6b737b;
  --wp-line:#dfe3e8;
  --wp-tint:#f3f6f9;
  --wp-tint2:#eaf0f5;
  --wp-w:1080px;
}

/* ------------------------------------------------------------------ 土台 */

.wu-b-path{ color:var(--wp-ink); font-size:16px; line-height:1.9; }
.wu-b-path a{ color:var(--wp-navy); }

/* 【注意】この a のルールは詳細度 0,1,1 ある。
   ボタンのように「a 自身に色を指定する」部品は、必ず .wu-b-path を前に付けて
   詳細度で勝たせること。付け忘れると濃い背景に濃紺の文字が乗って読めなくなる。 */

/* 既存の共通ラッパは使わず、メディア側で幅を持つ */
.wu-b-path .wu-wrap{ max-width:none; padding:0; }

.wp-wrap{ max-width:var(--wp-w); margin:0 auto; padding:0 20px; }

/* ------------------------------------------------------------------ ヘッダー */

.wp-head{ border-bottom:1px solid var(--wp-line); background:#fff; }
.wp-head__in{ max-width:var(--wp-w); margin:0 auto; padding:14px 20px;
  display:flex; align-items:center; gap:18px; }
.wp-head__brand{ display:flex; flex-direction:column; line-height:1.25; flex-shrink:0; }
.wp-head__brand:hover{ text-decoration:none; }
.wp-head__logo{ font-family:"Zen Kaku Gothic New",sans-serif; font-weight:900; font-size:23px;
  color:var(--wp-navy); letter-spacing:.01em; }
.wp-head__logo em{ font-style:normal; color:var(--wp-cta); }
.wp-head__tag{ font-size:11px; color:var(--wp-ink3); letter-spacing:.02em; margin-top:2px; }
.wp-head__tag--s{ display:none; }
.wp-head__nav{ display:flex; gap:20px; margin-left:auto; font-size:14px; font-weight:500; }
.wp-head__nav a{ color:var(--wp-ink2); }
.wu-b-path .wp-head__cta{ background:var(--wp-cta); color:#fff; border-radius:6px; padding:10px 18px;
  font-size:14px; font-weight:700; white-space:nowrap; }
.wu-b-path .wp-head__cta:hover{ text-decoration:none; background:var(--wp-cta-h); color:#fff; }

@media (max-width:860px){
  .wp-head__nav{ display:none; }
  .wp-head__in{ gap:10px; }
  /* 長いタグラインが幅を押し広げてCTAを画面外へ追い出すので、狭い幅では短い方に差し替える */
  .wp-head__brand{ min-width:0; }
  .wp-head__tag{ display:none; }
  .wp-head__tag--s{ display:block; }
  .wp-head__cta{ margin-left:auto; padding:9px 13px; font-size:13px; flex-shrink:0; }
}
@media (max-width:400px){
  .wp-head__logo{ font-size:20px; }
  .wp-head__cta{ padding:9px 11px; font-size:12px; }
}

/* ------------------------------------------------------------------ パンくず */

.wu-b-path .wu-crumbs{ border-bottom:1px solid var(--wp-line); background:#fff; }
.wu-b-path .wu-crumbs__inner{ max-width:var(--wp-w); margin:0 auto; padding:10px 20px;
  font-size:12px; color:var(--wp-ink3); display:flex; gap:7px; flex-wrap:wrap; }
.wu-b-path .wu-crumbs__inner a{ color:var(--wp-ink3); }

/* ------------------------------------------------------------------ セクション見出し */

.wp-sec{ padding:48px 0; }
.wp-sec--tight{ padding-top:0; }
.wp-sech{ display:flex; align-items:baseline; gap:14px; margin-bottom:22px;
  border-bottom:2px solid var(--wp-navy); padding-bottom:10px; }
.wp-sech h2{ font-size:21px; font-weight:900; color:var(--wp-navy); letter-spacing:.02em; margin:0; }
.wp-sech span{ font-size:12px; color:var(--wp-ink3); letter-spacing:.08em; }
.wp-sech a{ margin-left:auto; font-size:13px; font-weight:700; color:var(--wp-navy); white-space:nowrap; }
/* 狭い幅では英字ラベルを落とす。3つ並べると見出しが2行に折れて締まらない */
@media (max-width:600px){
  .wp-sech span{ display:none; }
  .wp-sech h2{ font-size:19px; }
  .wp-sech a{ font-size:12.5px; }
}

/* ------------------------------------------------------------------ ヒーロー */
/* トップの第一印象。濃紺の全幅にして、本文（白地）との差をはっきりつける。 */

.wp-hero{ background:var(--wp-navy); color:#fff;
  background-image:radial-gradient(1200px 500px at 88% -10%, rgba(255,255,255,.10), transparent 60%); }
.wp-hero__in{ max-width:var(--wp-w); margin:0 auto; padding:52px 20px 44px;
  display:grid; grid-template-columns:1.16fr .84fr; gap:44px; align-items:center; }
.wp-hero__label{ font-size:12px; color:#8fb3cc; font-weight:700; letter-spacing:.16em; margin:0 0 14px; }
.wp-hero h1{ font-size:38px; font-weight:900; color:#fff; letter-spacing:-.005em;
  line-height:1.38; margin:0; }
/* 濃紺の上に半透明の帯を敷くと灰色に濁るので、色と下線だけで強調する */
.wp-hero h1 em{ font-style:normal; color:#ffc978;
  border-bottom:4px solid rgba(255,201,120,.45); padding-bottom:2px; }
.wp-hero__lead{ margin:20px 0 0; color:#d5e2ec; font-size:15.5px; line-height:1.95; }
.wp-hero__lead strong{ color:#fff; font-weight:700; }
.wp-hero__sub{ margin:12px 0 0; color:#9fb9cd; font-size:13.5px; line-height:1.85; }
.wp-hero__btns{ display:flex; gap:12px; margin-top:26px; flex-wrap:wrap; }
.wu-b-path .wp-hero__cta{ background:var(--wp-cta); color:#fff; font-weight:700; font-size:15.5px;
  border-radius:8px; padding:15px 28px; white-space:nowrap; }
.wu-b-path .wp-hero__cta:hover{ background:#c96300; color:#fff; text-decoration:none; }
.wu-b-path .wp-hero__ghost{ border:1px solid rgba(255,255,255,.45); color:#fff; font-weight:700; font-size:15px;
  border-radius:8px; padding:14px 24px; white-space:nowrap; }
.wu-b-path .wp-hero__ghost:hover{ background:rgba(255,255,255,.1); color:#fff; text-decoration:none; }
.wp-hero__ghost::after{ content:" →"; }
.wp-hero__media img{ display:block; width:100%; height:auto; border-radius:14px;
  box-shadow:0 18px 44px rgba(0,0,0,.34); }

/* 数字ストリップ */
.wp-hero__stats{ max-width:var(--wp-w); margin:0 auto; padding:0 20px 44px;
  display:grid; grid-template-columns:repeat(4,1fr); gap:1px; }
.wp-stat{ border-left:1px solid rgba(255,255,255,.16); padding:6px 0 6px 18px; }
.wp-stat:first-child{ border-left:0; padding-left:0; }
.wp-stat b{ display:block; font-family:"Zen Kaku Gothic New",sans-serif; font-weight:900;
  font-size:31px; color:#fff; line-height:1.2; letter-spacing:.01em; }
.wp-stat b i{ font-style:normal; font-size:14px; font-weight:700; margin-left:3px; color:#ffc978; }
.wp-stat span{ display:block; font-size:12.5px; color:#9fb9cd; margin-top:5px; line-height:1.6; }

@media (max-width:940px){
  .wp-hero__in{ grid-template-columns:1fr; gap:30px; padding:36px 20px 30px; }
  .wp-hero h1{ font-size:30px; }
  .wp-hero__media{ order:-1; }
  .wp-hero__stats{ grid-template-columns:repeat(2,1fr); gap:18px 0; padding-bottom:34px; }
  .wp-stat:nth-child(3){ border-left:0; padding-left:0; }
}
@media (max-width:520px){
  .wp-hero h1{ font-size:25px; line-height:1.4; }
  .wp-hero__cta, .wp-hero__ghost{ width:100%; text-align:center; }
  .wp-stat b{ font-size:25px; }
}

/* ------------------------------------------------------------ 測定項目タイル */
/* 機器の写真を入れて、文字だけの面にならないようにする。写真は 480x480 の WebP。 */

.wp-sec__lead{ font-size:14.5px; color:var(--wp-ink2); line-height:1.9; margin:-8px 0 20px; }
.wp-items{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.wp-item{ border:1px solid var(--wp-line); border-radius:12px; overflow:hidden;
  background:#fff; display:block; transition:border-color .15s, box-shadow .15s, transform .15s; }
.wp-item:hover{ border-color:var(--wp-navy); box-shadow:0 6px 18px rgba(28,61,90,.12);
  transform:translateY(-2px); text-decoration:none; }
.wp-item__ph{ display:block; background:#fff; border-bottom:1px solid var(--wp-line); }
.wp-item__ph img{ display:block; width:100%; height:auto; aspect-ratio:1/1; object-fit:contain; }
.wp-item__body{ display:block; padding:13px 15px 15px; }
.wp-item__n{ display:flex; align-items:baseline; gap:8px;
  font-family:"Zen Kaku Gothic New",sans-serif; font-size:15.5px; font-weight:700; color:var(--wp-ink); }
.wp-item__n em{ font-style:normal; font-size:11.5px; font-weight:700; color:var(--wp-cta);
  background:#fdf1e4; border-radius:4px; padding:2px 7px; white-space:nowrap; }
.wp-item__d{ display:block; font-size:12.5px; color:var(--wp-ink3); margin-top:5px; line-height:1.65; }
.wp-item__b{ display:inline-block; margin-top:10px; font-size:11.5px; font-weight:700;
  color:var(--wp-navy); background:var(--wp-tint2); border-radius:4px; padding:4px 9px; }
@media (max-width:860px){ .wp-items{ grid-template-columns:repeat(2,1fr); gap:12px; } }
@media (max-width:380px){ .wp-item__n{ font-size:14.5px; } }

/* ------------------------------------------------------------------ まず読むなら */

.wp-pickup{ background:var(--wp-tint); border-top:1px solid var(--wp-line);
  border-bottom:1px solid var(--wp-line); padding:44px 0; }

/* ------------------------------------------------------------------ 記事カード */

.wp-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px 24px; }
.wp-cards--2{ grid-template-columns:repeat(2,1fr); }
.wp-card{ display:block; color:inherit; }
/* 中身は <span> で出している（<a> の中に <p> を置けないため）。
   block にしないと margin が効かず、見出しと本文が1行につながって表示される。 */
.wp-card__t, .wp-card__d, .wp-card__m{ display:block; }
.wp-card:hover{ text-decoration:none; }
.wp-card__cat{ font-size:11px; font-weight:700; color:var(--wp-navy); background:var(--wp-tint2);
  border-radius:3px; padding:3px 8px; display:inline-block; }
.wp-card__t{ font-size:16px; font-weight:700; line-height:1.55; margin:9px 0 6px; color:var(--wp-ink);
  font-family:"Zen Kaku Gothic New",sans-serif; }
.wp-card:hover .wp-card__t{ color:var(--wp-navy); }
.wp-card__d{ font-size:13px; color:var(--wp-ink2); line-height:1.8; margin:0; }
.wp-card__m{ font-size:11.5px; color:var(--wp-ink3); margin:8px 0 0; }
@media (max-width:860px){ .wp-cards, .wp-cards--2{ grid-template-columns:1fr; gap:22px; } }

/* ------------------------------------------------------------------ 運営者 */

.wp-who{ background:var(--wp-navy); color:#fff; padding:36px 0; margin-top:8px; }
.wp-who__in{ max-width:var(--wp-w); margin:0 auto; padding:0 20px;
  display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.wp-who h2{ font-size:18px; font-weight:900; margin:0 0 10px; color:#fff; }
.wp-who p{ margin:0; font-size:14px; line-height:1.95; color:#dce6ee; }
.wp-who dl{ margin:0; display:grid; grid-template-columns:auto 1fr; gap:6px 16px; font-size:13.5px; }
.wp-who dt{ color:#9fb9cd; white-space:nowrap; }
.wp-who dd{ margin:0; color:#fff; }
.wu-b-path .wp-who a{ color:#fff; text-decoration:underline; }
@media (max-width:860px){ .wp-who__in{ grid-template-columns:1fr; } }

/* ------------------------------------------------------------------ 記事ページ */

.wp-layout{ max-width:var(--wp-w); margin:0 auto; padding:0 20px;
  display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:48px; align-items:start; }
@media (max-width:940px){ .wp-layout{ grid-template-columns:1fr; gap:32px; } }

.wp-art{ padding:30px 0 0; min-width:0; }
.wp-art__meta{ display:flex; gap:12px; align-items:center; font-size:12px;
  color:var(--wp-ink3); margin-bottom:12px; flex-wrap:wrap; }
.wp-art__cat{ font-weight:700; color:var(--wp-navy); background:var(--wp-tint2);
  border-radius:3px; padding:3px 9px; }
.wp-art h1{ font-size:30px; font-weight:900; line-height:1.45; letter-spacing:.01em; margin:0; }
@media (max-width:860px){ .wp-art h1{ font-size:23px; } }

/* 結論ボックス。他ブランドの .wu-lead と同じ役割だが、メディア側は左バーで見せる */
.wu-b-path .wu-lead{ background:var(--wp-tint); border:0; border-left:4px solid var(--wp-navy);
  border-radius:0 8px 8px 0; padding:18px 22px; margin:24px 0 0; }
.wu-b-path .wu-lead__label{ margin:0 0 7px; font-size:12px; font-weight:700;
  color:var(--wp-navy); letter-spacing:.06em; }
.wu-b-path .wu-lead p{ margin:0; font-size:15px; line-height:1.9; }
.wu-b-path .wu-lead strong{ background:linear-gradient(transparent 62%, #ffe08a 62%); font-weight:700; }

/* 目次（layout.php が本文の最初のh2の前に差し込む） */
.wp-toc{ border:1px solid var(--wp-line); border-radius:8px; padding:16px 20px;
  margin:28px 0 0; background:#fff; }
.wp-toc__t{ margin:0 0 8px; font-size:13px; font-weight:700; color:var(--wp-ink); }
.wp-toc ol{ margin:0; padding-left:1.4em; font-size:14px; line-height:1.95; }
.wp-toc a{ color:var(--wp-ink2); }

/* 本文の組版 */
.wp-art h2{ font-size:21px; font-weight:900; margin:44px 0 16px; padding-left:14px;
  border-left:5px solid var(--wp-navy); line-height:1.5; }
.wp-art h3{ font-size:17px; font-weight:700; margin:30px 0 10px; color:var(--wp-navy); }
.wp-art p{ margin:0 0 1.4em; font-size:16.5px; line-height:1.95; }
.wp-art ul, .wp-art ol{ margin:0 0 1.4em; padding-left:1.5em; font-size:16.5px; line-height:1.95; }
.wp-art li{ margin-bottom:.4em; }
.wp-art li::marker{ color:var(--wp-navy); }

.wu-b-path .wu-tablewrap{ overflow-x:auto; margin:0 0 1.5em;
  border:1px solid var(--wp-line); border-radius:8px; }
.wp-art table{ border-collapse:collapse; width:100%; font-size:14.5px; line-height:1.7; min-width:520px; }
.wp-art th, .wp-art td{ border-bottom:1px solid var(--wp-line); border-right:1px solid var(--wp-line);
  padding:11px 13px; text-align:left; vertical-align:top; }
.wp-art th:last-child, .wp-art td:last-child{ border-right:0; }
.wp-art thead th{ background:var(--wp-navy); color:#fff; font-weight:700;
  border-right-color:rgba(255,255,255,.22); border-bottom:0; }
.wp-art tbody th{ background:var(--wp-tint); font-weight:700; white-space:nowrap; }
.wp-art tbody tr:last-child th, .wp-art tbody tr:last-child td{ border-bottom:0; }

.wu-b-path .wu-note{ font-size:13px; color:var(--wp-ink2); background:var(--wp-tint);
  border-radius:6px; padding:12px 16px; line-height:1.85; margin:0 0 1.5em; }

/* Q&A */
.wp-faq h3{ font-size:16px; font-weight:700; margin:22px 0 8px; color:var(--wp-ink); }
.wp-faq p{ font-size:15.5px; }

/* ------------------------------------------- 「この記事に出てきた測定機器」 */

.wp-dev{ border:2px solid var(--wp-navy); border-radius:10px; padding:20px 22px; margin:36px 0; }
.wp-dev__label{ margin:0 0 4px; font-size:12px; font-weight:700;
  color:var(--wp-navy); letter-spacing:.06em; }
.wp-dev__sub{ margin:0 0 14px; font-size:13px; color:var(--wp-ink2); }
.wp-dev__grid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.wp-dev__c{ border:1px solid var(--wp-line); border-radius:8px; padding:11px 13px;
  display:flex; gap:12px; align-items:center; color:inherit; background:#fff; }
.wp-dev__ph{ flex:0 0 62px; }
.wp-dev__ph img{ display:block; width:62px; height:62px; object-fit:contain;
  background:#fff; border-radius:5px; }
.wp-dev__t{ min-width:0; }
.wu-b-path .wp-dev__c:hover{ border-color:var(--wp-navy); background:var(--wp-tint); text-decoration:none; }
.wp-dev__n{ display:block; font-family:"Zen Kaku Gothic New",sans-serif;
  font-size:15px; font-weight:700; color:var(--wp-navy); }
.wp-dev__d{ display:block; font-size:12.5px; color:var(--wp-ink2); margin-top:3px; line-height:1.65; }
@media (max-width:600px){ .wp-dev__grid{ grid-template-columns:1fr; } }

/* ------------------------------------------------------------------ 記事末CTA */

.wu-b-path .wu-cta, .wp-cta{ background:var(--wp-navy); color:#fff; border-radius:12px;
  padding:30px 32px; margin:44px 0 0; text-align:center; border:0; }
.wp-cta__h{ font-size:20px; font-weight:900; margin:0 0 10px; color:#fff;
  font-family:"Zen Kaku Gothic New",sans-serif; line-height:1.5; }
.wp-cta__lead{ margin:0 0 18px; font-size:14.5px; line-height:1.9; color:#dce6ee; }
.wu-b-path .wp-cta__button{ display:inline-block; background:var(--wp-cta); color:#fff; font-weight:700;
  font-size:16px; border-radius:8px; padding:15px 40px; }
.wu-b-path .wp-cta__button:hover{ text-decoration:none; background:#c96300; color:#fff; }
.wp-cta__note{ display:block; margin-top:11px; font-size:12px; color:#9fb9cd; }
@media (max-width:600px){ .wp-cta{ padding:24px 18px; } .wp-cta__button{ padding:15px 24px; width:100%; } }

/* ------------------------------------------------------------------ 関連記事 */

.wp-rel{ margin:44px 0 0; }
.wp-rel__t{ font-size:13px; font-weight:700; color:var(--wp-navy); margin:0 0 12px;
  border-bottom:2px solid var(--wp-navy); padding-bottom:8px; }
.wp-rel a{ display:block; padding:11px 0; border-bottom:1px solid var(--wp-line);
  font-size:15px; font-weight:500; color:var(--wp-ink); line-height:1.6; }
.wp-rel a:hover{ color:var(--wp-navy); }
.wp-rel a span{ display:block; font-size:11.5px; color:var(--wp-ink3); font-weight:400; margin-top:2px; }

/* ------------------------------------------------------------------ サイドバー */

.wp-side{ padding:30px 0 0; position:sticky; top:16px; }
@media (max-width:940px){ .wp-side{ position:static; padding-top:0; } }
.wp-box{ border:1px solid var(--wp-line); border-radius:9px; padding:16px 18px; margin-bottom:18px; }
.wp-box__t{ margin:0 0 10px; font-size:13px; font-weight:700; color:var(--wp-navy); }
.wp-box ul{ margin:0; padding:0; list-style:none; font-size:13.5px; line-height:1.7; }
.wp-box li{ border-top:1px solid var(--wp-line); padding:8px 0; }
.wp-box li:first-child{ border-top:0; padding-top:0; }
.wp-box--cta{ background:var(--wp-tint); border:0; text-align:center; }
.wp-box--cta .wp-box__lead{ margin:0; font-size:13px; color:var(--wp-ink2); line-height:1.8; text-align:left; }
.wu-b-path .wp-box--cta .wp-box__button{ display:block; background:var(--wp-cta); color:#fff; font-weight:700;
  border-radius:7px; padding:13px; font-size:14.5px; margin-top:12px; }
.wu-b-path .wp-box--cta .wp-box__button:hover{ text-decoration:none; background:var(--wp-cta-h); color:#fff; }
.wp-box__note{ display:block; margin-top:8px; font-size:11.5px; color:var(--wp-ink3); }
.wp-box--tel{ background:var(--wp-tint); border:0; text-align:center; }
.wp-box__tel{ font-family:"Zen Kaku Gothic New",sans-serif; font-size:21px; font-weight:700;
  color:var(--wp-navy); margin:2px 0; }
.wp-box__tel a{ color:inherit; }
.wp-box__hours{ margin:0; font-size:12px; color:var(--wp-ink3); }

/* ------------------------------------------------------------------ 一覧ページ */

.wp-index__lead{ font-size:15px; color:var(--wp-ink2); line-height:1.95; margin:0 0 6px; }
.wp-group{ margin-top:40px; }

/* ------------------------------------------------------------------ フッター */

/* brand.css のフッターは「濃い背景＋白文字」。
   背景だけ白に上書きすると文字が見えなくなるので、配色はそのまま使い、幅だけそろえる。
   直前の運営者ブロック（濃紺）と地続きに見えないよう、上に細い区切りを入れる。 */
.wu-b-path .wu-foot{ border-top:3px solid rgba(255,255,255,.14); }
/* 上の a ルールに負けて濃紺になってしまうので、フッター内は明示的に戻す */
.wu-b-path .wu-foot a{ color:#c9c6c2; }
.wu-b-path .wu-foot__name{ color:#fff; }
.wu-b-path .wu-foot__tel a{ color:#fff; }
.wu-b-path .wu-foot__inner{ max-width:var(--wp-w); }
.wu-b-path .wu-foot__notice{ max-width:var(--wp-w); margin:0 auto; }

/* メディアは追従CTAバーを出さない。記事を読んでいる最中に被せると離脱が増える */
.wu-b-path .wu-ctabar{ display:none !important; }

/* ------------------------------------------------------- 一覧・カテゴリの見出し */

.wp-page{ padding-top:34px; }
.wp-pagetitle{ font-size:27px; font-weight:900; line-height:1.45; margin:0 0 20px;
  color:var(--wp-ink); letter-spacing:.01em; }
@media (max-width:860px){ .wp-pagetitle{ font-size:21px; } }

/* ================================================================ 記事の視覚化
 * 「文字が多い」を解くための部品。本文の途中に置いて、面を分ける。
 * ------------------------------------------------------------------------- */

/* --- 要点カード（frontmatter の points から自動で出る）--- */
/* 結論ボックスの直後。読む前に「何が書いてあるか」を3つで見せる。 */
.wp-points{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:22px 0 0; }
.wp-points__c{ position:relative; border:1px solid var(--wp-line); border-top:3px solid var(--wp-navy);
  border-radius:0 0 9px 9px; padding:18px 16px 16px; background:#fff; }
.wp-points__n{ position:absolute; top:-3px; right:12px;
  font-family:"Zen Kaku Gothic New",sans-serif; font-weight:900; font-size:34px;
  color:var(--wp-tint2); line-height:1; }
.wp-points__c b{ position:relative; display:block; font-family:"Zen Kaku Gothic New",sans-serif;
  font-size:16px; font-weight:700; color:var(--wp-navy); line-height:1.5; }
.wp-points__c span{ position:relative; display:block; font-size:13px; color:var(--wp-ink2);
  line-height:1.8; margin-top:7px; }
@media (max-width:760px){ .wp-points{ grid-template-columns:1fr; gap:10px; } }

/* --- 大きな数字（章の区切りに置く）--- */
.wp-big{ display:flex; align-items:center; gap:22px; margin:34px 0;
  background:var(--wp-navy); color:#fff; border-radius:12px; padding:24px 28px; }
.wp-big__n{ font-family:"Zen Kaku Gothic New",sans-serif; font-weight:900; font-size:52px;
  line-height:1; letter-spacing:-.01em; white-space:nowrap; }
.wp-big__n i{ font-style:normal; font-size:22px; margin-left:4px; color:#ffc978; }
.wp-big__t{ font-size:15px; line-height:1.85; color:#dce6ee; }
.wp-big__t b{ color:#fff; font-weight:700; }
.wp-big__t small{ display:block; font-size:12px; color:#9fb9cd; margin-top:6px; }
@media (max-width:600px){
  .wp-big{ flex-direction:column; align-items:flex-start; gap:12px; padding:20px; }
  .wp-big__n{ font-size:42px; }
}

/* --- 図版（インラインSVG）--- */
.wp-fig{ margin:30px 0; border:1px solid var(--wp-line); border-radius:10px;
  padding:22px 20px 16px; background:#fff; }
.wp-fig svg{ display:block; width:100%; height:auto; }
.wp-fig figcaption{ font-size:12.5px; color:var(--wp-ink3); line-height:1.75;
  margin-top:14px; padding-top:12px; border-top:1px solid var(--wp-line); }

/* --- 2列カード（箇条書きの代わり）--- */
.wp-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin:0 0 1.5em; }
.wp-grid--3{ grid-template-columns:repeat(3,1fr); }
.wp-grid__c{ border:1px solid var(--wp-line); border-radius:9px; padding:16px 18px; background:#fff; }
.wp-grid__c b{ display:block; font-family:"Zen Kaku Gothic New",sans-serif;
  font-size:15px; font-weight:700; color:var(--wp-navy); line-height:1.5; }
.wp-grid__c p{ font-size:13.5px !important; color:var(--wp-ink2); line-height:1.8 !important;
  margin:6px 0 0 !important; }
.wp-grid__c em{ font-style:normal; display:inline-block; font-size:11.5px; font-weight:700;
  color:var(--wp-cta); background:#fdf1e4; border-radius:4px; padding:2px 7px; margin-bottom:7px; }
@media (max-width:700px){ .wp-grid, .wp-grid--3{ grid-template-columns:1fr; } }

/* --- 対比ブロック（できる／できない など）--- */
.wp-vs{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:0 0 1.5em; }
.wp-vs__c{ border-radius:9px; padding:16px 18px; }
.wp-vs__c--o{ background:#eef5ef; border:1px solid #cfe2d3; }
.wp-vs__c--x{ background:#f9eeee; border:1px solid #e6d0d0; }
.wp-vs__c b{ display:block; font-size:13px; font-weight:700; margin-bottom:9px; }
.wp-vs__c--o b{ color:#2b6b3d; }
.wp-vs__c--x b{ color:#9c3434; }
.wp-vs__c ul{ margin:0 !important; padding-left:1.2em !important; font-size:14px !important;
  line-height:1.85 !important; }
.wp-vs__c li{ margin-bottom:.3em; }
@media (max-width:700px){ .wp-vs{ grid-template-columns:1fr; } }

/* --- 記事内の写真 --- */
.wp-photo{ margin:28px 0; }
.wp-photo img{ display:block; width:100%; height:auto; border-radius:10px; border:1px solid var(--wp-line); }
.wp-photo figcaption{ font-size:12.5px; color:var(--wp-ink3); line-height:1.75; margin-top:10px; }

/* 本文の余白を少し広げて、圧を下げる */
.wp-art h2{ margin-top:52px; }
.wp-art > p:first-of-type{ margin-top:0; }