/* 運営会社・プライバシーポリシーなどの下層ページ（参考サイトと同じ、読みやすさ優先のシンプルな作り） */
:root {
  --pink: #cb788a;
  --pink-dark: #b66379;
  --pink-pale: #fcf3f3;
  --line: #ecd3d8;
  --text: #3c3c3c;
}

*, *::before, *::after { box-sizing: border-box; }

/* LP と同じく 393px の構図で組み、表示幅 min(100vw, 480px) に合わせて拡縮する。
   長さ同士の割り算に未対応のブラウザだけ、段階的な倍率（--z）で代用する */
:root { --z: 1; }
@media (max-width: 392px) { :root { --z: 0.99; } }
@media (max-width: 389px) { :root { --z: 0.95; } }
@media (max-width: 374px) { :root { --z: 0.91; } }
@media (max-width: 359px) { :root { --z: 0.81; } }
@media (min-width: 414px) { :root { --z: 1.05; } }
@media (min-width: 440px) { :root { --z: 1.12; } }
@media (min-width: 481px) { :root { --z: 1.2214; } }

body {
  margin: 0;
  background: #fff;
  color: var(--text);
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.9;
  -webkit-text-size-adjust: 100%;
}

.page {
  width: 393px;
  margin: 0 auto;
  padding: 48px 20px 80px;
  overflow-wrap: anywhere;
  background: #fff;
  zoom: var(--z);
  zoom: calc(min(100vw, 480px) / 393px);
}

/* 480px を超える画面では LP と同じく左右に背景色を敷く */
@media (min-width: 481px) {
  body { background: #f7e9ec; }
}

h1 { margin: 0 0 20px; color: var(--pink-dark); font-size: 24px; line-height: 1.5; }
h2 { margin: 40px 0 12px; padding-bottom: 6px; border-bottom: 2px solid var(--pink); color: var(--pink-dark); font-size: 19px; line-height: 1.5; }
h3 { margin: 22px 0 6px; color: var(--pink-dark); font-size: 15px; }
p { margin: 0 0 12px; }
a { color: var(--pink-dark); }
ul { margin: 8px 0; padding-left: 1.4em; }
li { margin-bottom: 4px; }

table { width: 100%; border-collapse: collapse; font-size: 15px; }
th, td { padding: 10px 12px; border: 1px solid var(--line); text-align: left; vertical-align: top; }
th { width: 34%; background: var(--pink-pale); color: var(--pink-dark); font-weight: 700; }
.sub { display: block; color: #666; font-size: 13px; font-weight: 400; }

.meta { margin-top: 40px; color: #666; font-size: 14px; }
.back { display: inline-block; margin-top: 40px; font-weight: 700; }

/* 仮表示（未確定情報）。トップページと同じ見た目 */
.tbd {
  outline: 2px dashed #f5a623;
  outline-offset: 1px;
  background-color: rgba(255, 221, 0, 0.3);
  border-radius: 2px;
}