/* v3/site company 班の追加（会社と代表・お問い合わせ・個人情報・サイトの案内）。
   style.css は触らない。頭に body の class を付けて、そのページだけに効かせる。 */

/* ---------- 会社と代表（pg-co） ---------- */
.pg-co #s7 .link-list { margin-top: 24px; }
/* これまでの歩み：年月の欄を少し広く（○○○○年○月 が1行に入る） */
.pg-co .co-history th[scope="row"] { width: 8.5em; white-space: nowrap; }
.pg-co .co-outline th[scope="row"] { width: 9.6em; }
@media (min-width: 960px) {
  .pg-co .co-history { max-width: 920px; }
}
/* 目次のすぐ下は s1 の写真（上の余白0の段）なので、目次と写真の間をあける */
.pg-co .page-hero { padding-bottom: 48px; }
@media (min-width: 960px) { .pg-co .page-hero { padding-bottom: 64px; } }
/* s7 会社概要：見出しの下に写真（PC は左の欄の空きを埋める）。s5 地域とのつながりは 10-08 から文字だけ（写真が中身と合わないため） */
.pg-co #s7 .co-fig { margin-top: 32px; }
@media (min-width: 960px) { .pg-co #s7 .co-fig { margin-top: 44px; } }
/* 流れ（内職→焼きいも→…）は灰の段の中なので、上の線を墨のまま・幅いっぱい */
.pg-co #s4 .steps { max-width: none; }

/* 表の中の文も句ごとに折る（「確かめる」などを途中で切らない） */
:is(.pg-co, .pg-pri) .data-table td, .pg-pri .data-table th small { word-break: auto-phrase; }

/* ---------- お問い合わせ（pg-con） ---------- */
/* 最初の画面と灰の段のあいだ：最初の画面の下に余白を足し、見出しの無い灰の段の上は少し減らす */
.pg-con .page-hero { padding-bottom: 40px; }
.pg-con #s1 { padding-top: 48px; padding-bottom: 56px; }
@media (min-width: 960px) {
  .pg-con .page-hero { padding-bottom: 48px; }
  .pg-con #s1 { padding-top: 80px; padding-bottom: 88px; }
}
/* 3つの方法（v2 の .entry-cards）：トップの .entry-list と同じ「線で区切った行」。PC も1列（3列のカードにしない） */
.pg-con .con-ways .entry-cards { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--ink); }
.pg-con .con-ways .entry-cards li { border-bottom: 1px solid var(--line); }
.pg-con .con-ways .entry { grid-template-columns: 44px minmax(0, 1fr) 30px; }
.pg-con .con-ways .entry-want { word-break: keep-all; overflow-wrap: anywhere; }
.pg-con .con-ways .entry-arrow { text-align: right; }
/* 「（見学の予約もできます）」などのかっこ書きは本文の書体・細字・灰（太字の見出しと分ける）。
   本文の書体（BIZ UDPGothic）は約物を詰めて組む（palt）＝行の頭に来ても「（」が字下げに見えない */
.pg-con .con-ways .entry-want .ib { font-family: var(--f-body); font-weight: 400; font-size: 18px; letter-spacing: 0; color: var(--sub); font-feature-settings: "palt"; }
@media (min-width: 960px) {
  .pg-con .con-ways .entry { grid-template-columns: 64px minmax(0, 1fr) 40px; }
}
/* フォームの段：一言は本文の大きさ。フォームの頭の線は一言の下に */
.pg-con #form .cta-lead { margin: 0; font-size: 18px; line-height: 1.8; }
.pg-con #form .form { margin-top: 28px; }
@media (min-width: 960px) {
  /* フォームの段と「お返事と個人情報」の段で、右の列の始まりをそろえる */
  .pg-con .two-col { grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); }
  /* 左の列の見出しは、長いフォームを読むあいだ画面に沿って付いてくる */
  .pg-con #form .section-head { position: sticky; top: 40px; }
}

/* ---------- 個人情報（pg-pri） ---------- */
/* 見出しの下に置く本文の幅（読みやすい長さ） */
.pg-pri .pri-body { max-width: var(--measure, 40em); margin-top: 28px; }
@media (min-width: 960px) { .pg-pri .pri-body { margin-top: 40px; font-size: 18px; } }
.pg-pri .data-table th small { display: block; font-weight: 400; color: var(--sub); }

/* ---------- サイトの案内（pg-map） ---------- */
/* 組ごとに：見出し（左）＋線で区切った一覧（右）。PC で2列の表にしない */
.pg-map .map-group .section-head .section-title { margin-bottom: 20px; }
.pg-map .map-list { margin: 0; padding: 0; }
/* style.css の .map-list a（1行のリンク）を、v2 の中身（名前＋説明）に合わせて「次に読む」と同じ2段の行へ */
.pg-map .map-list a.next-card { display: grid; align-items: center; min-height: 88px; padding: 16px 0; font-weight: 400; }
.pg-map .map-list a.next-card:hover { text-decoration: none; }
.pg-map .map-list .next-card[aria-current="page"] b { text-decoration: underline; text-decoration-color: var(--accent); text-decoration-thickness: 3px; text-underline-offset: 7px; }
/* 今いるページの黄色の下線と、下の説明のあいだをあける */
.pg-map .map-list .next-card[aria-current="page"] b + span { margin-top: 6px; }
@media (min-width: 960px) {
  .pg-map .map-group { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: 0 96px; align-items: start; }
  .pg-map .map-group + .map-group { margin-top: 0; padding-top: 64px; }
  .pg-map .map-group .section-head .section-title { margin-bottom: 0; }
}

/* ---------- 共通（company 班の4ページ） ---------- */
/* 行の頭に来るかっこ開き「（」の前の半角分の空きを詰める（字下げに見えないように） */
:is(.pg-co, .pg-con, .pg-pri, .pg-map) .pkl { margin-left: -.5em; }

/* ---------- 2026-10-08 直し（審査1回目） ---------- */
/* 締め（写真つき＝トップの締めと同じ形）：白の段が続くと上の余白が0になる決まり（.wrap で始まる段向け）を外す */
@media (min-width: 960px) { .pg-co .section--close.section--cta { padding-top: var(--sec) !important; } }
/* お問い合わせ：フォームの見出しの下に相談の机の写真（PC は見出しと一緒に画面に沿って付いてくる） */
.pg-con #form .con-fig { margin-top: 28px; }
@media (min-width: 960px) { .pg-con #form .con-fig { margin-top: 40px; } }
/* 個人情報：最初の画面に小さな写真（スマホは文の下・PC は右） */
.pg-pri .pri-fig { margin-top: 32px; }
@media (min-width: 960px) {
  .pg-pri .pri-hero { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: 0 72px; align-items: end; }
  .pg-pri .pri-fig { margin-top: 0; }
}
/* 個人情報：灰の段も見出し左・本文右にそろえた＝本文の上の余白は要らない */
.pg-pri .two-col-body > .pri-body { margin-top: 0; }
/* サイトの案内：組の見出しはページの見出しより一段小さく。ページの見出しのすぐ下の空き（約180px）を詰める */
.pg-map .map-group .section-head .section-title { font-size: 22px; }
.pg-map #s1 { padding-top: 40px; }
@media (min-width: 960px) {
  .pg-map .map-group .section-head .section-title { font-size: 26px; }
  .pg-map #s1 { padding-top: 64px; }
}