/* それならガイド 受付版：ログイン前の最初の画面と案内の画面。見た目は受付（TINKIT ID）とズボラ会計の入口と同じ型（紙の地・白いカード・黒い大きなボタン）。暗い見た目は持たない */
:root{--paper:#faf9f6;--ink:#1c1b18;--ink-soft:#43413c;--gray:#6e6a62;--line:#dcd9d2;--frame:#c6c2b8;--blue:#355C91;--white:#fff;
  --sans:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic Medium","Yu Gothic",YuGothic,"Noto Sans JP",Meiryo,sans-serif}
*{box-sizing:border-box}
body.landing{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.9;letter-spacing:.02em;-webkit-font-smoothing:antialiased;color-scheme:light}
.landing-main{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 24px}
.landing-card{width:100%;max-width:400px}
.landing-brand{display:flex;align-items:center;gap:10px;margin:0 0 28px;color:var(--ink);font-size:14px;font-weight:600;letter-spacing:.2em}
.landing-brand small{font-weight:400;color:var(--gray)}
.landing-sheet{background:var(--white);border:1px solid var(--line);padding:32px 32px 30px}
.landing-tag{font-size:12px;letter-spacing:.2em;color:var(--blue);font-weight:600;margin:0 0 10px}
.landing-h1{font-weight:600;letter-spacing:.08em;line-height:1.5;font-size:26px;margin:0 0 8px}
.landing-app{margin:4px 0 22px;padding:22px 8px;border-bottom:1px solid var(--line);display:flex;justify-content:center}
.landing-logo{display:block;height:56px;width:auto;max-width:100%}
.landing-sub{margin:0 0 20px;color:var(--ink-soft);font-size:14px;text-align:center}
.landing-notice{margin:0 0 18px;padding:10px 14px;border-left:3px solid #b8862b;background:#fff;color:#5a4300;font-size:14px;line-height:1.7}
.landing-msg{margin:0 0 20px;font-size:15px;line-height:1.8}
.landing-login{display:block;width:100%;margin:6px 0 0;padding:13px 16px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font:inherit;font-size:15px;font-weight:600;letter-spacing:.12em;text-align:center;text-decoration:none;border-radius:0}
.landing-login:hover{background:#000}
.landing-help{margin:18px 0 0;color:var(--gray);font-size:13px;line-height:1.7}
.landing-help+.landing-help{margin-top:6px}
.landing-foot{padding:18px 24px 26px;text-align:center;color:var(--gray);font-size:12px;letter-spacing:.12em}
.landing-foot .sep{margin:0 10px;color:var(--frame)}
@media (max-width:480px){.landing-main{padding:28px 20px 24px;align-items:flex-start}.landing-sheet{padding:26px 22px 24px}.landing-h1{font-size:23px}}