/* ============================================================
   会社概要 /corpolate/ — ページ固有スタイル
   数値の正本: design_handoff_2026-08-12/LATERAL_デザイン確認.html の実物
   （line 916〜1322。SP 375px と PC 1280px の2つのモックアップを
   768px 1ブレークポイントに統合した）
   ⚠ README §4 は会社案内(dl)を「PC 180px＋本文の2カラム」としているが、
     実物（SP・PC とも）は左ラベル列を持たない単一カラムの縦積み。
     実物を優先し、単一カラムで実装した。
   ⚠ 塗りつぶし円（div+border-radius:50%+#F7EFE0）は実装しない（確定事項）。
     沿革の年月ドット（#F29600・11px/13px）は別物なので実装する。
   クラスは他ページと衝突しないよう p-corp__ 接頭辞のみを使用。
   ============================================================ */

/* ---------------------------------------------------------
   ページヘッダー（COMPANY / 会社概要）
   ⚠ 下層ページヘッダーの面には図形（data-orbit）を置かない
   --------------------------------------------------------- */
.p-corp__title-wrap { padding: 24px 0 32px; }
.p-corp__title { margin-top: 12px; }

@media (min-width: 768px) {
  .p-corp__title-wrap { padding: 44px 0 46px; }
  .p-corp__title { margin-top: 14px; }
}

/* ---------------------------------------------------------
   本文幅720pxで中央寄せする共通の入れ物
   （会社案内のdl、代表挨拶・専門家登録・沿革・事業内容の見出し+本文）
   --------------------------------------------------------- */
@media (min-width: 768px) {
  .p-corp__panel { max-width: 720px; margin-inline: auto; }
}

/* ---------------------------------------------------------
   会社案内（dl）
   --------------------------------------------------------- */
.p-corp__dl {
  margin-top: 20px;
  padding: 0;
  border-top: 1px solid var(--c-rule-light);
}
@media (min-width: 768px) {
  .p-corp__dl { margin-top: 0; }
}

.p-corp__row { border-bottom: 1px solid var(--c-rule-light); padding: 16px 0; }
.p-corp__dt { font-size: 11.5px; font-weight: 700; letter-spacing: .08em; color: var(--c-link); }
.p-corp__dd { margin: 7px 0 0; font-size: 13.5px; line-height: 1.9; color: var(--c-text); }

.p-corp__tel { display: inline-block; padding: 10px 0; font-size: 17px; font-weight: 900; color: var(--c-link); text-decoration: none; }
.p-corp__tel-note { font-size: 12px; line-height: 1.85; color: var(--c-text-sub); }

.p-corp__maplink {
  display: inline-block; margin-top: 2px; padding: 0 0 14px;
  font-size: 12.5px; font-weight: 700; color: var(--c-link);
  text-decoration: underline; text-decoration-color: rgba(154,95,0,.55); text-underline-offset: 2px;
}

@media (min-width: 768px) {
  .p-corp__row { padding: 18px 0; }
  .p-corp__dt { font-size: 12.5px; }
  .p-corp__dd { font-size: 14.5px; line-height: 1.95; }
  .p-corp__tel { font-size: 19px; }
}

/* ---------------------------------------------------------
   見出し（2種）
   Type A: 英字ラベル(.t-label)を伴う見出し（代表挨拶=MESSAGE／沿革=HISTORY）
   Type B: ラベルなしの単独見出し（専門家登録／事業内容）
   ⚠ 数値は実物どおり。Bの letter-spacing は SPのみ・PCの font-feature-settings は PCのみ
   --------------------------------------------------------- */
.p-corp__heading {
  margin-top: 12px;
  font-size: 22px; line-height: 1.5;
}
.p-corp__heading--plain {
  margin-top: 0;
  font-size: 20px;
  letter-spacing: .02em;
  font-feature-settings: normal;
}
@media (min-width: 768px) {
  .p-corp__heading { margin-top: 14px; font-size: 30px; line-height: 1.45; }
  .p-corp__heading--plain { font-size: 30px; line-height: 1.45; letter-spacing: normal; font-feature-settings: 'palt'; }
}

/* ---------------------------------------------------------
   代表挨拶
   ⚠ 施主本人の文章。構成・改行・空白文字は一字も変えない
   --------------------------------------------------------- */
.p-corp__greeting-body { margin-top: 22px; }
.p-corp__greeting-body p { margin: 0; }
.p-corp__greeting-body p + p { margin-top: 22px; }

