/* layout.css
   ページ全体の骨格レイアウト
*/

/* ── サイト全体ラッパー ──────────────────────────── */
.l-site {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.l-main {
  flex: 1;
}

/* ── セクション共通 ──────────────────────────────── */
.l-section {
  padding-block: 60px;
}
.l-section--gray {
  background: var(--color-accent);
}

@media (max-width: 740px) {
  .l-section {
    padding-block: 40px;
  }
}