/* ==========================================================================
   Layout: Container
   ========================================================================== */

.l-container {
  width: 100%;
  max-width: var(--container-max-width);
  margin-inline: auto;
  padding-inline: var(--container-padding-sp);
}

@media (min-width: 768px) {
  .l-container {
    padding-inline: var(--container-padding-pc);
  }
}

.l-main:not(.l-main--front) {
  padding-top: var(--header-height-sp);
}

@media (min-width: 768px) {
  .l-main:not(.l-main--front) {
    padding-top: var(--header-height-pc);
  }
}


/* パンくずバーでヘッダー下余白を確保するページは main の上余白を不要に */
body.single-case_study .l-main,
body.post-type-archive-case_study .l-main,
body.single-post .l-main,
body.cdg-journal-archive .l-main,
body.page-template-page-about .l-main,
body.page-template-page-contact .l-main,
body.page-template-page-contact-confirm .l-main,
body.page-template-page-contact-thanks .l-main,
body.page-template-page-worksheet-thanks .l-main,
body.cdg-page .l-main,
body.error404 .l-main {
  padding-top: 0;
}

body.page-template-page-contact .l-main {
  padding-top: var(--space-sm);
}