/* 静的ページ（プライバシーポリシー・利用規約など）の骨格。
   本文の見た目は common.css の .public-rich-text をそのまま使い、ここでは幅と余白だけを持つ */
.static-page-shell {
  color: #414141;
  font-family: "Noto Sans JP", "Noto Sans", sans-serif;
}

.static-page {
  width: min(1200px, calc(100% - 48px));
  flex: 1 0 auto;
  margin: 0 auto;
  padding: 17px 0 80px;
}

.static-page .public-breadcrumb {
  width: 800px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.static-page__body {
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
}

.static-page__content {
  margin-top: 8px;
}

/* 見出しへのアンカーで飛んだときに追従ヘッダーへ潜り込まないようにする */
.static-page__content :is(h2, h3)[id] {
  scroll-margin-top: 84px;
}

.static-page__footer {
  margin-top: 56px;
}

@media (max-width: 900px) {
  .static-page {
    width: min(800px, calc(100% - 32px));
  }
}

@media (max-width: 600px) {
  .static-page {
    width: 100%;
    padding: 0 15px 44px;
  }

  .static-page .public-breadcrumb {
    height: 46px;
    margin: 0 -15px;
    padding: 0 15px;
  }

  .static-page__body {
    margin-top: 18px;
  }

  .static-page__footer {
    margin-top: 40px;
  }
}