/* partners 班（支援者の方へ・運営の公開・お仕事のご依頼）だけの追加。頭に body の class を付けてそのページだけに効かせる */

/* 支援者の方へ：目次の「グループホームの1枚表」は句の途中で折れないので、幅400未満では目次を1列にする
   （2列だと幅360で右へ15pxはみ出す／幅390でも02の行の↓が右の余白へ12px食い込む） */
@media (max-width: 399px) {
  .pg-shi .page-toc ol { grid-template-columns: minmax(0, 1fr); }
}

/* 運営の公開：s7 の写真（2026-10-08 に板金 t07b から話し合いの机 t31 へ替えた）。スマホの正方形でも机の上の手元が真ん中に来るように */
@media (max-width: 959px) {
  .pg-kou #s7 .photo--feature img { object-position: 50% 60%; }
}

/* 支援者の方へ・運営の公開：項目と中身の表（.data-table--kv）は、スマホでは「項目名を上・中身を下」の1列に積む。
   中身の欄が約220pxしかなく、地名やことばの途中で折れていたため */
@media (max-width: 599px) {
  :is(.pg-shi, .pg-kou) .data-table--kv,
  :is(.pg-shi, .pg-kou) .data-table--kv tbody,
  :is(.pg-shi, .pg-kou) .data-table--kv tr,
  :is(.pg-shi, .pg-kou) .data-table--kv th,
  :is(.pg-shi, .pg-kou) .data-table--kv td { display: block; width: auto; min-width: 0; }
  :is(.pg-shi, .pg-kou) .data-table--kv tr { padding: 16px 0; border-bottom: 1px solid var(--line); }
  :is(.pg-shi, .pg-kou) .data-table--kv th[scope="row"],
  :is(.pg-shi, .pg-kou) .data-table--kv td { padding: 0; border-bottom: 0; }
  :is(.pg-shi, .pg-kou) .data-table--kv th[scope="row"] { width: auto; margin-bottom: 4px; }
  :is(.pg-shi, .pg-kou) .data-table--kv th br { display: none; }
  :is(.pg-shi, .pg-kou) .data-table--kv td { word-break: auto-phrase; }
}

/* 支援者の方へ s1：見出しの下に「写真左・表右」（PC は写真5：表7）。スマホは見出し→写真→表 */
@media (min-width: 960px) {
  .pg-shi .shi-s1 { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 0 72px; }
  .pg-shi .shi-s1 .table-scroll { margin-top: 0; }
}

/* 支援者の方へ s8「続けてきた年数」：見出しが無く札だけなので、2列にせず1列で札→本文と続ける */
.pg-shi #s8 .two-col { display: block; }
.pg-shi #s8 .section-head { margin-bottom: 0; }

/* 締めの入力の段（支援者の窓口／見積もり相談）：小さい見出しを他の段の札（線つき・小さい字）にそろえる。
   字の大きさが「札 → 大きい一言」の順になる */
:is(.pg-shi #madoguchi, .pg-shig #mitsumori) .section-head { margin-bottom: 0; }
:is(.pg-shi #madoguchi, .pg-shig #mitsumori) .section-title--sm {
  display: flex; align-items: center; gap: 14px; margin: 0 0 22px;
  font-family: var(--f-body); font-size: 16px; font-weight: 700; line-height: 1.5; letter-spacing: .02em; color: var(--ink);
}
:is(.pg-shi #madoguchi, .pg-shig #mitsumori) .section-title--sm::before { content: ""; width: 40px; height: 1px; background: var(--ink); flex: none; }
/* PC の「一言は左・入力欄は右・電話は入力欄の下」は style.css の .section--close .cta-block:has(.form) へ移した（2026-10-08 共通の係） */

/* お仕事のご依頼 s4：写真が左の端まで伸びる段では、写真の説明を写真の内側の端（右）にそろえる。
   左の余白（x=40）から始まって写真の左端とずれていたため */
@media (min-width: 960px) {
  .pg-shig #s4 .bleed--photo-left > .photo figcaption { left: auto; right: 0; padding-left: 0; padding-right: 0; justify-content: flex-end; }
}

/* お仕事のご依頼（2026-10-08 審査3回目）：
   ① 目次が5つで、PC では4列＋2行目に1つだけ残っていた＝3列（3＋2）にする
   ② 見積もり相談（PC）：左の列が一言の下で大きく空いていた＝電話は入力欄の下（右）へ移し、
      左の一言は下へ読み進めても横に残るよう sticky にする（採用の職種ページの応募の段も同じ並び） */
@media (min-width: 960px) {
  .pg-shig .page-toc ol { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* ---------- 2026-10-08 画面審査（2回目）の直し ---------- */
/* 表の項目名（左の列）：幅600以上は 9字が1行に入る幅（9.5em＋左右の余白20px）をとり、語の途中では折らない（<wbr> の所でだけ折る）。
   「グループ｜ホーム」のような v2 の <br> も PC では外して1行に */
@media (min-width: 600px) {
  :is(.pg-shi, .pg-kou) .data-table--kv th[scope="row"] { width: calc(9.5em + 20px); word-break: keep-all; overflow-wrap: normal; }
  :is(.pg-shi, .pg-kou) .data-table--kv th[scope="row"] br { display: none; }
  /* 支援者の方へ s2（グループホームの1枚表）：項目名は6字まで＋文字左／写真右の細い列なので元の幅のまま（広げると幅960〜999で列が押し出される） */
  .pg-shi #s2 .data-table--kv th[scope="row"] { width: 7.5em; }
}
/* 支援者の方へ・PC：目次は7項目なので1段に3つ並べる（「受けるのが難しい場合」「グループホームの1枚表」が1行に収まり、高さがそろう）。
   目次のリンクは横並び（flex）なので <span class="nw"> を入れると字の間が空く＝幅でそろえる。幅1100未満は3つだと狭く、はみ出すので元のまま */
@media (min-width: 1100px) {
  .pg-shi .page-toc ol { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
/* 運営の公開 s3（地域の会議・t21）：PC の縦長の切り抜きで、書き留める手と話す人の手が両方入るよう右へ寄せる */
@media (min-width: 960px) { .pg-kou #s3 .bleed > .photo img { object-position: 62% 50%; } }