@charset "UTF-8";
/* ==========================================================
   むすひの杜 — v40 上書きCSS（route③ / 写真なし・上質グラフィック&タイポ）
   musuhi-v2.css の後に読み込み、トップページの「型」を再設計する。
   方針:
   - セクションごとに版面を変える（緊急=詰める / 実務=標準 / 情緒=たっぷり）
   - 影の常用をやめ、罫線・余白・地色で階層をつくる
   - 金(--egg)は禁欲的に（1画面1〜2箇所）／グラデはロゴだけの特権
   - 英語アイブロウ全廃 → 和文の柱（漢字1〜2字＋墨/金の縦罫）
   既存トークン(--mori-*/--paper/--egg/--sumi/--min/--go/--en)を活用。
   ========================================================== */

/* ---- 和文の柱（共通）: 漢字1〜2字 + 縦罫。英語アイブロウの置換 ---- */
.hashira{
  display:inline-flex;align-items:center;gap:.6rem;
  font-family:var(--min);font-weight:700;letter-spacing:.14em;
  color:var(--sumi);font-size:.95rem;
}
.hashira-rule{display:inline-block;width:2px;height:1.3em;background:var(--sumi)}

/* ==========================================================
   1) HERO v40 — 純化・左揃え・非対称。情緒寄りだが導線は明確。
   ========================================================== */
