@charset "UTF-8";
/* =========================================================
   guide.css － 症状別ガイド下層ページ 共通スタイル
   テキストベース・軽装飾。/guide/ 配下の固定ページ用。
   名前空間: .saiin-guide
   ※ 見出し（h2 / h3 / h4）の装飾は style.css（.entry-content 配下）に任せる。
     guide.css では英字ラベル・チェックリスト・アプローチ・本文のみを定義。
   ※ 幅は標準の本文幅に従う（max-width 860pxで他ページと統一）。
     狭い場合はページを「1カラム（サイドバー無し）」レイアウトにする。
   ========================================================= */
.saiin-guide{
  --gd-navy:#0E1F3C;
  --gd-gold:#C19F38;
  --gd-text-sub:#34425c;
  --gd-beige:#FAF7EE;
  max-width:860px;
  margin:0 auto;
  font-family:"BIZ UDPGothic",sans-serif;
  color:var(--gd-navy);
  line-height:1.9;
}
.saiin-guide *{ box-sizing:border-box; }

/* ---------- セクション間隔 ---------- */
.saiin-guide__sec{ margin:44px 0; }
.saiin-guide__sec:first-child{ margin-top:24px; }
.saiin-guide__sec:last-child{ margin-bottom:24px; }

/* ---------- 英字ラベル（h2はstyle.cssの装飾を使用） ---------- */
.saiin-guide__head{ margin-bottom:0; }
.saiin-guide__label{
  display:block;
  font-family:"BIZ UDPMincho",serif;
  letter-spacing:.16em;
  font-size:12px;
  line-height:1;
  color:var(--gd-gold);
  margin-bottom:-4px;
}
/* ラベル直後のh2は、テーマの上マージンを詰めてラベルに密着させる */
.entry-content .saiin-guide .saiin-guide__head h2,
.entry-body .saiin-guide .saiin-guide__head h2,
.saiin-guide__head h2{ margin-top:0 !important; }

/* ---------- 本文 ---------- */
.saiin-guide__lead{ font-size:15.5px; line-height:2; margin:0 0 1.1em; }
.saiin-guide__lead:last-child{ margin-bottom:0; }
.saiin-guide__em{ font-weight:700; }

/* ---------- ① チェックリスト ---------- */
.saiin-guide__check{ list-style:none; margin:0; padding:0; }
.saiin-guide__check li{
  position:relative;
  padding:13px 0 13px 30px;
  border-bottom:1px dashed rgba(14,31,60,.15);
  font-size:15.5px;
  line-height:1.7;
}
.saiin-guide__check li:last-child{ border-bottom:none; }
.saiin-guide__check li::before{
  content:"□";
  position:absolute;
  left:2px; top:13px;
  color:var(--gd-gold);
  font-size:16px;
}

/* ---------- ③ アプローチ（番号付き） ---------- */
.saiin-guide__approach{ list-style:none; margin:0; padding:0; }
.saiin-guide__approach li{
  padding:16px 0;
  border-bottom:1px solid rgba(14,31,60,.1);
}
.saiin-guide__approach li:last-child{ border-bottom:none; }
.saiin-guide__approach-name{
  font-family:"BIZ UDPMincho",serif;
  font-weight:700;
  font-size:16.5px;
  color:var(--gd-navy);
  margin:0 0 6px;
  line-height:1.5;
}
@media(min-width:760px){ .saiin-guide__approach-name{ font-size:18px; } }
.saiin-guide__approach-no{ color:var(--gd-gold); margin-right:.5em; }
.saiin-guide__approach-desc{
  font-size:15px;
  line-height:1.9;
  margin:0;
  color:var(--gd-text-sub);
}

/* ---------- ショックマスター誘導ボタン（TOP「3つの特徴」の c-btn--primary と同スタイル） ---------- */
.saiin-guide__btnwrap{ text-align:center; }
.saiin-guide__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 28px;
  font-size:16px;
  font-weight:500;
  border-radius:2px;
  color:#fff;
  text-decoration:none;
  background:linear-gradient(135deg,#DEC04E 0%,#C19F38 100%);
  box-shadow:0 2px 8px rgba(140,100,32,0.25);
  text-shadow:0 1px 1px rgba(0,0,0,0.15);
  transition:opacity .2s, background .2s;
}
.saiin-guide__btn:hover{
  background:linear-gradient(135deg,#DEC04E 0%,#F4E5A6 50%,#DEC04E 100%);
  opacity:1;
}