@charset "UTF-8";

/* =========================================================
   Page layout
   .container : TOP のセクション幅（1094px）
   .lower     : 下層ページの外枠（NEWS / 記事 / MENU / STAFF / USER VOICE）

   .lower の上下余白はページごとに変数で指定する
     --lower-pt / --lower-pb         : PC
     --lower-pt-tab / --lower-pb-tab : 1100px 以下
     --lower-pt-sp                   : 768px 以下（下余白は共通で 24px）
   ========================================================= */
.container {
  width: min(1094px, 100% - var(--gutter) * 2);
  margin-inline: auto;
}

.lower {
  padding: var(--lower-pt, 148px) 0 var(--lower-pb, 0);
}

.lower__inner {
  width: min(1124px, 100% - var(--gutter) * 2);
  margin-inline: auto;
}

@media (max-width: 1100px) {
  .lower {
    padding-top: var(--lower-pt-tab, 100px);
    padding-bottom: var(--lower-pb-tab, var(--lower-pb, 0));
  }
}

@media (max-width: 768px) {
  .lower {
    padding: var(--lower-pt-sp, 64px) 0 24px;
  }
}