/* 特商法の表記・プライバシーポリシー: 紙の面に、読むための組み */
.doc-page { background: var(--paper); color: var(--sumi); --ink: var(--sumi); --ink-2: rgba(27, 23, 21, .62); --gold: #7A6233; --hi: #1B1715; --rule: rgba(27, 23, 21, .22); padding-bottom: 0; }
.doc-page .mast { mix-blend-mode: normal; color: var(--sumi); position: static; }
.doc { max-width: 800px; margin: 0 auto; padding: calc(var(--u) * 3) var(--u) calc(var(--u) * 6); }
.doc h1 { font-size: clamp(22px, 2.6vw, 30px); font-weight: 500; letter-spacing: .2em; line-height: 1.8; margin: 8px 0 calc(var(--u) * 2); }
.doc h2 { font-size: 16px; font-weight: 600; letter-spacing: .16em; line-height: 1.8; margin: calc(var(--u) * 2.5) 0 8px; padding-top: var(--u); border-top: 1px solid var(--rule); }
.doc p, .doc li { font-size: 14px; line-height: 2.1; }
.doc ul { list-style: none; }
.doc ul li { padding-left: 1.2em; text-indent: -1.2em; }
.doc ul li::before { content: "・"; }
.doc dl div { display: grid; grid-template-columns: 12em 1fr; column-gap: var(--u); padding: 14px 0; border-top: 1px solid var(--rule); }
.doc dl div:last-child { border-bottom: 1px solid var(--rule); }
.doc dt { font-size: 13px; letter-spacing: .1em; color: var(--ink-2); line-height: 2; }
.doc dd { font-size: 14px; line-height: 2; overflow-wrap: anywhere; }
.doc [data-todo] { color: #A33A2A; }
.doc-foot { margin-top: calc(var(--u) * 3); font-size: 12px; color: var(--ink-2); }
.doc-nav { display: flex; flex-wrap: wrap; gap: var(--u); margin-top: calc(var(--u) * 2); font-size: 13px; }
@media (max-width: 800px) { .doc dl div { grid-template-columns: 1fr; row-gap: 0; } }