/* 事業所概要（templates/place-overview.php）。place-top.css の後に読む（段・side・問い合わせ・フッターはそちら）。
   出所：KorienOverviewPC / RelienOverviewPC の <style>（PC）と KorienOverviewSP / RelienOverviewSP の <style>（900px 以下）。値は変えない。
   カンプの inline style（見出し帯の見出しの margin、見出し下の1行の margin-top、リードの margin-bottom）はここへ移した。 */

.band { padding: 0 var(--gutter-pc) var(--space-5); }
.band .lm-heading { margin: var(--space-5) 0 0; }
.band .lm-h1 { margin-top: var(--space-4); }
.band .lm-body { margin-top: var(--space-2); }
.section > .lm-heading .lm-body { margin-top: 16px; }
.lm-table th { width: 240px; }
.ab { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-5); }
.ab h3, .sub h3 { margin: 0 0 var(--space-2); }
.ab .lm-lead, .sub .lm-lead { margin: 0 0 8px; font-size: 17px; }
.ab .lm-body, .sub .lm-body { max-width: 26em; }
.sub { margin-top: var(--space-5); }

@media (max-width: 900px) {
  .band { padding: 0 var(--gutter-sp) var(--space-5); }
  .band .lm-h1 { margin-top: var(--space-3); }
  .band .lm-body { font-size: 14px; }
  .lm-heading .lm-label { line-height: 1.8; }
  .section > .lm-heading .lm-body, .side .lm-heading .lm-body { margin-top: 12px; font-size: 14px; }
  .lm-table th { width: auto; }
  .lm-table td { font-size: 15px; }
  .ab { grid-template-columns: 1fr; gap: var(--space-4); }
  .ab h3, .sub h3 { font-size: 18px; line-height: 1.8; font-weight: 400; letter-spacing: .08em; }
  .ab .lm-lead, .sub .lm-lead { font-size: 16px; line-height: 2.1; font-weight: 300; letter-spacing: .04em; }
  .ab .lm-body, .sub .lm-body { max-width: none; font-size: 14px; }
  .sub { margin-top: var(--space-4); padding-top: var(--space-4); border-top: 1px solid var(--rule-sea); }
}