/* ==========================================================================
   整骨院元 光の森院／「初めての方へ」ページ専用CSS
   ラッパー：.hnm-page--beginner　プレフィックス：hj2-
   ========================================================================== */

.hnm-page--beginner { width:100%; }
.hnm-page--beginner * { box-sizing:border-box; }

.hnm-page--beginner .hj2-section {
  padding:40px 20px;
  max-width:100%;
}
.hnm-page--beginner .hj2-section--nopad { padding:0; }
.hnm-page--beginner .hj2-section--blue { background:#eef6fb; }
.hnm-page--beginner .hj2-section--gold { background:#faf6ec; }

.hnm-page--beginner .hj2-full-img {
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  display:block!important;
  margin:0!important;
}

/* 見出し共通（テーマ既定スタイル対策） */
.hnm-page--beginner .hj2-section-title {
  font-size:24px!important;
  font-weight:900!important;
  text-align:center!important;
  line-height:1.5!important;
  color:#1b3a5c!important;
  border:none!important;
  margin:0 0 12px!important;
  padding:0!important;
}
.hnm-page--beginner .hj2-section-title::before,
.hnm-page--beginner .hj2-section-title::after {
  display:none!important;
  content:none!important;
  border:none!important;
}
.hnm-page--beginner .hj2-text-blue { color:#0090c8!important; }
.hnm-page--beginner .hj2-text-navy { color:#1b3a5c!important; }
.hnm-page--beginner .hj2-text-gold { color:#b5892f!important; }

.hnm-page--beginner .hj2-section-title-line {
  width:60px;
  height:3px;
  background:#0090c8;
  margin:0 auto 30px!important;
}
.hnm-page--beginner .hj2-section-title-line--gold { background:#b5892f; }

/* SECTION1 施術の流れ */
.hnm-page--beginner .hj2-flow-wrap { max-width:700px; margin:0 auto; }
.hnm-page--beginner .hj2-flow-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.hnm-page--beginner .hj2-flow-item { background:#fff; border-radius:10px; overflow:hidden; }
.hnm-page--beginner .hj2-flow-item-photo { position:relative; }
.hnm-page--beginner .hj2-flow-item-photo img { width:100%!important; height:auto!important; display:block!important; }
.hnm-page--beginner .hj2-flow-item-num {
  position:absolute; top:8px; left:8px;
  width:28px; height:28px; border-radius:50%;
  background:#0090c8; color:#fff!important;
  display:flex; align-items:center; justify-content:center;
  font-weight:bold; font-size:15px;
}
.hnm-page--beginner .hj2-flow-item-title {
  text-align:center!important; font-weight:bold!important;
  font-size:17px!important; margin:12px 0 8px!important; color:#1b3a5c!important;
  border:none!important;
}
.hnm-page--beginner .hj2-flow-item-desc {
  font-size:13px!important; line-height:1.7!important;
  color:#333!important; text-align:left!important;
  padding:0 12px 14px!important; margin:0!important;
}
@media screen and (min-width:769px) {
  .hnm-page--beginner .hj2-flow-grid { grid-template-columns:repeat(3, 1fr); }
}

/* SECTION2 当院の考え方 */
.hnm-page--beginner .hj2-idea-wrap { max-width:700px; margin:0 auto; }
.hnm-page--beginner .hj2-idea-item { margin-bottom:36px; }
.hnm-page--beginner .hj2-idea-item:last-child { margin-bottom:0; }
.hnm-page--beginner .hj2-idea-lead {
  font-size:18px!important; font-weight:bold!important;
  color:#1b3a5c!important; text-align:left!important;
  margin:0 0 14px!important; border-left:4px solid #0090c8!important;
  padding:2px 0 2px 12px!important;
}
.hnm-page--beginner .hj2-idea-photo img {
  width:100%!important; max-width:100%!important; height:auto!important;
  display:block!important; border-radius:10px; margin:0 0 14px!important;
}
.hnm-page--beginner .hj2-idea-body {
  font-size:15px!important; line-height:1.9!important;
  color:#333!important; text-align:left!important; margin:0!important;
}

/* SECTION3 施術メニュー */
.hnm-page--beginner .hj2-menu-wrap { max-width:700px; margin:0 auto; }
.hnm-page--beginner .hj2-menu-grid {
  display:grid; grid-template-columns:repeat(2, 1fr); gap:16px; margin-bottom:24px;
}
.hnm-page--beginner .hj2-menu-item-photo img {
  width:100%!important; height:auto!important; display:block!important; border-radius:8px;
}
.hnm-page--beginner .hj2-menu-item-label {
  text-align:center!important; font-weight:bold!important;
  font-size:15px!important; color:#b5892f!important;
  margin:8px 0 0!important; border:none!important;
}
.hnm-page--beginner .hj2-menu-closing {
  font-size:14px!important; line-height:1.8!important;
  color:#333!important; text-align:left!important; margin:0!important;
}
@media screen and (min-width:769px) {
  .hnm-page--beginner .hj2-menu-grid { grid-template-columns:repeat(3, 1fr); }
}

/* SECTION4 実績数値 */
.hnm-page--beginner .hj2-jikkan-wrap { max-width:700px; margin:0 auto; }
.hnm-page--beginner .hj2-jikkan-lead {
  font-size:16px!important; line-height:1.8!important;
  text-align:center!important; color:#1b3a5c!important;
  margin:0 0 20px!important;
}

/* SECTION7 ご提案（料金導線） */
.hnm-page--beginner .hj2-teian-wrap { max-width:700px; margin:0 auto; }
.hnm-page--beginner .hj2-teian-header {
  font-size:22px!important; font-weight:900!important;
  text-align:center!important; color:#1b3a5c!important;
  margin:0 0 20px!important; border:none!important;
}
.hnm-page--beginner .hj2-teian-lead {
  font-size:15px!important; text-align:center!important;
  color:#333!important; margin:0 0 10px!important;
}
.hnm-page--beginner .hj2-teian-catch {
  font-size:17px!important; text-align:center!important;
  color:#1b3a5c!important; line-height:1.7!important;
  margin:0 0 24px!important;
}
.hnm-page--beginner .hj2-teian-box {
  background:#eef6fb; border-radius:10px; padding:20px; margin:0 0 24px!important;
}
.hnm-page--beginner .hj2-teian-box-title {
  font-weight:bold!important; text-align:center!important;
  color:#0090c8!important; font-size:16px!important; margin:0 0 10px!important;
}
.hnm-page--beginner .hj2-teian-box-list {
  font-size:14px!important; line-height:1.8!important;
  text-align:center!important; color:#333!important; margin:0 0 16px!important;
}
.hnm-page--beginner .hj2-teian-review {
  display:flex; align-items:center; justify-content:space-between;
  background:#fff; border-radius:8px; padding:12px 16px; flex-wrap:wrap; gap:8px;
}
.hnm-page--beginner .hj2-teian-review-label {
  font-size:13px!important; color:#333!important; line-height:1.4!important;
}
.hnm-page--beginner .hj2-teian-review-score {
  font-size:18px!important; font-weight:bold!important; color:#e0a000!important;
}
.hnm-page--beginner .hj2-teian-review-note {
  display:block; font-size:11px!important; color:#888!important; font-weight:normal!important;
}
.hnm-page--beginner .hj2-teian-sub {
  text-align:center!important; font-weight:bold!important;
  color:#1b3a5c!important; font-size:16px!important; line-height:1.6!important;
  margin:0 0 20px!important;
}
.hnm-page--beginner .hj2-teian-grid {
  display:grid; grid-template-columns:repeat(3, 1fr); gap:14px;
}
.hnm-page--beginner .hj2-teian-item-badge {
  text-align:center!important; background:#0090c8; color:#fff!important;
  font-weight:bold!important; font-size:13px!important;
  padding:6px 4px!important; border-radius:6px 6px 0 0; margin:0!important;
}
.hnm-page--beginner .hj2-teian-item-desc {
  font-size:11px!important; text-align:center!important;
  color:#333!important; padding:8px 6px!important; margin:0!important; background:#fff;
}
.hnm-page--beginner .hj2-teian-item-photo img {
  width:100%!important; height:auto!important; display:block!important;
}

/* SECTION9 お約束＋お悩み */
.hnm-page--beginner .hj2-yakusoku-wrap { max-width:700px; margin:0 auto; }
.hnm-page--beginner .hj2-yakusoku-body {
  font-size:15px!important; line-height:1.9!important;
  text-align:center!important; color:#333!important; margin:0 0 24px!important;
}
.hnm-page--beginner .hj2-nayami-sub {
  text-align:center!important; font-weight:bold!important;
  color:#1b3a5c!important; font-size:16px!important; margin:0 0 20px!important;
}
.hnm-page--beginner .hj2-nayami-cols {
  display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:0 0 24px!important;
}
.hnm-page--beginner .hj2-nayami-col {
  background:#eef6fb; border-radius:8px; padding:14px;
}
.hnm-page--beginner .hj2-nayami-col--chronic { background:#faf1e4; }
.hnm-page--beginner .hj2-nayami-col-title {
  text-align:center!important; font-weight:bold!important;
  color:#1b3a5c!important; font-size:14px!important; margin:0 0 8px!important;
}
.hnm-page--beginner .hj2-nayami-col-body {
  font-size:12px!important; line-height:1.7!important;
  text-align:center!important; color:#333!important; margin:0!important;
}
.hnm-page--beginner .hj2-nayami-graph-img {
  width:100%!important; max-width:400px!important; height:auto!important;
  display:block!important; margin:0 auto!important;
}

@media screen and (min-width:769px) {
  .hnm-page--beginner .hj2-nayami-cols { grid-template-columns:1fr 1fr; }
}