/* 回数券利用規約 /card/terms/(第47回)── 見本 card_mock_v5.html の ②利用規約のページ のまま
 * 色・大きさ・並べ方は見本と同じ。字はサイトと同じ書体(base.css の --mincho・--gothic。明朝の太字は読み込んでいる中でいちばん太い 600)
 * 紺は使わない(common.md「色の決まり」:文字の赤 #C4382D=--oc-red-text)
 */
.tm-main{--tm-cream:#FAF6F0; --tm-rule:#e3dbcf; --tm-sub:#5f5a53; --tm-ink:#212121; background:var(--tm-cream); color:var(--tm-ink)}
.tm-top{padding-top:calc(var(--oc-header-h) + env(safe-area-inset-top,0px) + 20px)}
.tm-top .oc-crumb{margin:0}

.tm{max-width:760px; margin:0 auto; padding:28px 16px 48px; line-height:1.7}
.tm h1{font-family:var(--mincho); font-weight:600; font-size:clamp(20px,6vw,28px); line-height:1.45; letter-spacing:.06em; text-align:center; margin:6px 0 4px; color:var(--tm-ink)}
.tm-deco{display:flex; justify-content:center; margin-bottom:6px}
.tm-deco img{width:40px; height:40px}
.tm-lead{background:#fff; border-radius:14px; padding:14px 18px; font-size:15px; border:1px solid var(--tm-rule); margin:0 0 18px}

.tm-sec{background:#fff; border-radius:16px; padding:16px 18px 14px; margin-bottom:14px; border:1px solid var(--tm-rule)}
.tm-sec h2{display:flex; align-items:center; gap:10px; margin:0 0 8px; font-size:17px; font-weight:600; line-height:1.7; letter-spacing:0; color:var(--tm-ink); font-family:var(--mincho)}
.tm-num{flex:0 0 auto; font-family:var(--mincho); font-weight:600; font-size:21px; line-height:1; color:var(--oc-red-text); letter-spacing:.04em; padding-right:10px; border-right:1px solid var(--tm-rule)}
.tm-sec h2 svg{flex:0 0 22px; width:22px; height:22px; margin-left:auto; opacity:.55}
.tm-sec ul{list-style:none; margin:0; padding:0}
.tm-sec li{position:relative; margin:0; padding:8px 0 8px 14px; border-top:1px dashed var(--tm-rule); font-size:15px}
.tm-sec li:first-child{border-top:0}
.tm-sec li::before{content:""; position:absolute; left:0; top:17px; width:5px; height:5px; border-radius:50%; background:#d9a99c}
.tm-lb{display:inline-block; font-weight:700; color:var(--tm-ink); background:#f3ede4; border-radius:4px; padding:0 6px; margin-right:4px}
/* G の「:」は見えない形で残す(読み上げ・文字のコピーでは G と同じ文になる) */
.tm-sr{position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0}
.tm-sec p{margin:0 0 6px; font-size:15px}

.tm-link{margin:18px 0 0; text-align:center}