@charset "utf-8";
/* ==========================================================================
   おかやま産後ケアナビ / SWELL子テーマ用スタイル
   - SWELL本体と衝突しないよう、すべて .sgk 配下にスコープしています
   - リセットやbody・見出しの共通スタイルはSWELLに任せています
   ========================================================================== */

/* --------------------------------------------------
   1. デザイントークン
-------------------------------------------------- */
:root{
  --sgk-primary:#e8637f;
  --sgk-primary-d:#c94a66;
  --sgk-primary-l:#fce8ec;
  --sgk-mint:#3fb3a3;
  --sgk-mint-l:#e3f5f2;
  --sgk-accent:#f5a23c;
  --sgk-accent-l:#fff2e0;
  --sgk-sky:#eaf5f8;

  --sgk-ink:#33302f;
  --sgk-ink-2:#6d6664;
  --sgk-line:#e7e0dd;
  --sgk-bg:#fffdfb;
  --sgk-bg-2:#fdf6f2;

  --sgk-stay:#e8637f;
  --sgk-day:#3fb3a3;
  --sgk-visit:#f5a23c;

  --sgk-w:1140px;
  --sgk-r-s:10px;
  --sgk-r-m:18px;
  --sgk-r-l:28px;
  --sgk-shadow:0 6px 18px rgba(70,50,45,.08);

  --sgk-f-round:"Zen Maru Gothic","Hiragino Maru Gothic ProN","ヒラギノ丸ゴ ProN W4","Noto Sans JP",sans-serif;
}

/* --------------------------------------------------
   2. レイアウト土台
   SWELLのメインカラムは環境によって幅が制限されるため、
   産後ケアナビのテンプレートでは全幅に上書きします。
-------------------------------------------------- */
.l-content.-sgk-full .l-mainContent,
.l-content.-sgk-full .l-mainContent__inner{
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
}
.l-content.-sgk-full{ padding-top:0; }

.sgk{
  color:var(--sgk-ink);
  line-height:1.9;
  max-width:100%;
}
/* ラッパーは常にブロック要素として扱う。
   ページ識別用クラスがコンポーネント名（.sgk-support など）と衝突しても、
   grid/flex がラッパーに効いてセクションが横並びにならないための保険。
   [class] を付けて詳細度を上げているので、後から定義されるコンポーネントより優先されます。 */
.sgk[class]{
  display:block;
}
.sgk *,.sgk *::before,.sgk *::after{ box-sizing:border-box; }
/* SWELLの見出し装飾を打ち消すためのリセット。
   :where() で詳細度を0にしてあるので、下で定義する各コンポーネントの指定が必ず優先されます。 */
.sgk :where(h1,h2,h3,h4){
  font-family:var(--sgk-f-round);
  line-height:1.45;
  letter-spacing:.02em;
  margin:0;
  padding:0;
  border:0;
  background:none;
}
.sgk :where(h2,h3)::before,
.sgk :where(h2,h3)::after{ content:none; }
.sgk :where(p){ margin:0 0 1em; }
.sgk :where(ul,ol){ margin:0; padding:0; list-style:none; }
.sgk :where(img){ max-width:100%; height:auto; vertical-align:bottom; }
.sgk :where(a){ color:var(--sgk-primary-d); }

