@charset "UTF-8";

.outlinePage .section { padding-top: calc(var(--header-h) + clamp(40px, 6vw, 72px)); }
.outlinePage__pre {
  display: inline-block; border: 1px solid var(--c-ink); font-size: 12px;
  letter-spacing: .2em; padding: 3px 12px; margin-bottom: 24px;
}
.outlinePage__blockTtl {
  font-size: clamp(15px, 1.5vw, 17px); letter-spacing: .14em; font-weight: 600;
  margin: clamp(28px, 4vw, 44px) 0 12px;
}
.outlinePage__blockTtl:first-of-type { margin-top: 0; }
.outlinePage__dl { border-top: 1px solid var(--c-line); }
/* 項目名の列幅。最長の「建物売主・土地販売代理」が1行で収まる幅(必要240px)に合わせる。
   各行が個別のgridなので、列幅を固定値にしないと行ごとに幅が変わって縦線が揃わない。 */
.outlinePage__dl > div {
  display: grid; grid-template-columns: 240px 1fr;
  border-bottom: 1px solid var(--c-line);
}
.outlinePage__dl dt {
  padding: 14px 18px; background: #efece6; font-size: 14px; letter-spacing: .14em; font-weight: 600;
}
.outlinePage__dl dd { padding: 14px 20px; font-size: 14.5px; letter-spacing: .06em; }
/* 原稿が空欄の項目（建築確認番号など）は行の高さが揃わないため、空の行送りを確保する */
.outlinePage__dl dd:empty::before { content: "\00a0"; }
.outlinePage__note { margin-top: 28px; }
.outlinePage__notes { margin-top: clamp(28px, 4vw, 44px); }
.outlinePage__notes .note + .note { margin-top: 8px; }
.outlinePage__notesTtl {
  font-size: 13.5px; letter-spacing: .1em; font-weight: 600;
  margin: 22px 0 8px;
}
.outlinePage__notesTtl:first-child { margin-top: 0; }
.outlinePage__dates { margin-top: 22px; font-size: 13.5px; letter-spacing: .06em; }
.outlinePage__dates p + p { margin-top: 4px; }

@media (max-width: 860px) {
  .outlinePage__dl > div { grid-template-columns: 1fr; }
  .outlinePage__dl dt { padding: 10px 14px; }
  .outlinePage__dl dd { padding: 12px 14px 16px; }
}