/* about.html（私たちについて）専用スタイル
   共通の骨格・部品は base.css。ここは .p-about- 接頭辞のみ */

/* ---------- 約束（見出し｜本文） ---------- */
.p-about-promise__body p + p { margin-top: 1em; }
@media (min-width: 768px) {
  .p-about-promise__head { grid-column: 1 / 11; }
  .p-about-promise__body { grid-column: 13 / 22; padding-top: 8px; }
}

/* ---------- 査定書の4項目（定義リスト・罫） ---------- */
.p-about-ledger { margin-top: 56px; }
@media (min-width: 768px) { .p-about-ledger { margin-top: 72px; } }
.p-about-ledger__row {
  display: grid; gap: 8px;
  padding: 24px 0;
  border-bottom: 1px solid var(--line);
}
.p-about-ledger__row:first-child { border-top: 1px solid var(--line); }
.p-about-ledger__row dd { line-height: 1.9; }
@media (min-width: 768px) {
  .p-about-ledger__row { grid-template-columns: repeat(23, minmax(0, 1fr)); gap: 0; align-items: baseline; }
  .p-about-ledger__row dt { grid-column: 1 / 8; }
  .p-about-ledger__row dd { grid-column: 9 / 22; }
}

/* ---------- 写真（余白の中に横長で1枚） ---------- */
.p-about-photo { margin-top: 64px; }
@media (min-width: 768px) { .p-about-photo { margin-top: 88px; } }
.p-about-photo img {
  width: 100%; height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

/* ---------- 鑑定士（罫の行） ---------- */
.p-about-staff { margin-top: 32px; max-width: 56em; }
.p-about-staff__row {
  display: flex; flex-wrap: wrap; align-items: baseline;
  justify-content: space-between; gap: 6px 24px;
  padding: 22px 0;
  border-bottom: 1px solid var(--line);
}
.p-about-staff__row:first-child { border-top: 1px solid var(--line); }
.p-about-staff__name {
  font-family: var(--f-serif); font-weight: 400; font-size: 19px;
  letter-spacing: .04em; flex: 1 1 160px;
}
.p-about-staff__role { font-size: 14px; color: var(--ink-2); }
.p-about-staff__yrs { font-size: 13px; color: var(--ink-2); white-space: nowrap; }

/* ---------- 会社概要 ---------- */
.p-about-company { margin-top: 32px; max-width: 56em; }