/* 生成物: muse-tokushoho-T1.html から build_theme_tokushoho.py で分解。直接編集しない */

/* ═══════════════════════════════════════════════════════════
   Tokushoho — 開示項目の一覧
   Privacy の二列セクション(左=番号+見出し / 右=本文)は使わない。
   ここの中身は定義リスト＝それ自体が二列なので、二列の中に入れると
   三段の縦揃えができて値の幅が潰れる。見出しは横に置き、リストは全幅で取る。
   18項目を1枚の表で出さず、事業者 / 買取 / 法人向け の3群に束ねる。
   ═══════════════════════════════════════════════════════════ */

.lg__grp{border-top:1px solid var(--line);
  padding-block:clamp(28px,3.8vh,48px) clamp(30px,4vh,52px)}
.lg__grp:first-child{border-top:1px solid var(--ink)}
.lg__grp:last-child{border-bottom:1px solid var(--line)}
.lg__ghd{display:flex;align-items:baseline;gap:clamp(12px,1.6vw,22px);
  margin-bottom:clamp(16px,2.2vh,26px)}
.lg__ghd .lg__n{flex-shrink:0}
.lg__ghd .lg__h{margin-top:0}

/* 和文キーの定義リスト。既定の .lg__k は英字ラベル用の等幅・大文字なので、
   「キャンセル・クーリングオフ」のような和文キーには使えない。
   値の幅は900pxで止める。18項目には長文の値が混じり、
   上限が無いと1行50文字を超える。 */
.lg__dl--ja{max-width:min(100%,900px)}
.lg__dl--ja .lg__row{grid-template-columns:clamp(132px,15vw,208px) minmax(0,1fr);
  gap:clamp(14px,2.2vw,32px);padding-block:clamp(13px,1.8vh,17px)}
.lg__dl--ja .lg__k{font-family:var(--fj);font-weight:700;font-size:13px;
  letter-spacing:.02em;text-transform:none;color:var(--ink);
  line-height:1.65;padding-top:2px}
/* 値の上限。列幅ではなく値そのもので止める。
   dl の max-width だけだと、単列に切り替わる帯(900px)で1行56文字、
   1024pxで50文字まで伸びる(実測)。660px / 14.5px ≒ 45文字。 */
.lg__dl--ja .lg__v{max-width:min(100%,660px);color:var(--sub);line-height:1.9}
.lg__dl--ja .lg__v a{color:var(--bl);text-decoration:none;
  border-bottom:1px solid rgba(24,71,204,.32)}
.lg__dl--ja .lg__v a:hover{border-bottom-color:var(--bl)}

@media(max-width:900px){
  /* ── Tokushoho SP ── */
  .lg__dl--ja .lg__row{grid-template-columns:1fr;gap:5px}
  .lg__dl--ja .lg__k{padding-top:0}
  .lg__ghd{flex-direction:column;align-items:flex-start;gap:7px}
}