@font-face{font-family:'Noto Sans JP';src:url('/assets/NotoSansJP.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--blue:#0031d8;--navy:#142958;--text:#172338;--muted:#475569;--line:#737b89;--light-line:#d9dfe8;--surface:#f3f6fb;--white:#fff;--danger:#ad1025;--focus:#ffd43d;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s6:24px;--s8:32px;--s12:48px;--radius:8px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Noto Sans JP',sans-serif;font-size:16px;line-height:1.65;color:var(--text);background:var(--white)}a{color:var(--blue);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:4px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 6px #000}button[aria-disabled=true]{opacity:.65;cursor:wait}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link{position:fixed;top:-100px;left:16px;background:#fff;padding:12px;z-index:20}.skip-link:focus{top:12px}.container{max-width:1184px;margin:auto;padding:0 32px}.site-header{border-bottom:1px solid var(--light-line);background:#fff}.header-inner{max-width:1248px;min-height:100px;margin:auto;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:24px;color:var(--text);text-decoration:none}.brand img{object-fit:contain;width:207px;height:36px}.brand span{border-left:1px solid var(--line);padding-left:24px;font-weight:500}.site-header nav{display:flex;gap:28px}.site-header nav a{min-height:44px;display:flex;align-items:center;color:var(--navy)}h1,h2,h3,p{margin:0}h1{font-size:36px;line-height:1.45;font-weight:700;letter-spacing:.02em}h2{font-size:28px;line-height:1.5}h3{font-size:22px;line-height:1.5}p+p{margin-top:12px}.eyebrow{font-size:16px;color:var(--blue);font-weight:700;margin-bottom:16px}.hero{background:linear-gradient(115deg,#f1f5fc,#fff);border-bottom:1px solid var(--light-line)}.hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:72px;padding-top:64px;padding-bottom:64px;align-items:center}.hero h1{font-size:44px;line-height:1.5;letter-spacing:.01em;margin-bottom:20px}.hero-text{max-width:600px;color:var(--muted);margin-bottom:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:11px 24px;border:1px solid var(--blue);border-radius:var(--radius);font-weight:700;text-decoration:none;background:var(--blue);color:white;line-height:1.5}.button:hover{background:#0024a6;color:white;text-decoration:underline}.button.secondary{color:var(--blue);background:white}.button.secondary:hover{background:#edf2ff}.button.tertiary{border-color:transparent;background:transparent;color:var(--blue);text-decoration:underline;padding-left:8px;padding-right:8px}.button.danger{background:var(--danger);border-color:var(--danger)}.button.full{width:100%}.inline-note{margin-top:12px;color:var(--muted)}.preview-paper{border:1px solid var(--line);padding:28px;background:white;box-shadow:10px 12px 0 #e5ebf7;transform:rotate(1deg)}.paper-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;border-bottom:2px solid var(--navy)}.paper-top img{width:115px;height:20px}.paper-top strong{font-size:20px}.paper-title{margin-top:20px;font-weight:700}.paper-lines{padding:16px 0;border-bottom:1px solid var(--light-line)}.paper-lines div{display:flex;justify-content:space-between;gap:20px;margin-bottom:10px}.paper-lines div:last-child{margin:0}.paper-total{display:flex;justify-content:space-between;align-items:center;padding:20px 0 0;font-weight:700}.paper-total span:last-child{font-size:28px;letter-spacing:.1em}.preview-caption{text-align:center;margin-top:24px;color:var(--muted)}.section{padding-top:56px;padding-bottom:56px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-heading p{color:var(--muted);max-width:560px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.product-card{border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;align-items:start;gap:12px;background:white}.product-card .category{font-size:16px;color:var(--muted)}.product-card h3{font-size:26px}.product-card p{color:var(--muted);flex:1;margin-bottom:12px}.product-card .button{width:100%;padding-left:16px;padding-right:16px}.product-index{color:var(--blue);font-weight:700;border-bottom:2px solid var(--blue);min-width:32px;margin-bottom:4px}.steps-section{background:var(--surface);border-top:1px solid var(--light-line);border-bottom:1px solid var(--light-line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);padding:0;gap:32px;margin:28px 0 0;list-style:none}.steps li{border-top:2px solid var(--blue);padding-top:20px}.steps strong{display:block;font-size:20px;margin-bottom:8px}.steps .step-number{color:var(--blue);margin-bottom:8px}.steps p{color:var(--muted)}.consult{border-left:4px solid var(--blue);padding:24px 28px;background:var(--surface)}.consult p{margin:12px 0 20px}.site-footer{background:#f5f6f8;border-top:1px solid var(--light-line);padding:40px 0;margin-top:48px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}.footer-inner img{object-fit:contain;display:block;margin-bottom:12px}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.footer-links a{min-height:44px;display:flex;align-items:center}.footer-inner>p{color:var(--muted)}.breadcrumb{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 24px;color:var(--muted)}.page-title{margin-bottom:28px}.page-title p{margin-top:12px;color:var(--muted)}.progress{display:flex;gap:0;list-style:none;padding:0;margin:0 0 32px;max-width:700px}.progress li{padding:12px 16px;border-bottom:3px solid #8b94a3;color:var(--muted);flex:1}.progress li.current{border-color:var(--blue);color:var(--blue);font-weight:700}.quote-layout{display:grid;grid-template-columns:minmax(0,1fr) 392px;gap:32px;align-items:start}.panel{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:white;margin-bottom:24px}.panel h2{font-size:23px;margin-bottom:24px}.field{margin-bottom:24px}.field:last-child{margin-bottom:0}.field>label,.field>span.label{display:block;font-weight:700;margin-bottom:8px}.required{color:var(--danger);font-size:16px;margin-left:8px;font-weight:400}.optional{color:var(--muted);font-size:16px;margin-left:8px;font-weight:400}.hint{color:var(--muted);margin:0 0 8px}.field input:not([type=checkbox]),.field select,.field textarea{border:1px solid #545c68;border-radius:4px;background:white;color:var(--text);min-height:48px;padding:10px 12px;max-width:100%;width:100%}.field input[type=number]{width:160px}.field input[type=date]{max-width:230px}.field textarea{min-height:110px;resize:vertical}.field input[aria-invalid=true]{border:2px solid var(--danger)}.field-error{color:var(--danger);margin-top:8px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.check{display:flex;gap:12px;align-items:start;margin:20px 0;cursor:pointer}.check input{width:24px;height:24px;min-width:24px;margin:2px 0;accent-color:var(--blue)}.check span{padding-top:1px}.notice{border-left:4px solid var(--blue);background:var(--surface);padding:16px 20px;margin:20px 0}.notice p{margin:0}.muted{color:var(--muted)}.summary{position:sticky;top:24px;border:2px solid var(--navy);padding:24px;border-radius:var(--radius);background:white}.summary h2{font-size:22px;margin-bottom:20px}.summary-label{color:var(--muted);margin-bottom:8px}.total{font-size:36px;line-height:1.4;font-weight:700;letter-spacing:-.03em;color:var(--navy);overflow-wrap:anywhere}.total span{font-size:20px;margin-left:4px}.summary dl{margin:20px 0}.summary dl div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--light-line)}.summary dt,.summary dd{margin:0}.recurring{border:1px solid var(--line);border-radius:4px;padding:16px;margin:20px 0}.recurring strong{display:block;margin:8px 0;font-size:24px;color:var(--navy)}.summary .button{margin-top:12px}.terms{margin:24px 0}.terms li{margin-bottom:10px}.terms ul{padding-left:24px}.error-box{border:2px solid var(--danger);color:var(--danger);padding:16px 20px;margin:16px 0;background:#fff}.actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:24px}table{border-collapse:collapse;width:100%;font-size:16px;text-align:left}caption{text-align:left;font-weight:700;margin-bottom:12px}th,td{padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{font-weight:700;background:#f3f6fb}td.money,th.money{text-align:right;white-space:nowrap}.table-wrap{overflow:auto;border-top:1px solid var(--line);margin:20px 0}.table-wrap:focus-visible{outline:4px solid var(--focus)}.mini-table td,.mini-table th{padding:12px 8px}.mini-table th{background:white}.detail-summary{display:flex;justify-content:space-between;gap:16px;border-top:2px solid var(--navy);padding:20px 0;font-weight:700}.success-box{border-top:4px solid var(--blue);background:var(--surface);padding:32px;margin-bottom:32px}.success-box h1{margin-bottom:16px}.success-meta{display:flex;gap:32px;margin:24px 0;flex-wrap:wrap}.success-meta strong{display:block}.content-narrow{max-width:820px}.content-narrow h2{margin:32px 0 16px}.content-narrow p{margin:12px 0}.login-panel{max-width:600px;margin:40px auto}.tabs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.tabs .button{min-width:140px}.admin-filters{display:flex;align-items:end;flex-wrap:wrap;gap:16px}.admin-filters .field{margin:0;flex:1;min-width:160px}.admin-filters .field input{width:100%}.admin-stats{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:24px 0}.empty{padding:48px 24px;text-align:center;background:var(--surface);border:1px solid var(--line)}.danger-zone{border:1px solid var(--danger);border-radius:var(--radius);padding:24px;margin:32px 0}.danger-zone h2{font-size:22px;color:var(--danger);margin-bottom:16px}.badge{padding:4px 10px;border:1px solid var(--line);border-radius:4px;font-size:16px;background:white}.mail-card{border:1px solid var(--line);border-radius:4px;margin:16px 0;padding:16px}.mail-card summary{cursor:pointer;min-height:44px;font-weight:700}.mail-card pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:var(--surface);padding:20px;margin:16px 0}.definition{display:grid;grid-template-columns:160px 1fr;gap:12px 24px;margin:20px 0}.definition dt{font-weight:700}.definition dd{margin:0;overflow-wrap:anywhere}.security-secret{font-family:'Noto Sans Mono',monospace;overflow-wrap:anywhere;padding:20px;border:1px solid var(--line);margin:16px 0}.loading{padding:80px 32px;text-align:center}.admin-head{display:flex;justify-content:space-between;gap:24px;align-items:start}.status-message{margin:16px 0;font-weight:700;color:var(--blue)}.closing-note{margin:24px 0}.product-note{min-height:24px}
@media(max-width:1050px){.hero-grid{gap:40px}.hero h1{font-size:36px}.quote-layout{grid-template-columns:minmax(0,1fr) 340px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand{gap:16px}.brand span{padding-left:16px}.site-header nav{gap:20px}}
@media(max-width:760px){.container{padding:0 20px}.header-inner{padding:18px 20px;min-height:88px;flex-wrap:wrap;gap:16px}.brand{gap:12px}.brand img{width:149px;height:26px}.brand span{padding-left:12px;font-size:16px}.site-header nav{width:100%;gap:24px}.site-header nav a{min-height:36px}.hero-grid{grid-template-columns:1fr;padding-top:36px;padding-bottom:40px;gap:32px}.hero h1{font-size:32px}.preview-paper{transform:none;max-width:440px}.hero-grid>div:last-child{display:none}.section{padding-top:36px;padding-bottom:36px}.section-heading{display:block}.section-heading p{margin-top:12px}.product-grid,.steps{grid-template-columns:1fr}.product-card{padding:24px}.steps{gap:24px}.quote-layout{grid-template-columns:1fr}.summary{position:static;grid-row:auto}.panel{padding:20px}.field-row{grid-template-columns:1fr;gap:0}h1{font-size:28px}h2{font-size:24px}.page-title{margin-bottom:24px}.progress li{padding:10px 6px}.total{font-size:34px}.footer-inner{align-items:start}.footer-links{gap:12px 24px}.site-footer{margin-top:32px}.admin-head{flex-wrap:wrap}.definition{grid-template-columns:1fr;gap:4px}.definition dd{margin-bottom:12px}.actions .button{width:100%}.summary .actions{display:block}.success-box{padding:24px}.admin-filters .button{width:100%}.paper-total{gap:12px}th,td{padding:12px 8px}.admin-filters .field{min-width:130px}.brand span{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.product-page{display:block;min-height:44px;max-width:100%;overflow-wrap:anywhere;margin-bottom:4px;line-height:1.6}.product-page span{display:block}
.quote-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:16px}.quote-links a{display:inline-flex;align-items:center;min-height:44px;max-width:100%}
.empty-catalog{grid-column:1/-1}
.product-settings-table .check{min-height:44px;margin:0;align-items:center}
.mail-card{overflow-wrap:anywhere}.mail-card summary{min-height:44px;padding:8px 0}.mail-retry-form{margin-top:24px}.mail-error{color:var(--danger)}input[readonly]{background:var(--surface)}
.mail-choice{border:0;padding:0;margin:24px 0;min-width:0}.mail-choice legend{font-weight:700;margin-bottom:8px}.mail-choice .check{min-height:44px;align-items:center;margin:4px 0}.mail-choice input{flex-shrink:0}
#settings-form>.check,#mail-test-form>.check,.mail-retry-form>.check{min-height:44px;align-items:center}
.email-verification{margin:24px 0;padding:24px;border:1px solid var(--line);border-radius:var(--radius)}.email-verification h3{margin-bottom:12px}.email-verification button{margin:12px 0}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.auth-qr{display:block;max-width:100%;height:auto;margin:24px 0}.recovery-list{font:inherit;letter-spacing:.05em;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:var(--surface);border:1px solid var(--line)}input[readonly]{border-style:dotted}.email-verification .hint{overflow-wrap:anywhere}
.option-group{border:0;margin:0 0 24px;padding:0;min-width:0}.option-group legend{font-weight:700}.option-group .check{min-height:44px;align-items:center;margin:8px 0}
.check{min-height:44px}.security-secret,.mail-card pre{font-family:inherit;overflow-wrap:anywhere}
.verified-email{--success:#17663a;border:2px solid var(--success);overflow-wrap:anywhere}
.verified-email h3{color:var(--success)}
.verified-email h3:focus-visible{outline:4px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 6px #000}
.verified-email button{margin:var(--s4) 0 0}