:root{--paper:#f6f3ec;--paper-deep:#efeadf;--paper-card:#fbf9f4;--ink:#1f1d1a;--ink-soft:#4d483f;--muted:#7c7566;--rule:#ccc6b8;--rule-soft:#e3ded2;--shu:#9b1c1c;--shu-deep:#7f1515;--shu-soft:#fdf0f0;--serif:"Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", YuMincho, "BIZ UDPMincho", "Noto Serif JP", serif;--sans:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", "Yu Gothic", "BIZ UDPGothic", "Noto Sans JP", sans-serif;--cell:24px;--wrap:1120px;--radius:10px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-feature-settings:"palt" 1;letter-spacing:.02em;margin:0;font-size:16px;line-height:1.85}img,video{max-width:100%;display:block}a{color:var(--shu)}h1,h2,h3{font-family:var(--serif);letter-spacing:.04em;margin:0;font-weight:600;line-height:1.45}p{margin:0}.wrap{width:min(var(--wrap), 100% - 40px);margin-inline:auto}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip{background:var(--ink);color:#fff;z-index:100;border-radius:6px;padding:6px 10px;position:absolute;top:-80px;left:8px}.skip:focus{top:8px}.btn{font-family:var(--sans);white-space:nowrap;border:1.5px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:15px;font-weight:600;line-height:1.2;text-decoration:none;transition:transform .15s,background-color .15s,color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-lg{padding:15px 28px;font-size:17px}.btn-sm{padding:8px 14px;font-size:14px}.btn-solid{background:var(--shu);color:#fff;box-shadow:0 6px 18px -8px #9b1c1c99}.btn-solid:hover{background:var(--shu-deep);box-shadow:0 8px 22px -8px #9b1c1cb3}.btn-ghost{color:var(--ink);border-color:var(--ink);background:0 0}.btn-ghost:hover{background:var(--ink);color:var(--paper)}.btn-ghost-inverse{color:var(--paper);background:0 0;border-color:#ffffffb3}.btn-ghost-inverse:hover{background:#ffffff1f;border-color:#fff}.link-quiet{color:var(--ink-soft);padding:8px 6px;font-size:14px;text-decoration:none}.link-quiet:hover{color:var(--shu)}.site-header{z-index:50;-webkit-backdrop-filter:saturate(1.2)blur(10px);border-bottom:1px solid var(--rule-soft);background:#f6f3ecdb;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:16px;height:60px;display:flex}.brand{color:var(--ink);align-items:baseline;gap:12px;min-width:0;text-decoration:none;display:flex}.brand-name{font-family:var(--serif);letter-spacing:.14em;white-space:nowrap;font-size:17px;font-weight:700}.brand-tag{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.header-nav{flex-shrink:0;align-items:center;gap:6px;display:flex}.hero{padding:clamp(48px,8vw,96px) 0 clamp(40px,6vw,72px);position:relative;overflow:hidden}.hero:before{content:"";background-image:linear-gradient(90deg,#ccc6b873 1px,#0000 1px),linear-gradient(#ccc6b873 1px,#0000 1px);background-size:var(--cell) var(--cell);pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#00000059 55%,#0000);mask-image:linear-gradient(#000000e6,#00000059 55%,#0000)}.hero:after{content:"";top:0;right:max(24px, calc((100% - var(--wrap)) / 2 - 40px));background:var(--shu);opacity:.55;pointer-events:none;width:2px;height:120px;position:absolute}.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,64px);display:grid;position:relative}.kicker{font-family:var(--serif);letter-spacing:.28em;color:var(--shu);margin-bottom:14px;font-size:13px}.kicker:before{content:"";background:var(--shu);vertical-align:middle;width:18px;height:1px;margin-right:10px;display:inline-block}.hero h1{letter-spacing:.005em;font-size:clamp(27px,3.05vw,40px);line-height:1.42}.hero h1 em{background:linear-gradient(#0000 62%,#9b1c1c29 62%);font-style:normal}.lead{color:var(--ink-soft);max-width:34em;margin-top:22px;font-size:16.5px}.cta-row{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.fine{color:var(--muted);margin-top:14px;font-size:13px}.hero-video{margin:0}.video-frame{aspect-ratio:1780/1080;background:#111;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #1f1d1a8c,0 0 0 1px #1f1d1a14}.video-frame video{object-fit:cover;width:100%;height:100%}.hero-video figcaption{color:var(--muted);text-align:right;margin-top:16px;font-size:13px}.band{background:var(--ink);color:var(--paper);padding:clamp(32px,5vw,56px) 0}.band-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(16px,4vw,48px);display:grid}.band-label{letter-spacing:.2em;color:#f6f3eca6;font-size:13px}.band-num{font-family:var(--serif);white-space:nowrap;margin:6px 0 12px;line-height:1}.band-num .num{letter-spacing:-.01em;font-size:clamp(48px,7vw,84px);font-weight:600}.band-num .unit{margin-left:4px;font-size:clamp(20px,2.6vw,30px)}.band-after .band-num{color:#f3b3b3}.band-note{color:#f6f3ecbf;max-width:28em;font-size:13.5px}.band-arrow{font-family:var(--serif);color:#f6f3ec80;font-size:clamp(32px,5vw,56px)}.section{padding:clamp(56px,8vw,104px) 0}.section-alt{background:var(--paper-deep)}.section-head{max-width:44em;margin-bottom:clamp(28px,4vw,48px)}.section-head h2,.honest h2,.trust-col h2{font-size:clamp(24px,3vw,32px)}.section-lead{color:var(--ink-soft);margin-top:16px}.steps{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.step{background:var(--paper-card);border:1px solid var(--rule-soft);border-radius:var(--radius);padding:28px 24px 26px;position:relative}.step-num{width:44px;height:44px;font-family:var(--serif);color:#fff;background:var(--shu);border-radius:50%;place-items:center;font-size:22px;font-weight:600;display:grid;position:absolute;top:-18px;left:20px;box-shadow:0 6px 14px -6px #9b1c1cb3}.step h3{margin-top:8px;font-size:19px}.step p{color:var(--ink-soft);margin-top:10px;font-size:14.5px}.features{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.feature{background:var(--paper-card);border:1px solid var(--rule-soft);border-radius:var(--radius);padding:22px;transition:transform .2s,box-shadow .2s}.feature:hover{transform:translateY(-2px);box-shadow:0 16px 30px -22px #1f1d1a80}.feature h3{margin-top:12px;font-size:17.5px}.feature p{color:var(--ink-soft);margin-top:8px;font-size:14px}.feature-mark{border:1.5px solid var(--ink);background:#fff;border-radius:6px;width:40px;height:40px;display:block;position:relative}.mark-tate{background:repeating-linear-gradient(to left, var(--ink) 0 1.5px, transparent 1.5px 9px);background-clip:content-box;padding:6px}.mark-grid{background-image:linear-gradient(to right, var(--ink) 1px, transparent 1px), linear-gradient(to bottom, var(--ink) 1px, transparent 1px);background-position:-1px -1px;background-size:9.5px 9.5px}.mark-types:before,.mark-types:after{content:"";border:1.5px solid var(--ink);position:absolute}.mark-types:before{width:10px;height:10px;top:7px;left:7px}.mark-types:after{border-style:dashed;width:8px;top:7px;bottom:7px;right:7px}.mark-kanten{background:linear-gradient(90deg,#0000 50%,#1f1d1a2e 50%)}.mark-kanten:after{content:"";border-top:1.5px solid var(--ink);position:absolute;bottom:9px;left:0;right:0}.mark-paper{width:32px;box-shadow:6px -4px 0 -1px #fff, 6px -4px 0 .5px var(--ink);margin-left:4px}.mark-hand{border-style:dashed}.mark-hand:after{content:"＋";color:var(--ink);place-items:center;font-size:18px;display:grid;position:absolute;inset:0}.honest{max-width:820px}.honest-frame{border:2px solid var(--shu);background:var(--paper-card);box-shadow:0 0 0 6px var(--shu-soft);border-radius:6px;padding:clamp(24px,4vw,40px) clamp(22px,4vw,44px);position:relative}.honest-frame p{color:var(--ink-soft);margin-top:14px}.honest-frame p strong{color:var(--ink)}.honest-legend{align-items:center;gap:8px;font-size:13px;display:flex;color:var(--muted)!important}.legend-box{background:#fff;border:2px solid #c43c3c;border-radius:3px;width:22px;height:22px}.sample-pair{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(12px,3vw,32px);display:grid}.sample-card{margin:0}.sample-img{border:1px solid var(--rule);cursor:zoom-in;width:100%;font:inherit;color:inherit;text-align:left;background:#fff;border-radius:6px;padding:10px;transition:transform .2s,box-shadow .2s;display:block;position:relative;box-shadow:0 24px 40px -30px #1f1d1a99}.sample-img:hover,.sample-img:focus-visible{outline:none;transform:translateY(-2px);box-shadow:0 28px 44px -28px #1f1d1ab3}.sample-img:focus-visible{box-shadow:0 0 0 3px var(--shu-soft), 0 0 0 4.5px var(--shu)}.sample-img img{width:100%;height:auto}.zoom-hint{letter-spacing:.08em;color:#fff;opacity:0;pointer-events:none;background:#1f1d1ab8;border-radius:999px;padding:3px 9px;font-size:11px;transition:opacity .2s;position:absolute;bottom:14px;right:14px}.sample-img:hover .zoom-hint,.sample-img:focus-visible .zoom-hint{opacity:1}@media (hover:none){.zoom-hint{opacity:1}}.zoom-dialog{background:0 0;border:none;place-items:center;width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:0;display:none}.zoom-dialog[open]{display:grid}.zoom-dialog::backdrop{background:#1f1d1ad1}.zoom-dialog img{cursor:zoom-out;background:#fff;border-radius:6px;width:auto;max-width:min(96vw,1800px);height:auto;max-height:94vh;padding:8px;box-shadow:0 30px 80px -20px #0009}.zoom-close{width:44px;height:44px;color:var(--ink);cursor:pointer;z-index:1;background:#ffffffeb;border:none;border-radius:50%;font-size:26px;line-height:1;position:fixed;top:14px;right:14px}.zoom-close:hover{background:#fff}.sample-card figcaption{color:var(--ink-soft);margin-top:12px;font-size:13.5px}.tag{letter-spacing:.16em;border:1px solid var(--ink);vertical-align:middle;border-radius:999px;margin-right:8px;padding:2px 8px;font-size:11px;display:inline-block}.tag-out{color:#fff;background:var(--shu);border-color:var(--shu)}.sample-arrow{font-family:var(--serif);color:var(--shu);font-size:clamp(28px,4vw,44px)}.sample-how{background:var(--paper-card);border:1px solid var(--rule-soft);border-radius:var(--radius);margin-top:clamp(28px,4vw,44px);padding:22px 24px}.sample-how ol{counter-reset:how;gap:14px;margin:0;padding:0;list-style:none;display:grid}.sample-how li{counter-increment:how;grid-template-columns:28px auto 1fr;align-items:center;gap:12px;display:grid}.sample-how li:before{content:counter(how);font-family:var(--serif);color:var(--shu);text-align:center;font-size:18px}.sample-how li:last-child{grid-template-columns:28px 1fr}.sample-how-note{color:var(--ink-soft);font-size:14px}.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(28px,5vw,64px);display:grid}.trust-col p{color:var(--ink-soft);margin-top:16px}.trust-list{gap:12px;margin:8px 0 0;padding:0;list-style:none;display:grid}.trust-list li{color:var(--ink-soft);padding-left:18px;font-size:15px;position:relative}.trust-list li:before{content:"";background:var(--shu);border-radius:1px;width:8px;height:8px;position:absolute;top:.75em;left:0;transform:rotate(45deg)}.trust-list strong{color:var(--ink)}.faq-wrap{max-width:820px}.faq-list{gap:10px;display:grid}.faq{background:var(--paper-card);border:1px solid var(--rule-soft);border-radius:var(--radius);padding:0 22px}.faq summary{cursor:pointer;padding:16px 32px 16px 0;font-size:16px;font-weight:600;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";border-right:1.5px solid var(--shu);border-bottom:1.5px solid var(--shu);width:9px;height:9px;transition:transform .2s;position:absolute;top:50%;right:4px;transform:translateY(-70%)rotate(45deg)}.faq[open] summary:after{transform:translateY(-30%)rotate(-135deg)}.faq p{color:var(--ink-soft);padding:0 0 18px;font-size:15px}.cta-final{background:var(--shu);color:var(--paper);padding:clamp(56px,8vw,96px) 0;position:relative;overflow:hidden}.cta-final:before{content:"";background-image:linear-gradient(90deg,#ffffff14 1px,#0000 1px),linear-gradient(#ffffff14 1px,#0000 1px);background-size:var(--cell) var(--cell);pointer-events:none;position:absolute;inset:0}.cta-final-inner{text-align:center;position:relative}.cta-final h2{color:#fff;font-size:clamp(26px,3.4vw,36px)}.cta-final p{color:#ffffffd1;margin-top:12px}.cta-final .cta-row{justify-content:center}.cta-final .btn-solid{color:var(--shu);background:#fff;box-shadow:0 8px 22px -10px #00000080}.cta-final .btn-solid:hover{background:var(--paper)}.site-footer{border-top:1px solid var(--rule-soft);color:var(--muted);padding:36px 0 44px;font-size:13.5px}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:24px;display:flex}.footer-brand .brand-name{color:var(--ink)}.footer-note{white-space:nowrap;margin-top:6px}.footer-nav{flex-wrap:wrap;align-content:start;gap:6px 18px;display:flex}.footer-nav a{color:var(--ink-soft);text-decoration:none}.footer-nav a:hover{color:var(--shu)}.rise{animation:.7s cubic-bezier(.2,.7,.2,1) both rise;animation-delay:calc(var(--i,0) * 90ms)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.reveal{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 70ms);transform:translateY(12px)}.reveal.in,html.no-observer .reveal{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rise,.reveal{opacity:1;transition:none;animation:none;transform:none}}@media (width<=900px){.hero-grid{grid-template-columns:1fr}.hero-video figcaption{text-align:left}.steps,.features{grid-template-columns:1fr 1fr}.trust-grid{grid-template-columns:1fr}}@media (width<=640px){body{font-size:15px}.brand-tag{display:none}.header-inner{height:54px}.hero{padding-top:36px}.hero h1{letter-spacing:0;font-size:23px}.cta-final h2{font-size:23px}.footer-note{white-space:normal}.hero:after{display:none}.steps,.features{grid-template-columns:1fr}.step{margin-top:12px}.band-grid{grid-template-columns:1fr;gap:12px}.band-arrow{justify-self:start;margin-left:12px;line-height:1;transform:rotate(90deg)}.sample-pair{grid-template-columns:1fr}.sample-arrow{justify-self:center;line-height:1;transform:rotate(90deg)}.sample-how li{grid-template-columns:24px 1fr}.sample-how li .btn{justify-self:start}.sample-how li .sample-how-note{grid-column:2}.btn-lg{width:100%}.cta-row{flex-direction:column}}