/* ============================================================
   安心墓じまい 霊園ページ（/reien/）新デザイン v3
   site.css → lp-boost.css（エリアページ） → 本ファイル の順で読む（後勝ち）。
   lp-boost.css の部品（ヒーロー・ピル型CTA・見出し・FLOW・MODEL CASE・sv・CONTACT）はそのまま使い、
   ここでは霊園ページ固有の部品（rn-* / hb-* / cta-band / faq-fold / diag）を同じ流儀に揃える。
   配色：紺 --indigo-d／金 --gold・--gold-l／生成り --paper2・--paper3、角丸 10px、影 0 2px 8px
   変換スクリプト：_ops/reien_design_v3.py
   ============================================================ */

/* ---------- 0. ヘッダー：エリアページと同じく 1320px 以下はフォームボタンを畳む（横スクロール防止） ---------- */
@media (max-width:1320px){.hd-actions .hd-cta{display:none}}

/* ---------- 0b. KV：霊園名入りの長い h1 が写真にかからないよう、テキスト列の幅で折り返す ---------- */
.lp-hero .wrap>h1{font-size:clamp(1.75rem,1.1rem + 2.3vw,2.75rem)!important;max-width:min(100%,12.5em)!important;line-height:1.4!important;white-space:normal!important}
@media (max-width:900px){.lp-hero .wrap>h1{font-size:clamp(1.5rem,6.8vw,2.1rem)!important;max-width:none!important}}

/* ---------- 1. 共通の面 ---------- */
.lp-sec .rn-map,.lp-sec .rn-kv,.lp-sec .rn-dest a,.lp-sec .rn-hub a,.lp-sec .rn-src,
.lp-sec .hb-tile,.lp-sec .hb-fold,.lp-sec .faq-fold,.lp-sec .hb-offices>div,
.lp-sec .diag,.lp-sec .ar-tool,.lp-sec .rn-note,.lp-sec .hb-role,.rn-tile{
  border-radius:var(--radius,10px)!important}

/* ---------- 2. KV直下の要点タイル（.rn-tiles ＝ エリアの .lp-tiles と同じ面） ---------- */
section.lp-sec.rb-point{padding-block:clamp(2rem,4vw,3.5rem) clamp(1.5rem,3vw,2.5rem)}
.rb-point .rn-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--grid-gap);margin-top:0}
.rn-tile{background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);
  box-shadow:0 2px 8px rgba(30,38,48,.07);padding:22px 20px 20px}
.rn-tile small{font-size:14px!important;letter-spacing:.04em;color:var(--muted);font-weight:500;margin-bottom:10px;line-height:1.55}
.rn-tile b{font-family:'Shippori Mincho',serif;font-size:clamp(1.15rem,1rem + .6vw,1.45rem);font-weight:700;
  color:var(--indigo-d);line-height:1.45;overflow-wrap:anywhere}
