/* Kosslet 表記ページ共通（/about/ /tokushoho/ /terms/ /privacy/ /shipping/ /guide/ /returns/） */
.legal{max-width:760px;margin:0 auto;padding:32px 20px 64px;line-height:1.95;font-size:15.5px;color:var(--ink,#201b29)}
.legal h1{font-size:1.55rem;line-height:1.4;margin:0 0 .4rem}
.legal .lead{margin:0 0 1.6rem;color:#5a5566}
.legal h2{font-size:1.12rem;margin:2rem 0 .5rem;padding-bottom:.3rem;border-bottom:1px solid #e6e1ee}
.legal h3{font-size:1rem;margin:1.4rem 0 .3rem}
.legal p{margin:0 0 .9rem}
.legal ul,.legal ol{margin:0 0 1rem;padding-left:1.4em}
.legal li{margin:.2rem 0}
.legal table{width:100%;border-collapse:collapse;margin:0 0 1.2rem;font-size:15px}
.legal th,.legal td{text-align:left;vertical-align:top;padding:.65rem .8rem;border-bottom:1px solid #e6e1ee}
.legal th{width:11em;font-weight:600;background:#f7f5fa;white-space:nowrap}
.legal .box{background:#f7f5fa;border-radius:10px;padding:1rem 1.2rem;margin:0 0 1.2rem}
.legal .muted{color:#777;font-size:.92em}
.legal .date{margin-top:2.2rem;color:#777}
.legal .back{margin-top:1rem}
.legal .toc{display:flex;flex-wrap:wrap;gap:.3rem .9rem;margin:0 0 1.6rem;padding:0;list-style:none;font-size:.93em}
.legal .toc li{margin:0}
.legal .flow{counter-reset:s;list-style:none;padding:0;margin:0 0 1.2rem}
.legal .flow li{counter-increment:s;position:relative;padding:.2rem 0 .2rem 2.4em;margin:0 0 .5rem}
.legal .flow li::before{content:counter(s);position:absolute;left:0;top:.25rem;width:1.7em;height:1.7em;border-radius:50%;background:#201b29;color:#fff;font-size:.85em;display:flex;align-items:center;justify-content:center}
.site-head a.brand{text-decoration:none;color:inherit}
.site-head a.brand:hover{text-decoration:none}
/* トップ・表記ページのリンク色をブランドの紫に統一（2026-10-19） */
.page a,.legal a,.site-foot .f-links a{color:var(--c-purple,#7351b9);text-underline-offset:3px;}
.page a:hover,.legal a:hover{color:var(--c-ink,#25212c);}
.steps h3 a{text-decoration:none;border-bottom:1px solid var(--c-lavender,#c5abea);}
.steps h3 a::after{content:" ›";}
.site-foot .f-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.2rem 1rem;margin:0 0 .8rem;font-size:.9em}
.site-foot .f-links a{color:inherit}
@media (max-width:560px){
  .legal{padding:24px 16px 48px;font-size:15px}
  .legal th{width:auto;white-space:normal}
  .legal th,.legal td{display:block;padding:.45rem .7rem}
  .legal th{border-bottom:0;padding-bottom:.1rem}
  .legal td{padding-top:.1rem}
}