.hero-v40{
  position:relative;overflow:hidden;
  padding:clamp(2.6rem,5vw,4.2rem) 0 clamp(2.2rem,4vw,3.2rem);
  background:linear-gradient(180deg, var(--paper) 0%, #fff 100%);
  border-bottom:1px solid var(--paper-soft);
}
.hero-v40 .wrap{max-width:var(--wrap-hero);position:relative;z-index:1}
.hero-bgmark-v40{
  position:absolute;right:-4%;bottom:-8%;
  width:52%;max-width:660px;pointer-events:none;opacity:.55;z-index:0;
}
.hero-bgmark-v40 svg{width:100%;height:auto;display:block}

.hero-brand-v40{
  font-family:var(--min);font-weight:600;
  font-size:.92rem;color:var(--sumi-soft);letter-spacing:.1em;
  margin:0 0 clamp(.9rem,2vw,1.3rem);
  padding-left:.9rem;border-left:3px solid var(--mori-deep);
}
.hero-h1-v40{
  font-family:var(--min);font-weight:800;
  font-size:clamp(1.9rem,4.4vw,3.3rem);
  line-height:1.4;letter-spacing:.04em;
  color:var(--sumi);margin:0 0 1.3rem;
  max-width:16em;                 /* 右に余白を残す（非対称） */
}
.hero-h1-age{display:inline-block;color:var(--mori-deep);font-weight:800;letter-spacing:.02em}
/* 金は禁欲的に: H1下線のみ */
.hero-h1-key{
  display:inline-block;color:var(--mori-deep);font-weight:800;
  background:linear-gradient(transparent 66%, rgba(168,122,58,.42) 66%, rgba(168,122,58,.42) 92%, transparent 92%);
  padding:0 .12em;
}
.hero-lead-v40{
  font-family:var(--min);font-weight:500;
  font-size:clamp(.98rem,1.5vw,1.12rem);line-height:1.95;
  color:var(--sumi);margin:0 0 clamp(1.6rem,3vw,2.2rem);letter-spacing:.04em;
  max-width:32em;
}

/* 一次導線 + 緊急メール1つ */
.hero-act-v40{
  display:flex;flex-wrap:wrap;align-items:stretch;gap:1.4rem 2rem;
  padding-top:1.4rem;border-top:2px solid var(--mori-deep);
  max-width:44em;
}
/* CTA一次: 塗り・角丸ゼロ */
.btn-primary-v40{
  display:inline-flex;flex-direction:column;justify-content:center;
  align-items:center;gap:.15rem;
  background:var(--mori-deep);color:#fff;text-decoration:none;
  font-family:var(--min);font-weight:700;font-size:1.15rem;letter-spacing:.1em;
  padding:1rem 2rem;border-radius:0;border:2px solid var(--mori-deep);
  align-self:flex-start;transition:background .2s var(--ease);white-space:nowrap;
}
.btn-primary-v40:hover{background:var(--mori-dark)}
.btn-primary-v40-note{font-family:var(--go);font-weight:400;font-size:.68rem;letter-spacing:.14em;opacity:.9}

.hero-mail-v40{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:260px}
.hero-mail-v40-label{font-family:var(--min);font-weight:600;font-size:.84rem;color:var(--sumi);letter-spacing:.04em}
.hero-mail-v40-addr{
  font-family:var(--en);font-weight:500;font-size:clamp(1.15rem,2vw,1.5rem);
  color:var(--mori-deep);text-decoration:underline;text-decoration-color:var(--mori-leaf);
  text-underline-offset:.28em;word-break:break-all;line-height:1.3;
}
.hero-mail-v40-addr:hover{color:var(--mori-dark)}
.hero-mail-v40-note{font-family:var(--go);font-size:.8rem;color:var(--sumi-soft);line-height:1.75;margin-top:.1rem}
.hero-mail-v40-note strong{color:var(--mori-deep);font-weight:700}

.hero-189-v40{
  font-size:.82rem;color:var(--sumi-soft);line-height:1.85;
  margin:1.4rem 0 0;padding-top:1.1rem;border-top:1px solid var(--paper-soft);
  max-width:44em;
}
.hero-189-v40 .hero-link-189{color:var(--mori-deep);font-weight:700;text-decoration:none;border-bottom:1.5px solid var(--mori-deep)}

/* ==========================================================
   2) 3つのお約束 — ヒーロー直下の別の薄い帯（詰める）
   ========================================================== */
.promise-band-v40{background:var(--paper-soft);padding:1.4rem 0;border-bottom:1px solid #e4dcc6}
.promise-band-v40-in{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem 2rem}
.promise-band-v40-h{
  font-family:var(--min);font-weight:700;font-size:.92rem;color:var(--sumi);
  letter-spacing:.08em;display:inline-flex;align-items:center;gap:.6rem;flex-shrink:0;
}
.promise-band-v40-kanji{
  display:inline-flex;align-items:center;justify-content:center;
  font-size:.78rem;color:#fff;background:var(--mori-deep);
  padding:.15em .5em;letter-spacing:.1em;
}
.promise-band-v40-list{
  list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.3rem 1.6rem;
  font-family:var(--go);font-size:.86rem;color:var(--sumi);line-height:1.7;flex:1;
}
.promise-band-v40-list li{position:relative;padding-left:1.1em}
.promise-band-v40-list li::before{content:'○';position:absolute;left:0;color:var(--mori-deep);font-size:.9em}
@media(max-width:760px){
  .promise-band-v40-list{flex-direction:column;gap:.35rem}
}

/* ==========================================================
   3) SOS — 唯一の濃色反転セクション（--mori-dark 地 × 紙色文字）
   角丸ゼロ。緊急=詰める。コントラスト:
   紙色#fbf7ec on #3d6447 ≈ 7.0:1 / egg-light#e8c896 on #3d6447 ≈ 4.9:1 (>=4.5:1 OK)
   ========================================================== */
.sos-v40{
  background:var(--mori-dark);color:var(--paper);
  padding:clamp(2rem,4vw,3rem) 0;               /* 緊急=詰める */
  border-radius:0;
}
.sos-v40-in{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(1.6rem,3.5vw,3rem);align-items:start}
.sos-v40-kanji{
  display:flex;align-items:center;gap:.6rem;margin:0 0 1rem;
  font-family:var(--min);font-weight:700;font-size:1rem;letter-spacing:.16em;color:var(--egg-light);
}
.sos-v40-rule{display:inline-block;width:2px;height:1.4em;background:var(--egg-light)}
.sos-v40-title{
  font-family:var(--min);font-weight:700;
  font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.5;letter-spacing:.04em;
  color:var(--paper);margin:0 0 1.1rem;
}
.sos-v40-lead{font-family:var(--min);font-size:clamp(.95rem,1.4vw,1.05rem);line-height:1.9;color:var(--paper);opacity:.92;margin:0 0 1.3rem;letter-spacing:.03em}
.sos-v40-list{
  list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;
}
.sos-v40-list li{
  font-family:var(--go);font-size:.94rem;line-height:1.7;color:var(--paper);
  padding-left:1.3em;position:relative;
}
.sos-v40-list li::before{content:'―';position:absolute;left:0;color:var(--egg-light)}

.sos-v40-side{display:flex;flex-direction:column;gap:1rem;align-items:stretch}
.sos-v40-mark{width:120px;height:auto;align-self:center;margin-bottom:.2rem}
/* 189 = 最大の実務要素 */
.sos-v40-btn189{
  display:grid;gap:.35rem;text-align:center;text-decoration:none;
  background:var(--egg-light);color:var(--sumi);
  padding:1.1rem 1.2rem;border-radius:0;transition:transform .2s var(--ease),background .2s;
}
.sos-v40-btn189:hover{background:#f2dfb8;transform:translateY(-2px)}
.sos-v40-btn189-l{font-family:var(--go);font-size:.72rem;color:#5a4420;letter-spacing:.04em;line-height:1.5}
.sos-v40-btn189-num{font-family:var(--en);font-weight:700;font-size:3rem;color:#3d2f10;line-height:1;letter-spacing:.02em}
.sos-v40-btn189-num span{font-size:.45em;margin:0 .05em;opacity:.5}
.sos-v40-btn189-r{font-family:var(--min);font-size:.85rem;color:#5a4420;letter-spacing:.1em}
/* 二次: むすひの杜へ（線） */
.sos-v40-btn-mori{
  display:inline-flex;justify-content:center;align-items:center;
  text-decoration:none;color:var(--paper);
  font-family:var(--min);font-weight:700;font-size:1rem;letter-spacing:.06em;
  padding:.85rem 1rem;border:1.5px solid var(--paper);border-radius:0;
  transition:background .2s,color .2s;
}
.sos-v40-btn-mori:hover{background:var(--paper);color:var(--mori-dark)}
.sos-v40-hours{font-family:var(--go);font-size:.76rem;line-height:1.8;color:var(--paper);opacity:.8;margin:.2rem 0 0}
@media(max-width:760px){
  .sos-v40-in{grid-template-columns:1fr;gap:1.6rem}
  .sos-v40-mark{width:96px}
}

/* ==========================================================
   4) 統合セクション — こんなとき、ご連絡ください
   罫線区切りの縦リスト（正方形カード廃止）。影なし・角丸なし。
   紋章分解パーツ記号（単色墨線）／連番／和文見出し／例文2行／行末に相談リンク
   実務=標準padding
   ========================================================== */
.reach-v40{background:#fff;padding:clamp(3rem,5vw,4rem) 0}
.reach-v40-head{max-width:40em;margin:0 0 2rem}
.reach-v40-kanji{
  display:flex;align-items:center;gap:.6rem;margin:0 0 .9rem;
  font-family:var(--min);font-weight:700;font-size:1rem;letter-spacing:.16em;color:var(--sumi);
}
.reach-v40-rule{display:inline-block;width:2px;height:1.4em;background:var(--mori-deep)}
.reach-v40-title{
  font-family:var(--min);font-weight:800;font-size:clamp(1.5rem,2.8vw,2.1rem);
  line-height:1.5;letter-spacing:.04em;color:var(--sumi);margin:0 0 .9rem;
}
.reach-v40-lead{font-family:var(--go);font-size:.94rem;line-height:1.9;color:var(--sumi-soft);margin:0}

.reach-v40-list{list-style:none;margin:0;padding:0}
.reach-v40-row{
  display:grid;
  grid-template-columns:auto auto 1fr auto;
  align-items:center;gap:1.2rem 1.4rem;
  padding:1.5rem 0;
  border-top:1px solid rgba(42,58,42,.15);          /* 水平罫 */
}
.reach-v40-row:last-child{border-bottom:1px solid rgba(42,58,42,.15)}
.reach-v40-num{
  font-family:var(--en);font-weight:500;font-size:1.5rem;color:var(--mori-leaf);
  letter-spacing:.04em;width:2ch;
}
.reach-v40-glyph{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--sumi)}
.reach-v40-glyph svg{display:block}
.reach-v40-txt{min-width:0}
.reach-v40-h3{font-family:var(--min);font-weight:700;font-size:1.12rem;color:var(--sumi);letter-spacing:.06em;margin:0 0 .3rem}
.reach-v40-eg{font-family:var(--go);font-size:.88rem;line-height:1.8;color:var(--sumi-soft);margin:0}
.reach-v40-cta{
  font-family:var(--min);font-weight:700;font-size:.95rem;color:var(--mori-deep);
  text-decoration:none;white-space:nowrap;border-bottom:1.5px solid var(--mori-deep);
  padding-bottom:.15em;letter-spacing:.04em;justify-self:end;transition:color .2s;
}
.reach-v40-cta:hover{color:var(--mori-dark);border-bottom-color:var(--mori-dark)}
@media(max-width:760px){
  .reach-v40-row{
    grid-template-columns:auto 1fr;
    grid-template-areas:"num glyph" "txt txt" "cta cta";
    gap:.5rem 1rem;align-items:center;
  }
  .reach-v40-num{grid-area:num}
  .reach-v40-glyph{grid-area:glyph;justify-self:start}
  .reach-v40-txt{grid-area:txt}
  .reach-v40-cta{grid-area:cta;justify-self:start;margin-top:.3rem}
}

/* ==========================================================
   5) 施設長メッセージ — 大きな明朝の引用組みが主役（写真なし）
   情緒=たっぷりpadding。金は引用符のみ。
   ========================================================== */
.chief-v40{background:var(--paper-soft);padding:clamp(4rem,7vw,6rem) 0}
.chief-v40-in{max-width:840px;margin:0 auto}
.chief-v40-kanji{
  display:flex;align-items:center;gap:.6rem;margin:0 0 1.6rem;
  font-family:var(--min);font-weight:700;font-size:1rem;letter-spacing:.16em;color:var(--sumi);
}
.chief-v40-rule{display:inline-block;width:2px;height:1.4em;background:var(--mori-deep)}
.chief-v40-quote{
  position:relative;margin:0 0 2rem;padding-left:.1em;
  font-family:var(--min);font-weight:700;
  font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.6;letter-spacing:.06em;
  color:var(--sumi);
}
.chief-v40-mark{
  font-family:var(--en);color:var(--egg);            /* 金は引用符のみ */
  font-size:1.4em;line-height:0;margin-right:.1em;vertical-align:-.15em;
}
.chief-v40-body p{font-family:var(--go);font-size:.98rem;line-height:2.05;color:var(--sumi);margin:0 0 1.1rem;max-width:60ch}
.chief-v40-body strong{color:var(--mori-deep);font-weight:700}
.chief-v40-org{font-size:.9rem;color:var(--sumi-soft);padding-top:.4rem}
.chief-v40-org strong{color:var(--mori-deep)}
.chief-v40-more{
  display:inline-block;margin-top:.6rem;color:var(--mori-deep);text-decoration:none;
  font-family:var(--min);font-weight:600;letter-spacing:.04em;
  border-bottom:1px solid var(--mori-deep);padding:.3rem 0;
}
.chief-v40-more:hover{color:var(--mori-dark);border-bottom-color:var(--mori-dark)}

/* ==========================================================
   6) トピック — 金/グラデを抑える。標準padding。英語タグ→和文タグ。
   （accentカードのグラデはロゴ隣接ブランド表現として1枚だけ許容）
   ========================================================== */
.topics-sec-v40{padding:clamp(2.6rem,4vw,3.4rem) 0;background:var(--paper)}
.topics-sec-v40 .topic-card{border-radius:0;border:1px solid #e4dcc6;box-shadow:none;border-top:3px solid var(--mori-leaf)}
.topics-sec-v40 .topic-card:hover{box-shadow:none;border-top-color:var(--mori-deep);transform:translateY(-2px)}
.topics-sec-v40 .topic-card--accent{border-radius:0;border-top:3px solid var(--egg)}
.topics-sec-v40 .topic-card--accent:hover{box-shadow:none}
.topics-sec-v40 .topic-tag{
  font-family:var(--min);font-style:normal;font-weight:700;
  font-size:.72rem;letter-spacing:.1em;text-transform:none;color:var(--mori-deep);
}
.topics-sec-v40 .topic-card--accent .topic-tag{color:var(--egg-light)}
.topics-sec-v40 .topic-title{font-family:var(--min)}

/* natural-cta ボタンは角丸を抑える（CTA文言統一「相談する」） */
.natural-cta-sec .natural-cta-btn{border-radius:0;font-family:var(--min);font-weight:700;letter-spacing:.08em}