.rn-tile span{font-size:14px!important;color:#6f6a5e;line-height:1.65;margin-top:8px}
@media (max-width:1000px){.rb-point .rn-tiles{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.rb-point .rn-tiles{grid-template-columns:1fr}}

/* ---------- 3. 表：見出し列は紺ベタ（エリアの PERMIT 表と同じ） ---------- */
.rn-over{gap:var(--grid-gap)!important;margin-top:0!important}
.rn-over .tbl-scroll{border-radius:var(--radius)!important;overflow:hidden;box-shadow:0 2px 8px rgba(30,38,48,.07)}
.lp-sec .rn-over table.tbl{border-radius:0!important;box-shadow:none;margin:0!important}
.lp-sec .rn-over table.tbl th,.lp-sec .rn-kv th{text-align:left!important;border-top:0!important;padding:16px 18px!important}
.lp-sec .rn-over table.tbl td{padding:16px 18px!important}
.lp-sec .rn-over table.tbl th,
.lp-sec .rn-kv th{background:var(--indigo-d)!important;color:#fff!important;font-family:'Zen Kaku Gothic New',sans-serif;
  font-weight:700;font-size:14px!important;letter-spacing:.06em;line-height:1.6;
  border-bottom:1px solid rgba(255,255,255,.12)!important;white-space:normal!important;vertical-align:top;text-align:left}
.lp-sec .rn-over table.tbl td,
.lp-sec .rn-kv td{background:#fff;font-size:14px!important;line-height:1.85;color:var(--ink);border-bottom:1px solid var(--line)}
.lp-sec .rn-over table.tbl tr:last-child td,.lp-sec .rn-kv tr:last-child td{border-bottom:0}
.lp-sec .rn-over table.tbl th{width:9.5em}
.lp-sec .rn-kv{border:0!important;box-shadow:0 2px 8px rgba(30,38,48,.07);margin-top:0!important}
.lp-sec .rn-kv th{width:13em;padding:16px 18px!important}
.lp-sec .rn-kv td{padding:16px 18px!important}
.rn-map{border:0!important;box-shadow:0 2px 8px rgba(30,38,48,.07)}
.rn-map iframe{height:100%;min-height:360px}
.rn-map .cap{font-size:14px!important;padding:10px 14px!important;color:var(--muted)}
@media (max-width:860px){
  .lp-sec .rn-over table.tbl th{width:7.5em}
  .lp-sec .rn-kv th{width:8em;padding:12px 12px!important}
  .lp-sec .rn-kv td{padding:12px 14px!important}
  .rn-map iframe{min-height:260px}
}
/* 表は SP でも縦に積まない（2列のまま・横スクロールしない） */
@media (max-width:900px){
  .rn-over .tbl-scroll>table{min-width:0!important}
  .lp-sec .rn-over table.tbl th,.lp-sec .rn-kv th{white-space:normal!important;padding:12px 12px!important}
}

/* ---------- 4. 本文中のCTA帯 → ヒーローと同じピル型CTAバー ---------- */
body section.cta-band.rb-band{background:var(--paper3);color:inherit;padding:clamp(28px,4vw,52px) 0}
.rb-band .hero-actions{margin:0 auto!important;padding:clamp(1.4rem,2.6vw,2.2rem) clamp(1.4rem,3vw,3rem)}
.rb-band .hero-actions-lead{flex-direction:column;gap:8px;width:100%}
.rb-band .hero-actions-lead b{font-size:clamp(1.05rem,.95rem + .5vw,1.35rem);line-height:1.5;letter-spacing:.08em;color:var(--gold-l)!important;-webkit-text-fill-color:var(--gold-l)!important;opacity:1!important}
.rb-band .hero-actions-lead span{color:rgba(244,243,238,.9)!important}
.rb-band .hero-actions-lead span{font-size:14px;letter-spacing:.04em}
@media (max-width:1000px){.rb-band .hero-actions{border-radius:var(--radius)!important;max-width:calc(100% - 2 * var(--gutter))!important;width:auto!important}}

/* ---------- 5. PRICE（金ベタ）：比較図・ツールは白い面で浮かせる ---------- */
.lp-sec.is-gold .diag{background:#fff;border:0;box-shadow:0 12px 34px rgba(60,48,20,.18);padding:clamp(22px,3vw,34px)}
.lp-sec.is-gold .diag,.lp-sec.is-gold .diag *{color:var(--ink)}
.lp-sec.is-gold .diag .dt{color:var(--indigo-d)!important}
.lp-sec.is-gold .diag .dt small{color:var(--muted)!important}
.lp-sec.is-gold .tbl.lp-tbl{box-shadow:0 12px 34px rgba(60,48,20,.18)}
.diag .dt{font-size:17px!important;font-weight:700;letter-spacing:.04em}
.diag .dt small{font-size:14px!important}
.diag-cmp{gap:var(--grid-gap)!important}
.diag-cmp .col{border-radius:var(--rad-in,8px)!important;padding:20px 22px!important}
.diag-cmp .col.on{border:2px solid var(--gold)!important;background:#FBF7EE!important}
.diag-cmp .col h4{font-size:17px!important;color:var(--indigo-d)!important}
.diag-cmp .col .pr{font-size:14px!important;color:var(--gold)!important}
.lp-sec .diag-cmp .col .pr{color:#8C7436!important}
.diag-cmp .col ul{font-size:14px!important;color:var(--muted)}
.lp-sec.is-gold .diag-cmp .col ul li{color:#4a5260}
.ar-tools{gap:var(--grid-gap)!important;margin-top:var(--grid-gap)!important}
.ar-tool{border:0!important;border-left:0!important;box-shadow:0 2px 8px rgba(30,38,48,.1);padding:18px 24px!important}
.lp-sec.is-gold .ar-tool{box-shadow:0 12px 34px rgba(60,48,20,.18)}
.ar-tic{background:var(--gold-w)!important}
.ar-ttx small{font-size:14px!important;color:var(--muted)!important}
.ar-ttx b{font-size:17px!important;color:var(--indigo-d)!important}
.ar-tar{width:26px;height:26px;border-radius:50%;background:var(--gold);color:#fff!important;
  display:grid;place-items:center;font-size:13px!important;flex:none}

/* 金ベタの上でも表の中は本文色（td が section の白文字を継承して消えるのを防ぐ） */
.lp-sec.is-gold .tbl td{color:var(--ink)}
.lp-sec.is-gold .tbl td small{color:var(--muted)}

/* ---------- 6. 改葬許可の図（5ステップ） ---------- */
.lp-sec .diag-flow{gap:12px}
.diag-flow .st{background:#fff!important;border:1px solid var(--line)!important;border-top:3px solid var(--gold)!important;
  border-radius:var(--rad-in,8px)!important;padding:16px 12px!important}
.diag-flow .st .n{font-size:14px!important;letter-spacing:.14em}
.diag-flow .st .l{font-size:14px!important;line-height:1.55}
#kaisou .diag,#kaisou .diag-flow{margin-top:var(--grid-gap)}
#kaisou .diag{background:var(--paper3);border:0;box-shadow:none}
#kaisou.lp-sec:not(.bg-white) .diag{background:#fff;box-shadow:0 2px 8px rgba(30,38,48,.07)}

/* ---------- 7. MODEL CASE（エリアの写真付きカードと同じ面。霊園は1〜3件なので列数を件数に合わせる） ---------- */
.lp-cases,.hb-cases{display:grid;gap:var(--grid-gap)!important;margin-top:0!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))!important;align-items:stretch}
.hb-cases:has(>.lp-hc:nth-child(3)){grid-template-columns:repeat(3,1fr)!important}
.lp-case.lp-hc{border:0!important;border-top:0!important;padding:0!important;border-radius:var(--radius)!important;
  box-shadow:0 2px 8px rgba(30,38,48,.07)!important}
.lp-case.lp-hc .ck{margin-bottom:8px}
.lp-case.lp-hc h3{min-height:0!important;font-size:17px!important;margin:4px 0 12px!important}
.lp-case.lp-hc dl{font-size:14px!important;gap:6px 12px;border-top:1px dashed var(--line);padding-top:12px}
.lp-case.lp-hc dt{font-size:14px!important;color:var(--ink)!important}
.lp-case.lp-hc dt small{font-size:12.5px!important;color:#7a7568!important}
.lp-case.lp-hc dd{font-size:14px!important;color:var(--indigo-d)}
.lp-case.lp-hc .total{margin-top:auto!important;padding-top:14px;border-top:1px solid var(--line)}
.lp-case.lp-hc .total span{font-size:14px!important;color:var(--muted)}
.lp-case.lp-hc .total b{color:#A83A36!important;font-size:clamp(1.5rem,1.2rem + 1vw,1.9rem)!important;letter-spacing:.02em}
.lp-case.lp-hc dl{margin-bottom:14px}
.lp-case.lp-hc .lp-hc-b{padding:22px 24px 22px}
.lp-case.lp-hc>img[src*="loc-1-trim"]{object-position:50% 52%!important}
/* 1件だけのとき（霊園LP）：写真を左、内訳を右に */
.lp-cases:has(>.lp-hc:only-child){grid-template-columns:1fr!important;max-width:980px;margin-inline:auto!important}
@media (min-width:761px){
  .lp-cases>.lp-hc:only-child,.hb-cases>.lp-hc:only-child{display:grid!important;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
  .lp-cases>.lp-hc:only-child>img,.hb-cases>.lp-hc:only-child>img{height:100%!important;aspect-ratio:auto!important;min-height:100%}
  .hb-cases:has(>.lp-hc:only-child){grid-template-columns:1fr!important;max-width:980px;margin-inline:auto!important}
}
@media (max-width:1000px){.hb-cases:has(>.lp-hc:nth-child(3)){grid-template-columns:1fr!important}}

/* ---------- 8. DESTINATION（紺ベタ）：供養先カードは白地＋金の罫 ---------- */
.lp-sec.is-invert .rn-note{background:rgba(255,255,255,.07)!important;border:1px solid rgba(232,207,138,.45)!important;
  color:rgba(244,243,238,.9)!important;font-size:14px!important;line-height:1.9;padding:18px 22px!important;margin:0 0 var(--grid-gap)!important}
.lp-sec.is-invert .rn-note b{color:var(--gold-l)!important}
.rn-note{font-size:14px!important;line-height:1.9}
.rn-dest{gap:var(--grid-gap)!important;margin-top:0!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}
.rn-dest a{border:0!important;border-top:3px solid var(--gold)!important;background:#fff!important;
  box-shadow:0 2px 8px rgba(30,38,48,.07);padding:22px 22px 20px!important;gap:8px!important;position:relative}
.rn-dest a small{font-size:14px!important;letter-spacing:.08em;color:#8C7436!important}
.rn-dest a b{font-size:18px!important;color:var(--indigo-d)!important;line-height:1.5;padding-right:32px}
.rn-dest a span{font-size:14px!important;color:#4a5260!important;line-height:1.8}
.rn-dest a::after{content:"";position:absolute;right:18px;top:24px;width:22px;height:22px;border-radius:50%;
  background:var(--gold) center/12px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6'/%3E%3C/svg%3E")}
.lp-sec.is-invert .rn-dest a{box-shadow:0 10px 26px rgba(0,0,0,.22)}
.lp-sec.is-invert .ar-tool{box-shadow:0 10px 26px rgba(0,0,0,.22)}
@media (max-width:1000px){.rn-dest{grid-template-columns:1fr 1fr!important}}
@media (min-width:1001px){.rn-dest:has(>a:nth-child(5)){grid-template-columns:repeat(3,1fr)!important}}
@media (max-width:640px){.rn-dest{grid-template-columns:1fr!important}}

/* ---------- 9. FAQ（エリアの開閉ブロックと同じ面・SVGの＋／−・回答頭の A.） ---------- */
.lp-sec .faq-fold{border:0!important;background:#fff;box-shadow:0 2px 8px rgba(30,38,48,.07);margin-bottom:12px!important}
.lp-sec.bg-white .faq-fold{background:var(--paper3)}
.lp-sec .faq-fold>summary{align-items:center!important;gap:14px!important;padding:20px 24px!important;
  font-family:'Shippori Mincho',serif;font-size:17px!important;font-weight:700!important;color:var(--indigo-d)!important;line-height:1.65}
.lp-sec .faq-fold>summary::before{content:"Q."!important;color:var(--gold)!important;font-size:18px}
.lp-sec .faq-fold>summary:hover{background:transparent!important;color:var(--gold)!important}
.lp-sec .faq-fold>summary::after{
  content:""!important;flex:none;width:34px!important;height:34px!important;box-sizing:border-box;
  border:2px solid var(--gold)!important;border-radius:50%!important;margin-left:auto;
  background:no-repeat center/14px 14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A98F52' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
  font-size:0!important}
.lp-sec .faq-fold[open]>summary::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A98F52' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E")}
.lp-sec .faq-fold .faq-a{padding:18px 24px 24px!important;border-top:1px dashed var(--line);
  font-size:16px!important;line-height:1.95!important;color:var(--ink)!important}
.rn-faq>.wrap{max-width:960px!important}
@media (max-width:700px){
  .lp-sec .faq-fold>summary{padding:16px 16px!important;font-size:16px!important}
  .lp-sec .faq-fold .faq-a{padding:14px 16px 18px!important;font-size:15px!important}
}

/* ---------- 10. 関連ページ・出典 ---------- */
#src.lp-sec,#rel.lp-sec{padding-block:clamp(56px,7vw,96px)!important}
.lp-sec .rn-hub{gap:12px!important;margin-top:0!important}
.lp-sec .rn-hub a{border:0!important;box-shadow:0 2px 8px rgba(30,38,48,.07);padding:16px 20px!important;
  font-size:14.5px!important;color:var(--indigo-d)!important}
.lp-sec .rn-hub a::after{content:""!important;flex:none;width:22px;height:22px;border-radius:50%;margin-left:12px;
  background:var(--gold) center/12px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6'/%3E%3C/svg%3E")}
.lp-sec .rn-hub a:hover{color:var(--gold)!important}
.lp-sec .rn-src{background:#fff;padding:22px 26px;margin-top:clamp(24px,3vw,36px)!important;
  box-shadow:0 2px 8px rgba(30,38,48,.07);font-size:14px!important;line-height:1.85;color:var(--muted)}
.lp-sec .rn-src b{display:block;font-family:'Shippori Mincho',serif;font-size:16px;color:var(--indigo-d);margin-bottom:6px}
.lp-sec .rn-src li{font-size:13px!important;line-height:1.7}
#src .prose{max-width:none}
#rel .rn-dest{margin-bottom:0}

/* ---------- 11. 市ハブ：役割メモ・実績タイル ---------- */
.hb-role{background:#FAF6EC!important;border:1px solid var(--gold)!important;font-size:14px!important;line-height:1.9;
  padding:16px 22px!important;margin:0 0 clamp(20px,2.4vw,32px)!important;max-width:none}
.hb-tiles{gap:var(--grid-gap)!important;margin-top:0!important}
.hb-tile{border:1px solid var(--line)!important;border-top:3px solid var(--gold)!important;
  box-shadow:0 2px 8px rgba(30,38,48,.07)!important;padding:22px 20px 20px!important;
  display:flex;flex-direction:column}
.hb-tile small{font-size:14px!important;letter-spacing:.02em!important;color:var(--muted)!important;font-weight:500!important;min-height:calc(1.55em * 2)}
.hb-tile b{font-size:clamp(1.8rem,1.3rem + 1.6vw,2.6rem)!important;color:var(--indigo-d)!important;line-height:1.05!important;margin:10px 0 8px;white-space:nowrap}
.hb-tile b em{font-size:.36em!important;margin-left:4px;color:var(--gold)}
.hb-tile span{font-size:14px!important;color:#8b8578!important;line-height:1.55!important;margin-top:0!important}
@media (max-width:1000px){.hb-tiles.n4,.hb-tiles.n3{grid-template-columns:1fr 1fr!important}}
@media (max-width:480px){.hb-tile b{font-size:1.8rem!important}}

/* ---------- 12. 市ハブ：比較表（紺の見出し行・角丸の面） ---------- */
.lp-sec .tbl-scroll:has(>table.hb-tbl){border-radius:var(--radius)!important;box-shadow:0 2px 8px rgba(30,38,48,.07)}
.lp-sec table.hb-tbl{border-radius:var(--radius)!important;overflow:hidden;box-shadow:none;margin:0!important}
.lp-sec table.tbl.hb-tbl thead th{font-size:14px!important;line-height:1.6!important;text-align:left!important;vertical-align:middle}
.lp-sec table.hb-tbl th{background:var(--indigo-d)!important;color:#fff!important;font-size:14px!important;
  letter-spacing:.06em;padding:15px 14px!important;text-align:left}
.lp-sec table.hb-tbl td{background:#fff;font-size:14px!important;padding:14px 14px!important;border-bottom:1px solid var(--line)}
.lp-sec table.hb-tbl td.nm{font-family:'Shippori Mincho',serif;font-weight:700;color:var(--indigo-d)}
.lp-sec table.hb-tbl td.nm[colspan]{background:var(--gold-w)!important;color:var(--indigo-d)!important;
  font-size:14px!important;letter-spacing:.14em;padding:9px 14px!important}
.lp-sec table.hb-tbl tbody tr:hover td:not([colspan]){background:#FBF9F3}
.lp-sec table.hb-tbl td.nm a{border-bottom:1px solid var(--gold)}
@media (max-width:900px){
  .lp-sec .tbl-scroll:has(>table.hb-tbl){box-shadow:none;border-radius:0!important}
  .lp-sec table.hb-tbl{border-radius:0!important}
  .lp-sec table.hb-tbl tr{border:0!important;border-top:3px solid var(--gold)!important;border-radius:var(--radius)!important;
    box-shadow:0 2px 8px rgba(30,38,48,.07);background:#fff}
  .lp-sec table.hb-tbl tr:has(>td.nm[colspan]){border-top:0!important;box-shadow:none;background:transparent;padding:0!important;margin:22px 0 10px!important}
  .lp-sec table.hb-tbl td{padding:6px 0!important;border-bottom:0!important;background:transparent}
  .lp-sec table.hb-tbl td.nm[colspan]{border-radius:999px;padding:6px 14px!important}
  .lp-sec table.hb-tbl td:not(.nm)::before{font-size:12px!important;color:#8C7436!important}
}

/* ---------- 13. 市ハブ：霊園ごとの返還のポイント（開閉） ---------- */
.lp-sec .hb-fold{border:0!important;background:#fff;box-shadow:0 2px 8px rgba(30,38,48,.07);margin-bottom:12px!important}
.lp-sec .hb-fold>summary{padding:20px 24px!important;gap:14px!important}
.lp-sec .hb-fold>summary b{font-size:18px!important;color:var(--indigo-d)!important;letter-spacing:.04em}
.lp-sec .hb-fold>summary i{font-size:14px!important;color:var(--muted);background:var(--gold-w);padding:2px 12px;border-radius:999px;white-space:nowrap}
.lp-sec .hb-fold>summary::after{
  content:""!important;width:34px!important;height:34px!important;box-sizing:border-box;border:2px solid var(--gold)!important;
  background:no-repeat center/14px 14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A98F52' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
  font-size:0!important}
.lp-sec .hb-fold[open]>summary::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A98F52' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E")}
.lp-sec .hb-fold .fb{padding:18px 24px 24px!important}
.lp-sec .hb-fold dl{border-radius:var(--rad-in,8px);overflow:hidden;border:1px solid var(--line);grid-template-columns:10em 1fr}
.lp-sec .hb-fold dt{background:var(--indigo-d)!important;color:#fff!important;font-size:14px!important;padding:12px 14px!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;letter-spacing:.04em}
.lp-sec .hb-fold dd{font-size:14px!important;padding:12px 16px!important;line-height:1.85;background:#fff}
.lp-sec .hb-fold .more{margin-top:14px;font-size:14px!important}
@media (max-width:600px){
  .lp-sec .hb-fold dl{grid-template-columns:1fr}
  .lp-sec .hb-fold dt{padding:8px 12px!important}
  .lp-sec .hb-fold>summary{padding:16px 16px!important}
  .lp-sec .hb-fold .fb{padding:14px 14px 18px!important}
}
.hb-offices{gap:var(--grid-gap)!important;margin-top:var(--fluid-sm)!important}
.lp-sec .hb-offices>div{border:0!important;border-left:3px solid var(--gold)!important;box-shadow:0 2px 8px rgba(30,38,48,.07);
  font-size:14px!important;padding:14px 18px!important;background:#fff}
.lp-sec .hb-offices b{font-family:'Shippori Mincho',serif;font-size:16px!important;color:var(--indigo-d)!important}

/* ---------- 14. 民営ハブの POINT（REASON と同じ大カード） ---------- */
.strength-label .number small.tag{font-size:14px!important}

/* ---------- 15. 霊園索引（/reien/） ---------- */
.rb-idx-hero .wrap{min-height:clamp(22rem,32vw,32rem)!important}
.rb-cities .wrap>div[style*="flex-wrap"]{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--grid-gap)!important;margin-top:0!important}
.rb-cities a.area-chip{border:0!important;border-top:3px solid var(--gold)!important;border-radius:var(--radius)!important;
  box-shadow:0 2px 8px rgba(30,38,48,.07);padding:16px 20px!important;min-width:0!important;
  font-family:'Shippori Mincho',serif;font-size:17px!important;font-weight:700!important;color:var(--indigo-d)!important;
  transition:transform .15s,box-shadow .15s}
.rb-cities a.area-chip:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(30,38,48,.12)}
.rb-cities a.area-chip small{font-family:'Zen Kaku Gothic New',sans-serif;font-size:13px!important;font-weight:500!important}
.rb-cities .tbl-note{text-align:center!important}
@media (max-width:640px){.rb-cities .wrap>div[style*="flex-wrap"]{grid-template-columns:1fr 1fr}}
.lp-sec .hb-fold>summary i:empty{display:none}

/* 2026-09-26 ヒーロー見出し: 「〜の墓じまい」で改行（<br class="h1-br">）。霊園名が長く写真側にはみ出すページだけ段階的に縮小（_ops/hero_h1_fit.py が付与） */
.lp-hero h1.h1-s{font-size:clamp(1.6rem,1.05rem + 2.1vw,2.5rem)!important}
.lp-hero h1.h1-xs{font-size:clamp(1.45rem,.95rem + 1.8vw,2.15rem)!important}
.lp-hero h1.h1-xxs{font-size:clamp(1.3rem,.85rem + 1.5vw,1.85rem)!important}
.lp-hero h1.h1-xxxs{font-size:clamp(1.2rem,.8rem + 1.3vw,1.62rem)!important}