html {
  /* ページ全体のスクロールを滑らかにする */
  scroll-behavior: smooth;
}

main {
  /* 300pxはヘッダー + フッターの目安 */
  min-height: calc(100vh - 600px);
  overflow-x: clip;
}

.l-section {
  width: 100%;
}

.l-container {
  /* 1440px を上限に中央寄せ、左右に 100px のバッファ */
  max-width: 1440px;
  width: calc(100% - 200px);
  margin-inline: auto;
  padding: 40px 0;
}

#home-recommend {
  /* アンカーリンクの着地がヘッダーに被らないように調整 */
  scroll-margin-top: 80px;
}