/* home 班（home/ の5ページ）だけの追加。頭に body の class を付けてそのページだけに効かせる。style.css は触らない */

/* 退院を控えた方へ・s4「その後」：事業所番号が長いので1列（facts--stack）。前年度の「2人」は数字として大きく見せる */
.pg-home-taiin #s4 .fact:first-child .v { font-size: clamp(48px, 13vw, 72px); }

/* 退院を控えた方へ・最初の画面：リードのすぐ下の「49.0%」に間をとる */
.pg-home-taiin .page-hero-text .em-num { margin-top: 32px; margin-bottom: 0; }

/* ---------- 2026-10-08 画面審査の直し ---------- */

/* 表の中の文は句で折る（「手助｜け」「下｜がる」のような語の途中の改行を防ぐ） */
.home-kv-wide td, .home-hiy-table td { word-break: auto-phrase; }

/* 費用・表2つ（内訳／手元に残る額）：スマホは1行を縦に積む（項目名が上、中身が下）。見出しの行は読み上げにだけ残す */
@media (max-width: 599px) {
  .home-hiy-table { min-width: 0; }
  .home-hiy-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .home-hiy-table tbody, .home-hiy-table tr { display: block; }
  .home-hiy-table tbody { border-top: 1px solid var(--ink); }
  .home-hiy-table tr { padding: 14px 0; border-bottom: 1px solid var(--line); }
  .home-hiy-table th, .home-hiy-table td { display: block; padding: 0; border-bottom: 0; }
  .home-hiy-table tbody th { margin-bottom: 4px; }
  .home-hiy-table td + td { margin-top: 4px; }
  .home-hiy-table td.num { white-space: normal; }
  /* 内訳：項目名と月の額を1行目に並べ、メモは下の行へ */
  .home-hiy-t1 tr { display: grid; grid-template-columns: 6.5em minmax(0, 1fr); gap: 0 12px; align-items: baseline; }
  .home-hiy-t1 tbody th { margin-bottom: 0; }
  .home-hiy-t1 td + td { grid-column: 1 / -1; color: var(--sub); }
  .home-hiy-t1 td:nth-child(2) { margin-top: 0; }
  /* 手元に残る額：「手元に月 約○円」を太字で最後に */
  .home-hiy-table .home-hiy-sum { font-weight: 700; }
}

/* 費用・幅1280：「生活保護の方へ」（白）と締め（白）の間の空きを半分に */
.pg-home-hiy #s4 { padding-bottom: calc(var(--sec) * .5); }
.pg-home-hiy #s4 + .section--close { padding-top: calc(var(--sec) * .5); }

/* 退院・スマホ：パンくずの最後の項目を1行目の残りに収め、2行目が「／」で始まらないようにする */
@media (max-width: 599px) {
  .pg-home-taiin .crumbs li[aria-current="page"] { display: block; flex: 1 1 0; min-width: 0; padding: 10px 0 10px 36px; text-indent: -36px; }
}

/* 住まいのトップ・所在地：名前と住所を上下に積む（PC で住所の列が細くなり4行に折れるのを防ぐ） */
@media (min-width: 960px) {
  .pg-home #access .access > div { display: block; }
  .pg-home #access .access dd { margin-top: 4px; }
}

/* 体験入居・PC：入居までの7つの段階を4つ＋3つの2段に */
@media (min-width: 960px) {
  .pg-home-tai .steps--flow { grid-template-columns: repeat(4, minmax(0, 1fr)); row-gap: 24px; }
  .pg-home-tai .steps--flow > li:nth-child(4n+1) { border-left: 0; padding-left: 0; }
  .pg-home-tai .steps--flow > li:nth-child(4n+1)::before, .pg-home-tai .steps--flow > li:nth-child(4n+1)::after { left: 0; }
  .pg-home-tai .steps--flow > li:nth-child(n+5) { border-top: 1px solid var(--line); }
}
@media (max-width: 599px) { .home-hiy-t1 .is-ours td + td { font-weight: 400; color: var(--sub); } }