.sgk__inner{ width:min(100% - 32px,var(--sgk-w)); margin-inline:auto; }
.sgk__sr{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.sgk__center{ text-align:center; }

/* 全幅セクション（SWELLのコンテンツ幅を突き抜けさせる） */
/* 全幅セクション（ヒーロー、ピンクのCTA帯など）
   SWELLのコンテンツ幅を左右に突き抜けさせます。

   margin は JavaScript が実測した値（--sgk-bleed-left / --sgk-bleed-right）を使います。
   コンテンツ枠が画面中央になくても（サイドバーやSWELL側の余白が残っていても）
   きっちり画面いっぱいに広がります。
   JSが動かない場合は calc(50% - 50vw)（＝中央前提の従来式）にフォールバックします。 */
.sgk-bleed{
  margin-left:var(--sgk-bleed-left,calc(50% - 50vw));
  margin-right:var(--sgk-bleed-right,calc(50% - 50vw));
  width:auto;
  max-width:none;
}

/* --------------------------------------------------
   3. ヒーロー
-------------------------------------------------- */
.sgk-hero{
  background:linear-gradient(180deg,var(--sgk-sky) 0%,#f7fbfb 60%,var(--sgk-bg) 100%);
  overflow:hidden;
}
.sgk-hero__inner{ position:relative; padding:36px 0 0; }
.sgk-hero__lead{
  font-family:var(--sgk-f-round); font-weight:700; color:var(--sgk-mint);
  margin:0 0 6px; font-size:1rem; letter-spacing:.08em;
}
.sgk-hero__title{
  font-size:clamp(1.7rem,4.6vw,3.1rem); font-weight:900; line-height:1.35;
  text-shadow:2px 2px 0 #fff,-2px 2px 0 #fff,2px -2px 0 #fff,-2px -2px 0 #fff;
}
.sgk-hero__title em{ font-style:normal; color:var(--sgk-primary); }
.sgk-hero__note{ font-size:.92rem; color:var(--sgk-ink-2); max-width:30em; }
.sgk-hero__art{ display:block; width:100%; margin-top:-40px; }

.sgk-actions{ margin:-42px 0 0; padding:0 0 44px; position:relative; z-index:3;
  display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.sgk-actions a{
  display:flex; align-items:center; gap:12px; background:#fff; border:2px solid var(--sgk-line);
  border-radius:var(--sgk-r-m); padding:14px 16px; text-decoration:none; color:var(--sgk-ink);
  box-shadow:var(--sgk-shadow); transition:.2s; font-family:var(--sgk-f-round); font-weight:700;
}
.sgk-actions a:hover{ transform:translateY(-3px); border-color:var(--sgk-primary); }
.sgk-actions .ico{ width:42px; height:42px; flex-shrink:0; }
.sgk-actions .txt{ flex:1; line-height:1.4; font-size:1.02rem; }
.sgk-actions .txt small{ display:block; font-weight:500; font-size:.74rem; color:var(--sgk-ink-2); }
.sgk-actions .arw{ width:28px; height:28px; border-radius:50%; background:var(--sgk-primary);
  flex-shrink:0; display:grid; place-items:center; color:#fff; font-size:.8rem; }

/* --------------------------------------------------
   4. セクション共通
-------------------------------------------------- */
.sgk-section{ padding:56px 0; }
.sgk-section.-tint{ background:var(--sgk-bg-2); }
.sgk-section.-mint{ background:var(--sgk-mint-l); }
.sgk-head{ text-align:center; margin-bottom:32px; }
.sgk-head__en{ display:block; font-family:var(--sgk-f-round); font-size:.78rem;
  letter-spacing:.2em; color:var(--sgk-mint); font-weight:700; }
.sgk-head__title{ font-size:clamp(1.4rem,3vw,2rem); font-weight:900; }
.sgk-head__desc{ margin-top:10px; color:var(--sgk-ink-2); font-size:.95rem; }

.sgk-btn{
  display:inline-flex; align-items:center; gap:10px; padding:13px 30px; border-radius:999px;
  background:var(--sgk-primary); color:#fff!important; text-decoration:none;
  font-family:var(--sgk-f-round); font-weight:700; border:2px solid var(--sgk-primary);
  transition:.2s; cursor:pointer;
}
.sgk-btn:hover{ background:var(--sgk-primary-d); border-color:var(--sgk-primary-d); }
.sgk-btn.-ghost{ background:#fff; color:var(--sgk-primary-d)!important; }
.sgk-btn.-ghost:hover{ background:var(--sgk-primary-l); }
.sgk-btn.-mint{ background:var(--sgk-mint); border-color:var(--sgk-mint); }
.sgk-btn.-mint:hover{ background:#2f9a8b; border-color:#2f9a8b; }
.sgk-btn.-lg{ padding:16px 40px; font-size:1.05rem; }

/* --------------------------------------------------
   5. 3つの型カード
-------------------------------------------------- */
.sgk-types{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.sgk-type{ background:#fff; border:2px solid var(--sgk-line); border-radius:var(--sgk-r-l);
  padding:26px 22px; text-align:center; }
.sgk-type__ico{ width:88px; height:88px; margin:0 auto 12px; }
.sgk-type__label{ display:inline-block; font-size:.74rem; font-weight:700; color:#fff;
  background:var(--sgk-stay); border-radius:999px; padding:2px 14px; margin-bottom:8px;
  font-family:var(--sgk-f-round); }
.sgk-type.-day .sgk-type__label{ background:var(--sgk-day); }
.sgk-type.-visit .sgk-type__label{ background:var(--sgk-visit); }
.sgk-type.-day{ border-color:var(--sgk-mint-l); }
.sgk-type.-visit{ border-color:var(--sgk-accent-l); }
.sgk-type h3{ font-size:1.25rem; margin-bottom:8px; }
.sgk-type p{ font-size:.92rem; color:var(--sgk-ink-2); margin:0; text-align:left; }

/* --------------------------------------------------
   6. 市町村グリッド
-------------------------------------------------- */
.sgk-cities{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.sgk-cities a{
  display:flex; align-items:center; justify-content:space-between; gap:8px; background:#fff;
  border:2px solid var(--sgk-line); border-radius:var(--sgk-r-m); padding:14px 18px;
  text-decoration:none; color:var(--sgk-ink); font-family:var(--sgk-f-round); font-weight:700; transition:.2s;
}
.sgk-cities a:hover{ border-color:var(--sgk-mint); background:var(--sgk-mint-l); }
.sgk-cities .count{ font-size:.78rem; color:var(--sgk-ink-2); font-weight:500; white-space:nowrap; }

/* --------------------------------------------------
   7. STEP / ポイント
-------------------------------------------------- */
.sgk-flow{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; counter-reset:sgkflow; }
.sgk-flow li{ background:#fff; border:2px solid var(--sgk-line); border-radius:var(--sgk-r-m);
  padding:22px 18px; position:relative; }
.sgk-flow li::before{
  counter-increment:sgkflow; content:"STEP " counter(sgkflow);
  display:inline-block; font-family:var(--sgk-f-round); font-size:.72rem; font-weight:700;
  letter-spacing:.1em; color:#fff; background:var(--sgk-mint); border-radius:999px;
  padding:2px 12px; margin-bottom:10px;
}
.sgk-flow.-point li::before{ content:none; }
.sgk-flow.-point h3{ position:relative; padding-left:18px; }
.sgk-flow.-point h3::before{ content:""; position:absolute; left:0; top:.62em; width:9px; height:9px;
  border-radius:50%; background:var(--sgk-primary); }
.sgk-flow h3{ font-size:1.05rem; margin-bottom:6px; }
.sgk-flow p{ font-size:.88rem; color:var(--sgk-ink-2); margin:0; }

/* --------------------------------------------------
   8. お知らせ
-------------------------------------------------- */
.sgk-news{ margin:0 0 26px; background:#fff; border:2px solid var(--sgk-line); border-radius:var(--sgk-r-m); }
.sgk-news li+li{ border-top:1px dashed var(--sgk-line); }
.sgk-news a{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 14px; padding:16px 22px;
  text-decoration:none; color:var(--sgk-ink); }
.sgk-news a:hover{ background:var(--sgk-bg-2); }
.sgk-news time{ font-size:.82rem; color:var(--sgk-ink-2); font-variant-numeric:tabular-nums; }
.sgk-news .cat{ font-size:.72rem; font-family:var(--sgk-f-round); font-weight:700; color:#fff;
  background:var(--sgk-mint); border-radius:999px; padding:1px 12px; }
.sgk-news .ttl{ flex:1 1 100%; font-size:.95rem; }

/* --------------------------------------------------
   9. FAQ
-------------------------------------------------- */
.sgk-faq{ border:2px solid var(--sgk-line); border-radius:var(--sgk-r-m); background:#fff; overflow:hidden; }
.sgk-faq details+details{ border-top:1px dashed var(--sgk-line); }
.sgk-faq summary{ cursor:pointer; list-style:none; padding:18px 52px 18px 22px; position:relative;
  font-family:var(--sgk-f-round); font-weight:700; }
.sgk-faq summary::-webkit-details-marker{ display:none; }
.sgk-faq summary::before{ content:"Q"; color:var(--sgk-primary); font-weight:900; margin-right:10px; }
.sgk-faq summary::after{ content:""; position:absolute; right:22px; top:50%; width:10px; height:10px;
  border-right:3px solid var(--sgk-primary); border-bottom:3px solid var(--sgk-primary);
  transform:translateY(-70%) rotate(45deg); transition:.2s; }
.sgk-faq details[open] summary::after{ transform:translateY(-20%) rotate(-135deg); }
.sgk-faq .a{ padding:0 22px 20px 46px; font-size:.94rem; color:var(--sgk-ink-2); }

/* --------------------------------------------------
   10. ページ見出し・パンくず
-------------------------------------------------- */
.sgk-pagehead{ background:var(--sgk-primary-l); padding:30px 0 34px; border-bottom:3px solid #f7d2da; }
.sgk-pagehead h1{ font-size:clamp(1.5rem,3.6vw,2.3rem); font-weight:900; }
.sgk-pagehead .en{ display:block; font-family:var(--sgk-f-round); font-size:.76rem;
  letter-spacing:.2em; color:var(--sgk-primary-d); font-weight:700; }
.sgk-pagehead p{ margin:10px 0 0; font-size:.94rem; color:var(--sgk-ink-2); }

.sgk-crumb{ font-size:.8rem; color:var(--sgk-ink-2); padding:10px 0; }
.sgk-crumb ol{ display:flex; flex-wrap:wrap; gap:6px; }
.sgk-crumb li+li::before{ content:"›"; margin-right:6px; }

/* --------------------------------------------------
   11. 絞り込みフォーム
-------------------------------------------------- */
.sgk-filter{ background:#fff; border:2px solid var(--sgk-line); border-radius:var(--sgk-r-l);
  padding:22px 24px; margin-bottom:26px; }
.sgk-filter__row+.sgk-filter__row{ margin-top:16px; padding-top:16px; border-top:1px dashed var(--sgk-line); }
.sgk-filter__ttl{ font-family:var(--sgk-f-round); font-weight:700; font-size:.9rem; margin-bottom:8px;
  display:flex; align-items:center; gap:8px; }
.sgk-filter__ttl .ico{ width:20px; height:20px; }
.sgk-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.sgk-chip{ position:relative; margin:0; }
.sgk-chip input{ position:absolute; opacity:0; width:100%; height:100%; left:0; top:0; margin:0; cursor:pointer; }
.sgk-chip span{ display:block; padding:7px 18px; border-radius:999px; border:2px solid var(--sgk-line);
  background:#fff; font-size:.88rem; font-family:var(--sgk-f-round); font-weight:700; transition:.2s; }
.sgk-chip input:hover+span{ border-color:var(--sgk-primary); }
.sgk-chip input:checked+span{ background:var(--sgk-primary); border-color:var(--sgk-primary); color:#fff; }
.sgk-chip input:focus-visible+span{ outline:3px solid var(--sgk-accent); outline-offset:2px; }
.sgk-filter__foot{ display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-top:18px; }
.sgk-filter__count{ font-family:var(--sgk-f-round); font-weight:700; margin:0; }
.sgk-filter__count b{ color:var(--sgk-primary); font-size:1.5rem; margin:0 4px; }
.sgk-reset,.sgk-submit{ border-radius:999px; padding:9px 22px; cursor:pointer;
  font-family:var(--sgk-f-round); font-weight:700; font-size:.86rem; }
.sgk-reset{ background:#fff; border:2px solid var(--sgk-line); color:var(--sgk-ink-2); text-decoration:none; }
.sgk-reset:hover{ border-color:var(--sgk-primary); color:var(--sgk-primary-d); }
.sgk-submit{ background:var(--sgk-primary); border:2px solid var(--sgk-primary); color:#fff; }
.sgk-submit:hover{ background:var(--sgk-primary-d); }

/* --------------------------------------------------
   12. 施設カード
-------------------------------------------------- */
.sgk-facs{ display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.sgk-fac{ background:#fff; border:2px solid var(--sgk-line); border-radius:var(--sgk-r-l);
  padding:22px 24px; display:flex; flex-direction:column; height:100%; }
.sgk-fac__area{ display:inline-flex; align-items:center; gap:6px; font-size:.74rem;
  font-family:var(--sgk-f-round); font-weight:700; color:var(--sgk-mint); background:var(--sgk-mint-l);
  border-radius:999px; padding:2px 12px; align-self:flex-start; }
.sgk-fac__name{ font-size:1.2rem; font-weight:900; margin:10px 0 4px; }
.sgk-fac__name a{ color:inherit; text-decoration:none; }
.sgk-fac__name a:hover{ color:var(--sgk-primary-d); }
.sgk-fac__kind{ font-size:.8rem; color:var(--sgk-ink-2); margin:0 0 12px; }
.sgk-tags{ display:flex; flex-wrap:wrap; gap:6px; margin:0 0 14px; }
.sgk-tags li{ font-size:.76rem; font-family:var(--sgk-f-round); font-weight:700;
  border-radius:999px; padding:2px 12px; color:#fff; }
.sgk-tag-stay{ background:var(--sgk-stay); }
.sgk-tag-day{ background:var(--sgk-day); }
.sgk-tag-visit{ background:var(--sgk-visit); }
.sgk-fac__meta{ margin:0 0 6px; font-size:.88rem; color:var(--sgk-ink-2); display:flex; gap:10px; }
.sgk-fac__meta .k{ flex:0 0 4.2em; font-weight:700; color:var(--sgk-ink); }
.sgk-fac__foot{ margin-top:auto; padding-top:14px; border-top:1px dashed var(--sgk-line); }
.sgk-fac__foot a{ font-size:.86rem; font-family:var(--sgk-f-round); font-weight:700; }

.sgk-empty{ text-align:center; padding:50px 20px; background:#fff;
  border:2px dashed var(--sgk-line); border-radius:var(--sgk-r-l); color:var(--sgk-ink-2); }

/* 施設詳細 */
.sgk-detail{ background:#fff; border:2px solid var(--sgk-line); border-radius:var(--sgk-r-l); padding:28px 30px; }
.sgk-detail dl{ margin:0; display:grid; grid-template-columns:8em 1fr; }
.sgk-detail dt{ font-family:var(--sgk-f-round); font-weight:700; padding:12px 0;
  border-top:1px dashed var(--sgk-line); }
.sgk-detail dd{ margin:0; padding:12px 0; border-top:1px dashed var(--sgk-line); }
.sgk-detail dl>dt:first-of-type,.sgk-detail dl>dt:first-of-type+dd{ border-top:0; }

/* --------------------------------------------------
   13. 注意書き・出典・サイトマップ・CTA
-------------------------------------------------- */
.sgk-notice{ background:var(--sgk-accent-l); border:2px solid #f6dcb4; border-radius:var(--sgk-r-m);
  padding:18px 22px; font-size:.9rem; }
.sgk-notice h2,.sgk-notice h3{ font-size:1rem; margin-bottom:6px; }
.sgk-notice p:last-child{ margin-bottom:0; }
.sgk-notice ul{ list-style:disc; padding-left:1.4em; }
.sgk-source{ font-size:.84rem; color:var(--sgk-ink-2); }
.sgk-source ul{ list-style:disc; padding-left:1.4em; margin:6px 0 0; }

.sgk-sitemap{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.sgk-sitemap__block{ background:#fff; border:2px solid var(--sgk-line);
  border-radius:var(--sgk-r-l); padding:24px 26px; }
.sgk-sitemap__block h2{ font-size:1.15rem; display:flex; align-items:center; gap:10px;
  margin-bottom:12px; padding-bottom:10px; border-bottom:2px solid var(--sgk-primary-l); }
.sgk-sitemap__block h2 .ico{ width:26px; height:26px; }
.sgk-sitemap__block li{ padding:5px 0 5px 18px; position:relative; font-size:.95rem; }
.sgk-sitemap__block li::before{ content:""; position:absolute; left:0; top:.85em; width:8px; height:8px;
  border-right:2px solid var(--sgk-primary); border-bottom:2px solid var(--sgk-primary); transform:rotate(-45deg); }
.sgk-sitemap__block ul ul li{ font-size:.88rem; }
.sgk-sitemap__block ul ul li::before{ border-color:var(--sgk-mint); }

.sgk-cta{ background:var(--sgk-primary); color:#fff; text-align:center; padding:44px 0; }
.sgk-cta h2{ font-size:clamp(1.3rem,2.8vw,1.9rem); font-weight:900; margin-bottom:8px; }
.sgk-cta p{ opacity:.95; font-size:.95rem; }
.sgk-cta .sgk-btn{ background:#fff; color:var(--sgk-primary-d)!important; border-color:#fff; }
.sgk-cta .sgk-btn:hover{ background:var(--sgk-bg-2); }

/* ページネーション（SWELLの見た目に寄せた簡易版） */
.sgk-pager{ margin-top:32px; text-align:center; }
.sgk-pager .page-numbers{ display:inline-block; min-width:42px; padding:9px 12px; margin:0 3px;
  border:2px solid var(--sgk-line); border-radius:999px; background:#fff; text-decoration:none;
  font-family:var(--sgk-f-round); font-weight:700; color:var(--sgk-ink); }
.sgk-pager .page-numbers.current{ background:var(--sgk-primary); border-color:var(--sgk-primary); color:#fff; }

@media print{
  .sgk-filter,.sgk-cta,.sgk-pager{ display:none!important; }
  .sgk-fac{ break-inside:avoid; border-color:#999; }
}

/* ==========================================================================
   15. 施設検索・下層ページ用コンポーネント（v1.1 で追加）
   ========================================================================== */

/* --- キーワード検索ボックス --- */
.sgk-search{ display:flex; gap:10px; }
.sgk-search input[type="search"]{
  flex:1; min-width:0; padding:12px 18px; border-radius:999px;
  border:2px solid var(--sgk-line); background:#fff; font-size:1rem; font-family:inherit;
  color:var(--sgk-ink); -webkit-appearance:none; appearance:none;
}
.sgk-search input[type="search"]:focus{ outline:3px solid var(--sgk-accent); outline-offset:2px; border-color:var(--sgk-primary); }
.sgk-search input[type="search"]::placeholder{ color:#a89f9a; }
.sgk-search .sgk-submit{ flex:0 0 auto; padding:12px 30px; border:2px solid var(--sgk-primary); }
.sgk-filter__hint{ margin:8px 0 0; font-size:.8rem; color:var(--sgk-ink-2); }
.sgk-filter.-compact{ margin-bottom:0; box-shadow:var(--sgk-shadow); }
.sgk-filter.-compact .sgk-filter__row+.sgk-filter__row{ margin-top:14px; padding-top:14px; }

/* --- トップページのかんたん検索 --- */
.sgk-quicksearch{ background:var(--sgk-bg); padding:0 0 48px; }
.sgk-quicksearch__ttl{
  display:flex; align-items:center; justify-content:center; gap:8px;
  font-family:var(--sgk-f-round); font-weight:900; font-size:1.15rem; margin:0 0 14px;
}
.sgk-quicksearch__ttl .ico{ width:22px; height:22px; }
.sgk-quicksearch__more{ text-align:center; margin:14px 0 0; font-size:.9rem; font-family:var(--sgk-f-round); font-weight:700; }

/* --- 検索結果の見出し --- */
.sgk-result-ttl{
  font-size:1.15rem; font-weight:900; margin:0 0 18px;
  display:flex; align-items:baseline; flex-wrap:wrap; gap:10px;
}
.sgk-result-ttl span{ font-size:.9rem; color:var(--sgk-primary-d); }
.sgk-empty p{ margin:0 0 .6em; }
.sgk-empty p:last-child{ margin-bottom:0; }

/* --- リード文・小見出し --- */
.sgk-lead{
  font-family:var(--sgk-f-round); font-weight:700; font-size:clamp(1.05rem,2.2vw,1.3rem);
  line-height:1.85; background:var(--sgk-primary-l); border-radius:var(--sgk-r-l);
  padding:24px 28px; margin-bottom:22px;
}
.sgk-lead strong{ color:var(--sgk-primary-d); }
.sgk-subttl{
  font-size:1.2rem; font-weight:900; margin:34px 0 14px; padding-left:14px;
  border-left:6px solid var(--sgk-primary); line-height:1.5;
}

/* --- サポート内容カード --- */
.sgk-support{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.sgk-support li{
  background:#fff; border:2px solid var(--sgk-line); border-radius:var(--sgk-r-l); padding:22px 24px;
}
.sgk-support h3{
  font-size:1.05rem; margin-bottom:8px; padding-bottom:8px;
  border-bottom:2px solid var(--sgk-primary-l);
}
.sgk-support p{ font-size:.9rem; color:var(--sgk-ink-2); margin:0; }

/* --- 表 --- */
.sgk-table-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
.sgk-table{
  width:100%; min-width:600px; border-collapse:separate; border-spacing:0;
  background:#fff; border:2px solid var(--sgk-line); border-radius:var(--sgk-r-m); overflow:hidden;
  font-size:.92rem;
}
.sgk-table th,.sgk-table td{ padding:14px 16px; text-align:left; vertical-align:top; border-bottom:1px solid var(--sgk-line); }
.sgk-table tr:last-child th,.sgk-table tr:last-child td{ border-bottom:0; }
.sgk-table thead th{
  background:var(--sgk-primary); color:#fff; font-family:var(--sgk-f-round);
  font-weight:700; border-bottom:0; white-space:nowrap;
}
.sgk-table tbody th{
  background:var(--sgk-bg-2); font-family:var(--sgk-f-round); font-weight:700;
  width:11em;
}
.sgk-table.-compare tbody th{ width:9em; }
.sgk-table small{ display:block; margin-top:4px; font-size:.8em; color:var(--sgk-ink-2); line-height:1.7; }

/* --- チェックリスト --- */
.sgk-checks{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px 20px; }
.sgk-checks li{
  position:relative; padding:12px 16px 12px 44px; background:#fff;
  border:2px solid var(--sgk-line); border-radius:var(--sgk-r-m); font-size:.94rem;
}
.sgk-checks li::before{
  content:""; position:absolute; left:16px; top:50%; width:14px; height:8px;
  border-left:3px solid var(--sgk-mint); border-bottom:3px solid var(--sgk-mint);
  transform:translateY(-70%) rotate(-45deg);
}

/* --- ステップ（縦並び・詳細版） --- */
.sgk-steps{ counter-reset:sgkstep; display:grid; gap:16px; }
.sgk-steps li{
  position:relative; background:#fff; border:2px solid var(--sgk-line);
  border-radius:var(--sgk-r-l); padding:24px 28px 24px 76px;
}
.sgk-steps li::before{
  counter-increment:sgkstep; content:counter(sgkstep);
  position:absolute; left:24px; top:24px; width:36px; height:36px; border-radius:50%;
  background:var(--sgk-primary); color:#fff; display:grid; place-items:center;
  font-family:var(--sgk-f-round); font-weight:900; font-size:1.1rem;
}
.sgk-steps h3{ font-size:1.1rem; margin-bottom:8px; }
.sgk-steps p{ font-size:.94rem; color:var(--sgk-ink-2); }
.sgk-steps ul{ list-style:disc; padding-left:1.3em; margin:10px 0 0; font-size:.88rem; color:var(--sgk-ink-2); }
.sgk-steps ul li{ background:none; border:0; border-radius:0; padding:2px 0; }
.sgk-steps ul li::before{ content:none; }

/* --- 費用のしくみ --- */
.sgk-costbox{ background:#fff; border:2px solid var(--sgk-line); border-radius:var(--sgk-r-l); padding:26px 28px; }
.sgk-costbox__formula{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:12px;
  font-family:var(--sgk-f-round); font-weight:700; text-align:center;
  padding:18px; background:var(--sgk-bg-2); border-radius:var(--sgk-r-m); margin-bottom:18px;
}
.sgk-costbox__formula em{ font-style:normal; color:var(--sgk-primary); font-size:1.3rem; }
.sgk-costbox__formula strong{ color:var(--sgk-primary-d); font-size:1.15rem; }
.sgk-costbox p:last-child{ margin-bottom:0; }

/* --- 窓口リスト --- */
.sgk-offices{ display:grid; gap:10px; }
.sgk-offices li{
  display:flex; flex-wrap:wrap; align-items:center; gap:6px 18px;
  background:#fff; border:2px solid var(--sgk-line); border-radius:var(--sgk-r-m); padding:14px 20px;
}
.sgk-offices b{ font-family:var(--sgk-f-round); flex:0 0 12em; }
.sgk-offices span{ flex:1; font-size:.88rem; color:var(--sgk-ink-2); }
.sgk-offices a{ font-family:var(--sgk-f-round); font-weight:700; white-space:nowrap; }

/* --- サービス種類カードのリンク --- */
.sgk-type__foot{ margin:14px 0 0; text-align:left; font-size:.88rem; font-family:var(--sgk-f-round); font-weight:700; }

/* --- ブロックエディターで追記した本文 --- */
.sgk-editor{
  background:#fff; border:2px solid var(--sgk-line); border-radius:var(--sgk-r-l);
  padding:26px 28px; margin-top:26px;
}
.sgk-editor ul,.sgk-editor ol{ list-style:revert; padding-left:1.4em; }
.sgk-editor h2,.sgk-editor h3{ margin:1.2em 0 .5em; }
.sgk-editor h2:first-child,.sgk-editor h3:first-child{ margin-top:0; }

/* ==========================================================================
   16. 市町村ページ・規約ページ（v1.2 で追加）
   ========================================================================== */

/* --- 市町村カード --- */
.sgk-citycards{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.sgk-citycards a{
  position:relative; display:block; height:100%; background:#fff;
  border:2px solid var(--sgk-line); border-radius:var(--sgk-r-l);
  padding:24px 26px 60px; text-decoration:none; color:var(--sgk-ink); transition:.2s;
}
.sgk-citycards a:hover{ border-color:var(--sgk-primary); transform:translateY(-3px); box-shadow:var(--sgk-shadow); }
.sgk-citycards__en{
  display:block; font-family:var(--sgk-f-round); font-size:.68rem;
  letter-spacing:.18em; color:var(--sgk-mint); font-weight:700;
}
.sgk-citycards h3{ font-size:1.35rem; font-weight:900; margin:4px 0 10px; }
.sgk-citycards p{
  font-size:.86rem; color:var(--sgk-ink-2); margin:0 0 12px; line-height:1.8;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.sgk-citycards__meta{
  display:inline-block; font-size:.74rem; font-family:var(--sgk-f-round); font-weight:700;
  color:var(--sgk-primary-d); background:var(--sgk-primary-l); border-radius:999px; padding:2px 12px;
}
.sgk-citycards__arw{
  position:absolute; right:22px; bottom:20px; width:30px; height:30px; border-radius:50%;
  background:var(--sgk-primary); color:#fff; display:grid; place-items:center; font-size:.85rem;
}

/* --- ボタンの横並び --- */
.sgk-linkrow{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin-top:30px; }

/* --- プライバシーポリシー・免責事項 --- */
.sgk-legal{ counter-reset:sgklegal; display:grid; gap:14px; margin-top:26px; }
.sgk-legal > li{
  counter-increment:sgklegal; background:#fff; border:2px solid var(--sgk-line);
  border-radius:var(--sgk-r-l); padding:24px 28px;
}
.sgk-legal > li > h2{
  font-size:1.1rem; font-weight:900; margin-bottom:12px; padding-left:38px; position:relative;
}
.sgk-legal > li > h2::before{
  content:counter(sgklegal); position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:28px; height:28px; border-radius:50%; background:var(--sgk-primary-l);
  color:var(--sgk-primary-d); display:grid; place-items:center; font-size:.85rem;
}
.sgk-legal p{ font-size:.94rem; color:var(--sgk-ink-2); }
.sgk-legal p:last-child{ margin-bottom:0; }
.sgk-legal ul{ list-style:disc; padding-left:1.4em; margin:0 0 1em; font-size:.92rem; color:var(--sgk-ink-2); }
.sgk-legal ul li{ padding:2px 0; }
.sgk-legal code{ background:var(--sgk-bg-2); padding:1px 6px; border-radius:4px; font-size:.9em; }


/* ==========================================================================
   17. SWELLに合わせたレイアウト調整
   ========================================================================== */

/* --- 産後ケアナビのページは、サイドバーなしの全幅で表示する ---
   親テーマ（SWELL）のレイアウト指定を上書きするため !important を使っています。
   サイドバーを表示したい場合は、この .l-sidebar の1行を削除してください。 */
body.-sgk-page .l-sidebar,
body.-sgk-page #sidebar{ display:none !important; }

body.-sgk-page .l-content{ display:block !important; }
body.-sgk-page .l-content,
body.-sgk-page .l-mainContent,
body.-sgk-page .l-mainContent__inner{
  width:100% !important;
  max-width:none !important;
  float:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* --- 長いURL・長い単語で横に伸びないようにする --- */
.sgk-source,
.sgk-source a,
.sgk-editor,
.sgk-legal,
.sgk-notice{ overflow-wrap:anywhere; word-break:break-word; }

/* --- 表 --- */
.sgk-table-wrap{ position:relative; }
.sgk-table-wrap:focus-visible{ outline:3px solid var(--sgk-accent); outline-offset:3px; border-radius:var(--sgk-r-m); }
/* 横スクロールが必要なときだけ案内を出す（JSが .is-scrollable を付けます） */
.sgk-table-wrap.is-scrollable::after{
  content:"← 横にスクロールできます →";
  display:block; margin-top:8px; text-align:center;
  font-family:var(--sgk-f-round); font-weight:700; font-size:.76rem; color:var(--sgk-ink-2);
}
/* 2列だけの表は、無理に横スクロールさせない */
.sgk-table.-narrow{ min-width:0; }

/* --- 本文（ブロックエディター）に貼られた表・埋め込み --- */
.sgk-editor table{ display:block; width:100%; overflow-x:auto; }
.sgk-editor iframe,
.sgk-editor embed,
.sgk-editor object{ max-width:100%; }

/* ==========================================================================
   18. レスポンシブ
   SWELLのブレイクポイント（600px / 960px、微調整に1080px）に合わせています。
   ========================================================================== */

/* ---------- 〜1080px（小さめのノートPC） ---------- */
@media screen and (max-width:1080px){
  .sgk-table thead th{ white-space:normal; }
  .sgk-cities{ grid-template-columns:repeat(3,1fr); }
  .sgk-flow{ grid-template-columns:repeat(2,1fr); }
  .sgk-fac,
  .sgk-type,
  .sgk-support li,
  .sgk-detail,
  .sgk-costbox,
  .sgk-legal > li{ padding-left:22px; padding-right:22px; }
}

/* ---------- 〜959px（SWELLのタブレット以下） ---------- */
@media screen and (max-width:959px){
  .sgk-section{ padding:44px 0; }
  .sgk-hero__inner{ padding-top:28px; }
  .sgk-hero__art{ margin-top:-24px; }

  /* ヒーローの導線カードは縦積み */
  .sgk-actions{ grid-template-columns:1fr; margin-top:-20px; padding-bottom:36px; }

  /* 3カラムのカードは2カラムへ。最後の1枚が余ったら横いっぱいに広げる */
  .sgk-types,
  .sgk-support,
  .sgk-citycards{ grid-template-columns:repeat(2,1fr); }
  .sgk-types > li:last-child:nth-child(odd),
  .sgk-support > li:last-child:nth-child(odd),
  .sgk-citycards > li:last-child:nth-child(odd){ grid-column:1 / -1; }

  /* 施設カードは1カラム（タブレットで2列にすると窮屈なため） */
  .sgk-facs{ grid-template-columns:1fr; }

  /* 市町村ボタンは2カラム（3カラムだと「その他の市町村」が折り返すため） */
  .sgk-cities{ grid-template-columns:repeat(2,1fr); }

  .sgk-sitemap{ grid-template-columns:1fr; }
  .sgk-quicksearch{ padding-bottom:40px; }
}

/* ---------- 〜599px（SWELLのスマホ） ---------- */
@media screen and (max-width:599px){
  .sgk-section{ padding:36px 0; }
  .sgk__inner{ width:min(100% - 24px,var(--sgk-w)); }

  /* ヒーロー */
  .sgk-hero__inner{ padding-top:22px; }
  .sgk-hero__art{ margin-top:-8px; }
  .sgk-hero__note{ font-size:.88rem; }

  /* カード類はすべて1カラム */
  .sgk-types,
  .sgk-support,
  .sgk-citycards,
  .sgk-checks,
  .sgk-flow{ grid-template-columns:1fr; }
  .sgk-types > li:last-child:nth-child(odd),
  .sgk-support > li:last-child:nth-child(odd),
  .sgk-citycards > li:last-child:nth-child(odd){ grid-column:auto; }
  .sgk-cities{ grid-template-columns:repeat(2,1fr); }
  .sgk-cities a{ padding:12px 14px; font-size:.92rem; gap:4px; }

  /* 見出し */
  .sgk-pagehead{ padding:24px 0 26px; }
  .sgk-subttl{ font-size:1.1rem; margin:28px 0 12px; }
  .sgk-head{ margin-bottom:24px; }

  /* 検索フォーム */
  .sgk-filter{ padding:18px 16px; border-radius:var(--sgk-r-m); }
  .sgk-search{ flex-direction:column; }
  .sgk-search .sgk-submit{ width:100%; justify-content:center; }
  .sgk-chip span{ padding:7px 14px; font-size:.84rem; }
  .sgk-filter__foot{ gap:10px; }

  /* 施設 */
  .sgk-fac{ padding:20px 18px; border-radius:var(--sgk-r-m); }
  .sgk-result-ttl{ font-size:1.05rem; }

  /* 施設詳細の定義リストは縦積み */
  .sgk-detail{ padding:20px 18px; border-radius:var(--sgk-r-m); }
  .sgk-detail dl{ grid-template-columns:1fr; }
  .sgk-detail dt{ padding:12px 0 0; border-top:1px dashed var(--sgk-line); }
  .sgk-detail dd{ padding:2px 0 12px; border-top:0; }
  .sgk-detail dl > dt:first-of-type{ border-top:0; }

  /* 表：横スクロールしても1列目（項目名）は見えたままにする */
  .sgk-table{ font-size:.86rem; min-width:520px; }
  .sgk-table th,.sgk-table td{ padding:12px 12px; }
  .sgk-table tbody th{ width:auto; min-width:7em; }
  .sgk-table thead th:first-child,
  .sgk-table tbody th:first-child{
    position:sticky; left:0; z-index:1;
    box-shadow:1px 0 0 var(--sgk-line);
  }
  .sgk-table.-narrow{ min-width:0; }
  .sgk-table.-narrow thead th:first-child,
  .sgk-table.-narrow tbody th:first-child{ position:static; box-shadow:none; }

  /* ステップ：番号は上に置く */
  .sgk-steps li{ padding:20px 18px; }
  .sgk-steps li::before{ position:static; margin-bottom:10px; }

  /* 窓口リスト：施設名を1行使う */
  .sgk-offices li{ padding:14px 16px; }
  .sgk-offices b{ flex:1 0 100%; }
  .sgk-offices span{ flex:1 0 100%; }

  /* 費用のしくみ */
  .sgk-costbox{ padding:20px 18px; }
  .sgk-costbox__formula{ gap:6px; font-size:.9rem; padding:14px; }
  .sgk-costbox__formula strong{ font-size:1.05rem; }

  /* リード文・規約 */
  .sgk-lead{ padding:20px 18px; font-size:1rem; }
  .sgk-legal > li{ padding:20px 18px; }
  .sgk-legal > li > h2{ font-size:1.02rem; padding-left:34px; }

  /* ボタン */
  .sgk-btn{ padding:12px 22px; font-size:.94rem; }
  .sgk-btn.-lg{ padding:14px 26px; font-size:1rem; }
  .sgk-linkrow{ flex-direction:column; }
  .sgk-linkrow .sgk-btn{ width:100%; justify-content:center; }
  .sgk__center .sgk-btn + .sgk-btn{ margin-top:10px; }

  /* お知らせ・FAQ */
  .sgk-news a{ padding:14px 16px; }
  .sgk-faq summary{ padding:16px 44px 16px 16px; }
  .sgk-faq .a{ padding:0 16px 18px 34px; }

  /* 注意書き */
  .sgk-notice{ padding:16px 18px; }
  .sgk-cta{ padding:36px 0; }
}

/* ---------- 〜374px（iPhone SE など） ---------- */
@media screen and (max-width:374px){
  .sgk-cities{ grid-template-columns:1fr; }
  .sgk-hero__title{ font-size:1.5rem; }
}