/* 規約・重要事項説明書のテキスト版（インラインフレーム内で読ませる）用のスタイル */
:root{
  --brand:#0f8b8d;
  --brand-dark:#0b6a6c;
  --ink:#1b2a2b;
  --sub:#5f7375;
  --line:#dfe7e8;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff}
body{
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP","Yu Gothic",sans-serif;
  font-size:14px;line-height:1.9;
}
.doc{max-width:640px;margin:0 auto;padding:16px 16px 32px}
.doc h1{font-size:18px;line-height:1.5;margin:0 0 2px;text-align:center}
.doc .ver{font-size:12px;color:var(--sub);text-align:center;margin:0 0 16px}
.doc h2{font-size:15px;margin:22px 0 6px;padding-left:8px;border-left:3px solid var(--brand);color:var(--brand-dark)}
.doc h3{font-size:13px;margin:14px 0 4px;color:var(--brand-dark)}
.doc p{margin:0 0 8px}
.doc ol,.doc ul{margin:0 0 8px;padding-left:1.4em}
.doc li{margin-bottom:4px}
.doc .end{margin-top:24px;text-align:right;color:var(--sub)}
/* 特定商取引法に基づく表記の項目一覧（狭い画面では項目名と内容が縦に積まれる） */
.doc dl{margin:0;border-top:1px solid var(--line)}
.doc dl>div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.doc dt{font-weight:700;color:var(--brand-dark)}
.doc dd{margin:0}
@media (max-width:520px){
  .doc dl>div{grid-template-columns:1fr;gap:2px}
}
/* キャンセル区分・返金方法などの表（横に溢れる場合は表だけ横スクロールさせる） */
.doc .table-wrap{overflow-x:auto;margin:0 0 8px}
.doc table{width:100%;border-collapse:collapse;min-width:420px}
.doc th,.doc td{padding:8px 10px;border:1px solid var(--line);text-align:left;vertical-align:top}
.doc th{background:#f4f8f8;color:var(--brand-dark);font-weight:700;white-space:nowrap}