/* 決まり・s3「住み続ける」（写真に白い面を重ねる）：スマホは質問の行が細くならないよう白い面を右端の余白まで広げる */
@media (max-width: 959px) { .pg-home-faq #s3 .feature-panel { margin-right: 0; } }

/* 住まいのトップ・目次「職員がすること」：「職員が｜すること」の所でだけ折る（<wbr> の所） */
.pg-home .page-toc a[href="#s4"], .pg-home-hiy .page-toc a[href="#s3"], .pg-home-hiy .page-toc a[href="#s4"] { word-break: keep-all; }  /* 費用の「生活保護の｜方へ」も同じ（幅360で1字だけ落ちない） */

/* ---------- 2026-10-08 画面審査（2回目）の直し ---------- */

/* 入力欄の段（空き待ち登録／体験の相談／病院の方の窓口）：PC は「一言とボタンは左・入力欄は右」の2列。
   支援者の方へ・見学と体験の入力欄の段と同じ組み方（右半分が空かないように） */
@media (min-width: 960px) {
  :is(.pg-home #akimachi, .pg-home-tai #soudan, .pg-home-taiin #madoguchi) .cta-block {
    max-width: none; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 96px; align-items: start;
  }
  :is(.pg-home #akimachi, .pg-home-tai #soudan, .pg-home-taiin #madoguchi) .cta-block > .form { grid-column: 2; grid-row: 1 / span 8; margin-top: 0; max-width: none; }
  :is(.pg-home #akimachi, .pg-home-tai #soudan, .pg-home-taiin #madoguchi) .cta-block > :not(.form) { grid-column: 1; }
  :is(.pg-home #akimachi, .pg-home-tai #soudan, .pg-home-taiin #madoguchi) .cta-block > .form ~ .cta-sub { margin-top: 20px; }
}

/* 表の項目名（左の列）：幅600以上は 9字が1行に入る幅（9.5em＋左右の余白20px）をとり、語の途中では折らない（<wbr> の所でだけ折る） */
@media (min-width: 600px) {
  :is(.pg-home, .pg-home-hiy, .pg-home-faq, .pg-home-tai, .pg-home-taiin) .data-table--kv th[scope="row"] { width: calc(9.5em + 20px); word-break: keep-all; overflow-wrap: normal; }
}

/* 表の中身も句で折る（「かか｜らない」「生活保｜護」を防ぐ）：住まいのトップ「月にかかるお金」・体験入居「体験の料金」 */
.pg-home #s5 .data-table td, .pg-home-tai #s2 .data-table td { word-break: auto-phrase; }

/* 中身の短い2列の表は、PC で全幅に広げず読みやすい幅で（右の3分の2が空くのを防ぐ） */
@media (min-width: 960px) {
  .pg-home #s5 .table-scroll, .pg-home-faq #s1 .table-scroll, .pg-home-taiin #s2 .table-scroll { max-width: 760px; }
}

/* 費用・内訳の表：家賃の行のメモ（国の公表サイトの額）は他の行のメモと同じ字に。太く大きいのは額だけ */
@media (min-width: 600px) { .home-hiy-t1 .is-ours td + td { font-size: 16px; font-weight: 400; } }

/* 体験入居・PC：7つの段階の2段目は最後の「入居」を2マス分にして、段の右端と上の線を全幅にそろえる */
@media (min-width: 960px) {
  .pg-home-tai .steps--flow > li:nth-child(7) { grid-column: span 2; }
}

/* 体験入居・スマホ：体験の料金の表は「項目名を上・中身を下」の1列に積む（項目名「家賃・食材料費・光熱水費の日割り」が細い列で4行に折れていたため。支援者の方へと同じ形） */
@media (max-width: 599px) {
  .pg-home-tai #s2 .data-table--kv, .pg-home-tai #s2 .data-table--kv tbody, .pg-home-tai #s2 .data-table--kv tr,
  .pg-home-tai #s2 .data-table--kv th, .pg-home-tai #s2 .data-table--kv td { display: block; width: auto; min-width: 0; }
  .pg-home-tai #s2 .data-table--kv tr { padding: 16px 0; border-bottom: 1px solid var(--line); }
  .pg-home-tai #s2 .data-table--kv th[scope="row"], .pg-home-tai #s2 .data-table--kv td { padding: 0; border-bottom: 0; }
  .pg-home-tai #s2 .data-table--kv th[scope="row"] { margin-bottom: 4px; }
}