@font-face{font-family:'Noto Sans JP';src:url('assets/noto-sans.woff') format('woff');font-display:swap}@font-face{font-family:'Noto Serif JP';src:url('assets/noto-serif.woff') format('woff');font-display:swap}:is(#request,#complete) *{box-sizing:border-box}:is(#request,#complete) a{color:inherit;text-decoration:none}:is(#request,#complete) button,:is(#request,#complete) input,:is(#request,#complete) select{font:inherit}:is(#request,#complete) button,:is(#request,#complete) a,:is(#request,#complete) input,:is(#request,#complete) select{touch-action:manipulation}:is(#request,#complete) button{cursor:pointer}:is(#request,#complete) a:focus-visible,:is(#request,#complete) button:focus-visible,:is(#request,#complete) input:focus-visible,:is(#request,#complete) select:focus-visible{outline:3px solid var(--coral);outline-offset:4px}:is(#request,#complete) img{max-width:100%;height:auto;display:block}:is(#request,#complete) h1,:is(#request,#complete) h2,:is(#request,#complete) h3,:is(#request,#complete) p,:is(#request,#complete) figure{margin:0}:is(#request,#complete) h1,:is(#request,#complete) h2{font-family:'Noto Serif JP','Yu Mincho',serif;font-weight:400}:is(#request,#complete) h1{font-size:clamp(29px,3.6vw,46px);line-height:1.6;letter-spacing:.04em}:is(#request,#complete) h2{font-size:26px;line-height:1.6;margin:9px 0 22px}:is(#request,#complete) h3{font-size:16px;font-weight:500;margin:7px 0}:is(#request,#complete) ul{padding-left:1.25em;margin:0}:is(#request,#complete) li{padding:4px 0}:is(#request,#complete) .demo-note{position:sticky;top:0;z-index:10;text-align:center;background:#efe7de;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.06em;padding:6px 12px}:is(#request,#complete) .brand{display:flex;gap:12px;align-items:center}:is(#request,#complete) .brand img{width:36px;height:36px;object-fit:contain}:is(#request,#complete) .brand>span{font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;font-weight:400;letter-spacing:.25em}:is(#request,#complete) .dot{color:var(--coral)}:is(#request,#complete) .header-label{font-size:12px;letter-spacing:.12em}:is(#request,#complete) .skip{position:fixed;left:12px;top:-100px;z-index:30;background:white;padding:10px}:is(#request,#complete) .skip:focus{top:12px}:is(#request,#complete) .steps{display:flex;align-items:center;gap:20px;font-size:12px;color:var(--muted);padding:34px 0}:is(#request,#complete) .steps>a,:is(#request,#complete) .steps>span[data-step]{white-space:nowrap}:is(#request,#complete) .steps span span,:is(#request,#complete) .steps a span{margin-left:8px}:is(#request,#complete) .steps [aria-current=step]{color:var(--coral);font-weight:600}:is(#request,#complete) .line{height:1px;background:var(--line);width:50px}:is(#request,#complete) .hero{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;padding:52px 0 85px}:is(#request,#complete) .eyebrow{font-family:Georgia,serif;font-size:11px;letter-spacing:.14em;color:var(--coral)}:is(#request,#complete) .lead{font-size:18px;line-height:1.9;margin:24px 0 18px}:is(#request,#complete) .intro{color:var(--muted);max-width:450px;margin-bottom:30px}:is(#request,#complete) .primary{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--coral);color:#fff;padding:14px 24px;min-height:53px;border:1px solid var(--coral);font-size:14px;letter-spacing:.03em}:is(#request,#complete) .primary:hover{background:#994b37}:is(#request,#complete) .small{font-size:12px;color:var(--muted);line-height:1.8;margin-top:12px}:is(#request,#complete) .cover img{border:1px solid var(--line)}:is(#request,#complete) .cover figcaption{font-size:11px;color:var(--muted);margin-top:12px}:is(#request,#complete) .benefits{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:43px 0}:is(#request,#complete) .samples{padding:74px 0}:is(#request,#complete) .section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}:is(#request,#complete) .sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}:is(#request,#complete) .sample-grid img{border:1px solid var(--line);transition:border-color .2s}:is(#request,#complete) .sample-grid a:hover img{border-color:var(--coral)}:is(#request,#complete) .sample-grid figcaption{padding-top:20px}:is(#request,#complete) .sample-grid p{font-size:13px;color:var(--muted)}:is(#request,#complete) .sample-grid figcaption a{font-size:12px;display:inline-block;margin-top:12px;border-bottom:1px solid var(--line)}:is(#request,#complete) .contents{border-top:1px solid var(--line);padding:46px 0}:is(#request,#complete) .contents ol{list-style:decimal-leading-zero;columns:2;column-gap:60px;padding-left:28px;margin:0 0 32px}:is(#request,#complete) .contents li{padding:8px 0;break-inside:avoid}:is(#request,#complete) .contents li::marker{color:var(--coral);font-size:12px}:is(#request,#complete) .prototype-context{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding:25px 0 40px}:is(#request,#complete) .form-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:110px;padding:45px 0 85px}:is(#request,#complete) .form-layout aside img{border:1px solid var(--line);margin:30px 0}:is(#request,#complete) .form-layout aside .lead{font-size:17px}:is(#request,#complete) .text-link{display:inline-block;font-size:13px;border-bottom:1px solid var(--line)}:is(#request,#complete) .form-area h2{margin-top:0}:is(#request,#complete) .text-button{background:none;border:0;border-bottom:1px solid var(--line);padding:5px 0;color:var(--coral);font-size:13px}:is(#request,#complete) .form-area>.text-button{margin:18px 0 22px}:is(#request,#complete) .field{margin-bottom:22px}:is(#request,#complete) .field label{display:block;margin-bottom:8px;font-size:13px}:is(#request,#complete) .field label span{color:var(--coral);font-size:10px;margin-left:9px}:is(#request,#complete) .field label .optional{color:var(--muted)}:is(#request,#complete) input:not([type=checkbox]),:is(#request,#complete) select{width:100%;min-height:49px;padding:10px 13px;border:1px solid #cbc5bd;border-radius:0;background:transparent;color:var(--ink)}:is(#request,#complete) input[aria-invalid=true]{border-color:#a13b30}:is(#request,#complete) .error{font-size:12px;color:#a13b30;margin-top:4px;min-height:0}:is(#request,#complete) .error:empty{display:none}:is(#request,#complete) #error-summary{padding:12px;border-left:2px solid #a13b30;color:#a13b30;margin:0 0 24px}:is(#request,#complete) .purpose{border-top:1px solid var(--line);padding-top:23px;margin:28px 0}:is(#request,#complete) .purpose p{font-size:12px;color:var(--muted)}:is(#request,#complete) .purpose strong{font-weight:500;color:var(--ink)}:is(#request,#complete) .check{display:flex;align-items:flex-start;gap:10px;margin-top:18px;font-size:12px}:is(#request,#complete) .check input{width:17px;height:17px;flex-shrink:0;margin-top:3px;accent-color:var(--coral)}:is(#request,#complete) .form-area .primary{width:100%;justify-content:center}:is(#request,#complete) .complete,#complete{max-width:760px;margin:auto;text-align:center;padding:60px 0 90px}:is(#request,#complete) .completion-mark{display:block;color:var(--coral);font-size:32px;margin:16px 0}:is(#request,#complete) .complete h1,#complete h1{font-size:36px}:is(#request,#complete) .complete>p:not(.lead):not(.eyebrow),#complete>p:not(.lead):not(.eyebrow){color:var(--muted)}:is(#request,#complete) .completion-actions{display:flex;flex-direction:column;align-items:center;gap:18px;margin:35px 0}:is(#request,#complete) .complete .lead,#complete .lead{font-size:17px}:is(#request,#complete) .screen[hidden]{display:none!important}@media(max-width:760px){:is(#request,#complete) .steps{gap:11px;padding:26px 0;font-size:10px}:is(#request,#complete) .steps span span,:is(#request,#complete) .steps a span{margin-left:4px}:is(#request,#complete) .line{width:18px}:is(#request,#complete) .hero{grid-template-columns:1fr;gap:35px;padding:24px 0 48px}:is(#request,#complete) .hero h1{font-size:30px}:is(#request,#complete) .lead{font-size:17px}:is(#request,#complete) .cover{max-width:500px}:is(#request,#complete) .benefits{grid-template-columns:1fr;gap:34px;padding:34px 0}:is(#request,#complete) h2{font-size:23px}:is(#request,#complete) .samples{padding:46px 0}:is(#request,#complete) .section-heading{display:block}:is(#request,#complete) .section-heading>.small{display:block;margin:-9px 0 22px}:is(#request,#complete) .sample-grid{grid-template-columns:1fr;gap:34px}:is(#request,#complete) .sample-grid figcaption{padding-top:13px}:is(#request,#complete) .contents ol{columns:1}:is(#request,#complete) .form-layout{grid-template-columns:1fr;gap:40px;padding:20px 0 55px}:is(#request,#complete) .form-layout aside img{display:none}:is(#request,#complete) .form-layout aside .lead{margin-top:12px}:is(#request,#complete) .form-layout aside h1{font-size:31px}:is(#request,#complete) .form-area{border-top:1px solid var(--line);padding-top:32px}:is(#request,#complete) input:not([type=checkbox]),:is(#request,#complete) select{font-size:16px}:is(#request,#complete) .complete,#complete{padding:36px 0 60px}:is(#request,#complete) .complete h1,#complete h1{font-size:29px}:is(#request,#complete) .complete .lead,#complete .lead{font-size:15px}:is(#request,#complete) .complete p,#complete p{font-size:13px}:is(#request,#complete) .completion-actions .primary{width:100%;justify-content:center}:is(#request,#complete) .header-label{font-size:11px}}@media(prefers-reduced-motion:reduce){:is(#request,#complete) *{transition:none!important}}:is(#request,#complete) #article-flow[hidden],:is(#request,#complete) #complete[hidden]{display:none!important}:is(#request,#complete) #article{padding-top:34px}:is(#request,#complete) .article-top{max-width:780px;margin-left:auto;margin-right:auto}:is(#request,#complete) .article-top h1{font-size:clamp(29px,3.7vw,46px);line-height:1.65}:is(#request,#complete) .article-top .article-lead{font-size:15px}:is(#request,#complete) .article-visual{margin:36px 0 50px}:is(#request,#complete) .article-layout.article-simple{max-width:780px;margin:auto}:is(#request,#complete) .article-toc{margin-left:0}:is(#request,#complete) .article-toc button{background:transparent}:is(#request,#complete) .article-pdf .primary{font-size:13px;padding:10px 20px;min-height:46px}:is(#request,#complete) .embedded-sample{max-width:880px;margin:70px auto 0;padding:45px 0 50px;border-top:1px solid var(--line);scroll-margin-top:65px}:is(#request,#complete) .embedded-sample h2{margin-bottom:8px}:is(#request,#complete) .sample-viewer{margin:24px 0 0;border:1px solid var(--line);background:white}:is(#request,#complete) .sample-viewer>img{width:100%;aspect-ratio:16/9;object-fit:contain}:is(#request,#complete) .viewer-controls{display:flex;align-items:center;justify-content:center;gap:25px;border-top:1px solid var(--line);padding:10px;background:var(--paper);font-size:12px}:is(#request,#complete) .viewer-controls button{border:0;background:none;min-height:40px;padding:4px 12px;color:var(--ink)}:is(#request,#complete) .viewer-controls button:disabled{color:#a6a09a;cursor:default}:is(#request,#complete) .viewer-controls a{margin-left:8px;padding:7px}:is(#request,#complete) .embedded-sample>.primary{margin-top:22px}:is(#request,#complete) .inline-request{border-top:1px solid var(--line);scroll-margin-top:65px}:is(#request,#complete) .form-layout{padding-top:48px}:is(#request,#complete) #article,:is(#request,#complete) #article-problem,:is(#request,#complete) #article-steps,:is(#request,#complete) #article-points{scroll-margin-top:65px}:is(#request,#complete) .section-kicker{color:#ad533c}:is(#request,#complete) .article-bullets{line-height:2.1}:is(#request,#complete) .article-toc button:focus-visible{outline:3px solid #ad533c}:is(#request,#complete) .header-label{margin:0}@media(max-width:760px){:is(#request,#complete) #article{padding-top:27px}:is(#request,#complete) .article-top h1{font-size:29px}:is(#request,#complete) .article-visual{margin:30px 0}:is(#request,#complete) .embedded-sample{margin-top:45px;padding-top:33px}:is(#request,#complete) .viewer-controls{gap:8px}:is(#request,#complete) .viewer-controls button{padding:5px 8px}:is(#request,#complete) .viewer-controls a{margin-left:0}:is(#request,#complete) .form-layout{gap:30px}:is(#request,#complete) .form-layout aside .text-link{font-size:12px}:is(#request,#complete) .article-toc{flex-wrap:wrap;gap:10px}:is(#request,#complete) .article-bullets{font-size:13px}}
:root{--wash:#f2e9e3}:is(#request,#complete){font-weight:400}.demo-note{position:sticky;top:0;z-index:10;text-align:center;background:#efe7de;border-bottom:1px solid var(--line);font-size:12px;padding:6px 12px}.request-screen{max-width:1104px;margin:auto;padding:35px 40px}.request-screen[hidden],#complete[hidden],#knowledge[hidden]{display:none!important}#complete{max-width:760px;margin:auto;text-align:center;padding:60px 24px 90px}#request .primary,#complete .primary,.embedded-sample .primary{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:#ad533c;color:white;border:1px solid #ad533c;min-height:52px;padding:12px 22px}#request .form-layout{border:0}#request .form-area h2{font-size:26px}#request .field input,#request .field select{display:block;width:100%;border:1px solid #cbc5bd;background:transparent;padding:10px 13px;min-height:49px;color:var(--ink)}#request .field{display:block}#request .text-button,#complete .text-button{color:#ad533c}#request .purpose{border-top:1px solid var(--line)}.embedded-sample{max-width:880px;margin:55px auto 0;padding:40px 0;border-top:1px solid var(--line)}.embedded-sample h2{font-family:var(--serif);font-size:26px;font-weight:400;margin:12px 0}.embedded-sample .small{font-size:12px;color:var(--muted)}.sample-viewer{margin-top:25px;border:1px solid var(--line);background:white}.sample-viewer>img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}.viewer-controls{display:flex;justify-content:center;align-items:center;gap:24px;padding:10px;background:var(--paper);border-top:1px solid var(--line);font-size:12px}.viewer-controls button{border:0;background:none;padding:5px 12px;min-height:42px}.viewer-controls button:disabled{color:#aaa}.viewer-controls a{padding:8px}.embedded-sample>.primary{margin-top:23px}#sample{scroll-margin-top:60px}#request input:focus-visible,#request select:focus-visible{outline:2px solid #965333;outline-offset:4px}@media(max-width:700px){.request-screen{padding:20px 23px}.viewer-controls{gap:7px}.embedded-sample{margin-top:35px}.embedded-sample h2{font-size:23px}#request .form-layout{grid-template-columns:1fr;gap:28px}#request input,#request select{font-size:16px}}
.card-request{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:8px 13px;border:1px solid #ad533c;color:#98432f;font-size:12px;line-height:1.6;white-space:nowrap}.card-actions{flex-wrap:wrap;align-items:center;gap:12px}.card-actions>.text-link{display:inline-flex;align-items:center;min-height:44px}.card-request:hover{background:#f2e9e3}.card-request:focus-visible{outline:2px solid #965333;outline-offset:4px}@media(max-width:560px){.card-actions{gap:12px}.card-request{min-height:46px;padding:10px 14px}}

.request-pending{max-width:720px;margin:25px auto 80px}.request-pending h1{font-family:var(--serif);font-size:36px;font-weight:400;margin:15px 0}.request-pending .lead{font-size:18px;line-height:1.9;margin:25px 0}.pending-message{border-top:1px solid var(--line);padding:28px 0;font-size:15px}.request-pending .text-link{min-height:44px;display:inline-flex;align-items:center}.card-request{white-space:normal}@media(max-width:600px){.request-pending h1{font-size:29px}.request-pending .lead{font-size:16px}}