:root{color-scheme:light;--paper:#f5f2ea;--white:#fff;--ink:#2a2418;--muted:#6b6350;--gold:#765923;--line:#e4ddcd;--soft:#f4ebd2;color:var(--ink);background:var(--paper);font-family:Hiragino Sans,Noto Sans JP,Yu Gothic,Meiryo,sans-serif}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;min-width:320px;margin:0}a{color:inherit;text-underline-offset:.25em}a:hover{color:var(--gold)}a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}p{line-height:1.9}h1,h2,h3{text-wrap:balance;line-height:1.5}h1,h2,h3,p,figure{margin:0}.wrap{width:min(1120px,100% - 64px);margin-inline:auto}.skip{z-index:10;background:#fff;padding:12px;position:absolute;top:-100px;left:16px}.skip:focus{top:12px}.preview-notice{color:#4e3b18;text-align:center;background:#ede2c7;padding:9px 20px;font-size:13px}.public-header{justify-content:space-between;align-items:center;gap:24px;padding-block:27px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:12px;font-size:21px;font-weight:750;text-decoration:none;display:inline-flex}.public-header nav,.public-footer nav{align-items:center;gap:28px;font-size:14px;display:flex}.public-header nav a{text-decoration:none}.nav-manage{border:1px solid var(--line);background:var(--white);border-radius:8px;padding:12px 20px}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:72px;padding-block:64px 100px;display:grid}.intro{color:var(--muted);margin-bottom:20px;font-size:14px}.hero h1{letter-spacing:-.045em;font-size:clamp(34px,4vw,52px);font-weight:800;line-height:1.5}.lead{color:var(--muted);margin-top:24px;font-size:17px}.actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:34px;display:flex}.primary{background:var(--gold);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-height:52px;padding:14px 25px;font-size:15px;font-weight:650;text-decoration:none;display:inline-flex}.primary:hover{color:#fff;background:#59431a}.text-link{font-size:14px}.action-note{color:var(--muted);margin-top:20px;font-size:13px}.action-note a{margin-left:6px}.daybook{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:0 24px 20px;box-shadow:10px 12px #e9e1ce}.daybook-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-block:25px;font-size:16px;font-weight:700;display:flex}.daybook-date{color:var(--muted);font-size:13px;font-weight:400}.schedule-row{grid-template-columns:55px 1fr;gap:14px;padding-top:20px;display:grid}.schedule-row time{color:var(--muted);font-variant-numeric:tabular-nums;padding-top:10px;font-size:13px}.appointment{color:var(--muted);background:#f8f4e9;border-left:3px solid #b8964f;border-radius:0 6px 6px 0;grid-template-columns:1fr auto;gap:7px;padding:12px 15px;font-size:13px;display:grid}.appointment strong{color:var(--ink);grid-column:1;font-size:14px;font-weight:650}.appointment .status{color:#765923;grid-column:1/-1;font-size:13px}.available{color:var(--muted);flex-direction:column;gap:14px;padding:14px 15px;font-size:13px;display:flex}.slot-line{border-bottom:1px dashed var(--line)}figcaption{color:var(--muted);text-align:center;margin-top:24px;font-size:13px;line-height:1.7}.workday{background:var(--white);padding-block:60px 65px}.workday h2{font-size:26px;font-weight:750}.workday-grid{grid-template-columns:repeat(3,1fr);gap:38px;margin-top:40px;display:grid}.step{width:fit-content;color:var(--gold);border-bottom:2px solid #b8964f;margin-bottom:16px;padding-bottom:8px;font-size:13px;display:block}.workday h3{margin-bottom:13px;font-size:18px;font-weight:650}.workday p{color:var(--muted);font-size:14px}.start{justify-content:space-between;align-items:center;gap:32px;padding-block:72px;display:flex}.start h2{font-size:26px}.start p{color:var(--muted);margin-top:10px;font-size:14px}.public-footer{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:15px 40px;padding-block:36px;display:grid}.public-footer .brand{font-size:18px}.public-footer p{color:var(--muted);grid-row:2;font-size:13px}.public-footer nav{flex-wrap:wrap;grid-area:1/2/3}.public-footer small{color:var(--muted);grid-column:1/-1;margin-top:16px;font-size:13px}.mobile-break{display:none}.guide{max-width:760px;padding-block:45px 80px}.guide h1{margin-top:30px;font-size:clamp(28px,4vw,40px)}.guide-steps{margin-block:48px;padding-left:24px}.guide-steps li{margin-bottom:35px;padding-left:12px}.guide-steps li::marker{color:var(--gold);font-weight:700}.guide h2{margin-bottom:12px;font-size:20px}.guide-steps p,.guide-note p{color:var(--muted);max-width:42em;font-size:15px}.guide-note{background:var(--white);border-left:3px solid #b8964f;margin-bottom:32px;padding:24px}@media (width<=900px){.hero{gap:35px;padding-block:40px 70px}.wrap{width:calc(100% - 48px)}.hero h1{font-size:36px}.workday-grid{gap:24px}.workday h3{font-size:16px}.workday p br{display:none}}@media (width<=640px){.wrap{width:calc(100% - 40px)}.public-header{gap:15px;padding-block:20px}.brand{gap:8px;font-size:17px}.brand img{width:28px;height:28px}.public-header nav{gap:14px;font-size:13px}.nav-manage{padding:10px 12px}.hero{grid-template-columns:1fr;gap:36px;padding-block:32px 56px}.hero h1{font-size:36px}.lead{margin-top:20px;font-size:15px}.actions{gap:20px;margin-top:25px}.daybook{margin-right:8px;padding-inline:20px}.workday{padding-block:42px}.workday h2,.start h2{font-size:24px}.workday-grid{grid-template-columns:1fr;gap:30px;margin-top:30px}.workday-grid article{grid-template-columns:60px 1fr;gap:0 20px;display:grid}.step{grid-row:1/3;align-self:start;padding-top:4px}.workday h3{font-size:17px}.workday p{font-size:14px}.mobile-break{display:initial}.start{flex-direction:column;align-items:flex-start;gap:24px;padding-block:48px}.public-footer{grid-template-columns:1fr;gap:13px}.public-footer nav{grid-area:auto/1;gap:24px;margin-top:8px;font-size:13px}.public-footer p{grid-row:auto}.guide{padding-block:28px 56px}.guide .lead br{display:none}.guide-note{padding:20px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.public-header nav a,.public-footer nav a,.text-link{padding-block:.6rem;display:inline-block}
