/* =====================================================================
   BE SCHOOL 規約ページ（terms.html・tokushoho.html・privacy.html）共通のデザイン
   ===================================================================== */
.lg-draft{display:flex;align-items:center;justify-content:center;gap:10px;padding:9px 16px;border-bottom:var(--bd);background:var(--yellow);font-size:13px;font-weight:700;line-height:1.6;text-align:center}
.lg-draft b{flex:none;padding:1px 8px;background:var(--ink);color:#fff;font-family:var(--f-en);font-size:11px;letter-spacing:.14em}
.lg{padding-top:clamp(36px,5vw,64px)}
.lg .container{max-width:880px}
.lg-doc{margin-top:clamp(24px,3vw,36px);padding:clamp(22px,4vw,44px);border:var(--bd);border-radius:var(--r);background:#fff;box-shadow:8px 8px 0 rgba(20,26,77,.14);font-size:15px;line-height:1.95}
.lg-doc h2{margin:2em 0 .6em;padding-bottom:6px;border-bottom:2px dashed rgba(20,26,77,.25);font-size:17px;line-height:1.5}
.lg-doc h2:first-child{margin-top:0}
.lg-doc p{margin:0 0 .8em}
.lg-doc ul{margin:0 0 1em;padding-left:1.3em}
.lg-doc li{margin:.25em 0}
.lg-table{display:grid;margin:0;border-top:var(--bd)}
.lg-table>div{display:grid;gap:4px 24px;padding:14px 0;border-bottom:1px solid rgba(20,26,77,.18)}
@media (min-width:720px){.lg-table>div{grid-template-columns:200px minmax(0,1fr)}}
.lg-table dt{font-weight:700}
.lg-table dd{margin:0;min-width:0;overflow-wrap:anywhere}
.lg-table small{color:var(--ink-2)}
.lg-tbc{display:inline-block;margin-left:6px;padding:0 8px;border-radius:4px;background:var(--red);color:#fff;font-size:11px;font-weight:700;line-height:1.8;vertical-align:1px}
.lg-note{margin-top:1.2em!important;padding:12px 14px;border-left:4px solid var(--red);background:#fff3f5;font-size:13px;line-height:1.8}
.lg-date{margin-top:2em!important;color:var(--ink-2);font-size:13px;text-align:right}
.lg-back{margin-top:24px;font-size:14px;text-align:center}