/* Less& コーポレートサイト 共通（index・privacy・koukoku・404）
   方針: 引き算。余白を多めに取り、中身は Less& Hair の LP と同じ文法で組む
   （中央の見出し・項目名が上で値が下・サフランの面に墨の字のボタン）。区画を枠で囲わない。
   色は白・墨・灰。サフランはワードマーク・地紋・ボタンだけ。 */
:root{
  --paper:#FFFFFF;--ink:#1C1917;--ink-2:#44403C;--gray:#78716C;--faint:#A8A29E;
  --line:#E7E5E4;--field:#D6D3D1;
  --saffron:#F0B400;--saffron-550:#E1A900;--saffron-700:#A46101;
  --pad:clamp(24px,5vw,64px);
  --card:720px;                 /* 中身の段の幅（PC） */
}
/* Jost 500（SIL OFL 1.1、/fonts/OFL.txt）。サイトで使う字「Lessand Inc.&© 0-9」だけに絞った版。字を増やすときは作り直す */
@font-face{font-family:"Jost";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jost-500-sub.woff2) format("woff2")}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--paper);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{background:var(--paper);color:var(--ink);font-size:16px;line-height:1.8;letter-spacing:.02em;overflow-x:clip;
  /* 日本語は端末の書体。Less& Hair（apps/hair/web/app/globals.css）と同じ指定にそろえる。Web フォントは読まない（2026-10-09 オーナー決定） */
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  font-feature-settings:"palt";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
::selection{background:var(--saffron);color:var(--ink)}
a{color:inherit}
:focus-visible{outline:2px solid var(--saffron-700);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ph{word-break:keep-all;overflow-wrap:anywhere}
.nw{display:inline-block}
.jost{font-family:"Jost","Futura","Avenir Next",sans-serif;font-weight:500;letter-spacing:0}

/* 小さなワードマーク（トップ以外のページの左上） */
.logo{display:inline-block;margin:clamp(24px,4vw,40px) var(--pad) 0;text-decoration:none;
  font-family:"Jost","Futura","Avenir Next",sans-serif;font-weight:500;letter-spacing:0;font-size:20px;line-height:1;color:var(--saffron)}
.logo .amp{margin-left:.008em}          /* s と & の間だけ 8/1000em（ワードマーク規定） */

/* ── 区画: 見出しは左の列（社名と同じ左端）、中身は右の列。区画の間は広く ── */
.sec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);column-gap:48px;align-items:start;
  padding:clamp(120px,16vw,200px) var(--pad) 0}
.sec h2{font-size:24px;font-weight:700;letter-spacing:.04em;line-height:1.4}
.card{min-width:0}
@media(max-width:900px){
  .sec{grid-template-columns:minmax(0,1fr)}   /* 1fr だと中身の固定幅（480px）を最小幅として受けて、画面からはみ出す */
  .sec h2{margin-bottom:32px}
}

/* 項目名と値。PC は横並びの表、スマホは項目名が上・値が下（レシート型） */
/* PC: 項目名が左・値が右の普通の表 */
/* 幅はフォームと同じ 480px。右の列の左端を 1 本にそろえる */
.receipt{display:grid;gap:28px;width:min(480px,100%)}
.receipt>*{display:grid;grid-template-columns:6em auto;column-gap:40px;align-items:baseline}
.receipt dt,.receipt .k{font-size:13px;letter-spacing:.08em;color:var(--gray)}
.receipt dd,.receipt .v{font-size:16px}
.receipt .sub{color:var(--gray)}
@media(max-width:640px){
  .receipt{gap:24px}
  .receipt>*{grid-template-columns:1fr}
  .receipt dt,.receipt .k{font-size:12px;margin-bottom:4px}
}

/* ── 下の帯 ── */
/* © はページの中央に（オーナー指示 2026-10-07） */
.foot{padding:clamp(120px,16vw,200px) var(--pad) 32px;text-align:center;font-size:12px;letter-spacing:.06em;color:var(--gray)}

/* ── 文書のページ（お知らせ・プライバシーポリシー・決算公告） ──
   Less& Hair の文書ページと同じ組み: 題も日付も本文も左揃え。題→日付 8px、日付→本文 32px */
.doc{max-width:calc(640px + var(--pad) * 2);margin:0 auto;padding:clamp(80px,12vw,140px) var(--pad) 0}
.doc h1{font-size:24px;font-weight:700;letter-spacing:.02em;line-height:1.5}
@media(max-width:400px){ .doc h1{font-size:20px} }   /* スマホで題を 1 行に収める */
.doc .meta{margin-top:8px;font-size:14px;letter-spacing:.04em;color:var(--gray)}
.doc .body{margin-top:32px;font-size:15px;line-height:2;color:var(--ink-2)}
/* 本文は日本語の普通の折り方。最後の行が 1〜2 字だけになるのを防ぐ（DESIGN.md §8 の data-copy="body" と同じ） */
.doc .body p,.doc .body li{text-wrap:pretty}
.doc .body b{font-weight:700;color:var(--ink)}
.doc section{margin-top:48px}
.doc h2{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:8px}
.doc p+p{margin-top:.6em}
.doc .gap{margin-top:16px}
.doc ul{margin:4px 0 0 1.2em}
.doc li::marker{color:var(--faint)}   /* 箇条書きの点は飾りなので薄い灰でよい。文字には使わない（文字は背景との差 4.5:1 以上＝--gray 以上） */
.doc .note{margin-top:8px;font-size:13px;color:var(--gray)}
.doc .body a{color:var(--saffron-700);text-underline-offset:.25em}
.doc .box{margin-top:48px}
/* お知らせ記事の末尾の会社の情報（本文との間は 40px） */
.doc .facts{margin-top:40px}
.doc .facts dd{font-size:15px}           /* 本文と同じ大きさ */
.doc h2+.box{margin-top:0}