.p-corp__signature {
  margin-top: 26px;
  font-size: 13px; line-height: 1.9; font-weight: 900;
  color: var(--c-text); text-align: right;
}
/* SP/PC でテキストの区切り方（<br> か全角スペースか）が異なるため、
   header.php の site-head__tag--sp/--pc と同じ手法で出し分ける */
.p-corp__signature--pc { display: none; }

@media (min-width: 768px) {
  .p-corp__greeting-body { margin-top: 30px; max-width: 560px; }
  .p-corp__greeting-body p + p { margin-top: 26px; }
  .p-corp__signature { margin-top: 32px; font-size: 14.5px; }
  .p-corp__signature--sp { display: none; }
  .p-corp__signature--pc { display: inline; }
}

/* ---------------------------------------------------------
   一覧（専門家登録・事業内容で共通の行スタイル）
   --------------------------------------------------------- */
.p-corp__list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--c-rule-light); }
.p-corp__list-item {
  border-bottom: 1px solid var(--c-rule-light);
  padding: 15px 0;
  font-size: 13px; line-height: 1.85; color: var(--c-text);
}
/* 外部リンクを持つ行：paddingはliではなくaに付く */
.p-corp__list-item--link { border-bottom: 1px solid var(--c-rule-light); padding: 0; }
.p-corp__list-link {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 15px 0; font-size: 13px; line-height: 1.85; color: var(--c-link); text-decoration: none;
}
.p-corp__list-note { margin-top: 16px; font-size: 11.5px; line-height: 1.9; color: var(--c-text-sub); }

/* 専門家登録・事業内容とも本文幅は720pxで揃える（見出しと同じ入れ物） */
.p-corp__list-wrap { margin-top: 18px; }

@media (min-width: 768px) {
  .p-corp__list-item { padding: 16px 0; font-size: 14.5px; }
  .p-corp__list-link { gap: 16px; padding: 16px 0; font-size: 14.5px; }
  .p-corp__list-note { margin-top: 18px; font-size: 12.5px; }
  .p-corp__list-wrap { margin-top: 24px; }
}

/* ---------------------------------------------------------
   沿革
   ⚠ 縦線(border-left)＋年月のドット(#F29600・11px/13px)は実装する。
     塗りつぶし円（背景装飾）とは別物なので消さない。
   --------------------------------------------------------- */
.p-corp__history { margin-top: 24px; padding: 0 0 0 4px; list-style: none; border-left: 2px solid var(--c-rule); }
.p-corp__history-item { position: relative; padding: 0 0 26px 26px; }
.p-corp__history-item:last-child { padding-bottom: 4px; }

.p-corp__history-dot {
  position: absolute; left: -4.5px; top: 5px;
  width: 11px; height: 11px; border-radius: 50%;
  background: var(--c-accent);
}
.p-corp__history-dot--current {
  background: var(--c-ground);
  border: 2px solid var(--c-accent);
  box-sizing: border-box;
}

.p-corp__history-date { font-size: 12px; font-weight: 900; letter-spacing: .06em; color: var(--c-link); }
.p-corp__history-event { margin-top: 6px; font-size: 13px; line-height: 1.95; color: var(--c-text); }
.p-corp__history-current { font-size: 13px; line-height: 1.95; font-weight: 700; color: var(--c-text); }

@media (min-width: 768px) {
  .p-corp__history-item { padding: 0 0 34px 34px; }
  .p-corp__history-item:last-child { padding-bottom: 4px; }
  .p-corp__history-dot { left: -5.5px; top: 6px; width: 13px; height: 13px; }
  .p-corp__history-date { font-size: 13px; }
  .p-corp__history-event { margin-top: 7px; font-size: 14.5px; }
  .p-corp__history-current { font-size: 14.5px; }
}

/* ---------------------------------------------------------
   CONTACT面
   2026-08-13、共通パーツ（parts/contact-band.php ＋ components.css の
   .contact-band__* / .btn-contact）へ寄せたため、このページ専用のCSSは廃止した。
   ⚠ ここにあった .p-corp__contact-* 一式（PCだけ32px・1行にする出し分けを含む）は削除済み。
     戻す必要が出たら git 履歴（コミット「CONTACT面のキャッチを…統一」の親）を見ること。
   ⚠ 図形は data-orbit="contact" のまま（軌道ではなく径違いの円3つ）。共通パーツ側が持っている。
     電話番号は置かない（会社案内の表内のみ）。
   --------------------------------------------------------- */