*{box-sizing:border-box}html,body{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;background:#0e0b0a;margin:0}body{font-family:var(--font-mincho), "Shippori Mincho B1", serif;color:#1a1614;justify-content:center;display:flex}main{flex-direction:column;justify-content:center;width:100%;max-width:560px;min-height:100dvh;padding:20px 8px;display:flex}p,h1,fieldset,legend{margin:0}.paper{aspect-ratio:1/1.414;background:#fff;flex-direction:column;width:100%;display:flex;position:relative;box-shadow:0 14px 40px #0009}.meta{color:#5a524c;justify-content:space-between;font-size:9.5px;display:flex}.rule{border-top:1px solid #1a1614;border-bottom:1px solid #1a1614;align-self:center;height:3px;margin-top:-4px}.pg{text-align:center;color:#8a817a;font-size:9px}.contract{gap:6px;padding:6% 7% 4%;font-size:10px;line-height:1.6}.contract h1{text-align:center;letter-spacing:.6em;margin:2px 0;padding-left:.6em;font-size:19px;font-weight:800;line-height:1.2}.art{flex-direction:column;display:flex}.art b{font-weight:800}.art>span,.pre{text-indent:1em;text-wrap:pretty}.pre{margin:2px 0 0}.opts{border-top:1px solid #1a1614;flex-direction:column;margin-top:6px;display:flex}.item{border:0;border-bottom:1px solid #1a1614;min-width:0;padding:0}.item legend{float:left;width:100%;padding:5px 10px 0;font-weight:700;line-height:1.4}.item-opts{clear:both;grid-template-columns:1fr 1fr;display:grid}.opt{cursor:pointer;align-items:center;gap:clamp(4px,1.6vw,8px);height:36px;padding:0 clamp(5px,2.2vw,10px);transition:background .15s;display:flex;position:relative}.opt+.opt{border-left:1px solid #1a1614}.opt input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}@media (hover:hover){.opt:hover{background:#f6efe6}}.opt:has(:checked){background:#fbeee9}.opt:has(:focus-visible){outline-offset:-2px;outline:2px solid #e0120f}.box{border:1.5px solid #1a1614;flex:none;width:16px;height:16px;position:relative}.box:after{content:"";border-bottom:2.5px solid #e0120f;border-right:2.5px solid #e0120f;width:7px;height:13px;transition:transform .2s cubic-bezier(.3,1.6,.5,1);position:absolute;top:-3px;left:3px;transform:rotate(40deg)scale(0)}.opt:has(:checked) .box:after{transform:rotate(40deg)scale(1)}.kin{letter-spacing:.15em;font-size:12px}.amt{flex:1;justify-content:flex-end;align-items:baseline;gap:3px;display:flex}.amt em{font-size:clamp(12px,4vw,17px);font-style:normal;font-weight:500;line-height:1}.amt small{white-space:nowrap;font-size:12px;font-weight:700}.sign{flex-direction:column;gap:6px;margin-top:auto;display:flex}.sign div{align-items:center;gap:10px;display:flex}.sign .line{border-bottom:1px solid #1a1614;flex:1;padding-bottom:2px}.seal{border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.seal.red{color:#e0120f;opacity:.85;border:2px solid #e0120f;font-size:10px;font-weight:800;line-height:1;transform:rotate(-8deg)}.seal.blank{color:#8a817a;border:1px dashed #8a817a;font-size:9px}.slip{gap:10px;padding:7% 4% 5%;font-size:11px;line-height:1.3}.slip h1{text-align:center;letter-spacing:.3em;margin:2px 0 0;padding-left:.3em;font-size:17px;font-weight:800;line-height:1.2}.grid{background:#1a1614;border:1.5px solid #1a1614;flex:1;grid-template-rows:repeat(6,auto) minmax(0,1fr) auto;grid-template-columns:22px repeat(5,minmax(0,1fr));gap:1px;min-height:0;display:grid}.grid>*{text-align:right;background:#fff;padding:8px}.grid .h{text-align:left;background:#efebe5;padding:6px 8px}.grid .head{padding:7px 8px;font-weight:700}.grid .right{text-align:right}.grid .v{background:#efebe5;grid-row:span 2;justify-content:center;align-self:stretch;align-items:center;padding:0;font-weight:700;display:flex}.grid .v span{writing-mode:vertical-rl;letter-spacing:.6em}.s2{grid-column:span 2}.s4{grid-column:1/span 4}.s5{grid-column:span 5}.grid .code{letter-spacing:.1em;font-size:12px;font-weight:700}.grid .amount{font-size:13px;font-weight:500}.grid .title{text-align:left;text-wrap:pretty;padding:9px 10px;font-size:13px;font-weight:800}.grid .body{text-align:left;text-wrap:pretty;padding:9px 10px;font-size:11.5px;line-height:1.85;overflow:auto}.grid .body p+p,.grid .body .ask,.grid .body .ask+p{margin-top:.6em}.ask{border:1px solid #1a1614}.ask-q{background:#efebe5;border-bottom:1px solid #1a1614;padding:4px 8px;font-weight:700}.ask-opts{grid-template-columns:1fr 1fr;display:grid}.ask-opt{height:34px;color:inherit;align-items:center;gap:8px;padding:0 8px;text-decoration:none;transition:background .15s;display:flex}.ask-opt+.ask-opt{border-left:1px solid #1a1614}@media (hover:hover){a.ask-opt:hover{background:#f6efe6}}a.ask-opt:focus-visible{outline-offset:-2px;outline:2px solid #e0120f}.ask-opt.is-on{background:#fbeee9}.ask-opt.is-on .box:after{transform:rotate(40deg)scale(1)}span.ask-opt:not(.is-on){color:#8a817a}.grid .total-label{text-align:right;letter-spacing:.2em;padding:10px 8px;font-weight:800}.grid .total{color:#e0120f;justify-content:flex-end;align-items:baseline;gap:2px;display:flex}.total-amount{font-size:20px;font-weight:700;line-height:1}.total-yen{font-size:11px;font-weight:800}.note{text-align:right;color:#5a524c;font-size:10px}.stamp{color:#e0120f;opacity:.35;pointer-events:none;border:2px solid #e0120f;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:13px;font-weight:800;display:flex;position:absolute;bottom:12%;right:9%;transform:rotate(-14deg)}.missing{justify-content:center;gap:12px}.missing .pre{text-align:center;text-indent:0}.missing-link{color:#1a1614;border-bottom:1px solid #1a1614;align-self:center;margin-top:8px;text-decoration:none}.sheet{flex-direction:column;display:flex;position:relative}.sign input.line{min-width:0;font:inherit;letter-spacing:.08em;color:#1a1614;background:0 0;border:0;border-bottom:1px solid #1a1614;border-radius:0;outline:none;padding:0 2px 1px;font-size:16px;font-weight:700;line-height:1.2}.sign input.line::placeholder{color:#b3aaa3;font-size:10px;font-weight:400}.nudged .opts.missing{box-shadow:0 0 0 1.5px #e0120f}.nudged .otsu.missing input.line{border-bottom:1.5px solid #e0120f}button.seal{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;width:52px;height:52px;padding:0;font-family:inherit;font-size:13px;position:relative}.seal.blank.ready{color:#e0120f;border:1px dashed #e0120f;animation:1.6s ease-in-out infinite beckon}.seal.blank.pressed{border-color:#e0120f4d;animation:none}.seal.blank.pressed>span{opacity:0}button.seal:focus-visible{outline-offset:2px;outline:1px solid #e0120f}@keyframes beckon{50%{box-shadow:0 0 0 4px #e0120f1f}}.thumb{pointer-events:none;width:50px;height:61px;margin:-30px 0 0 -25px;animation:.45s cubic-bezier(.2,.9,.3,1) both press;position:absolute;top:50%;left:50%}.thumb-ink{fill:#e0120f2e}.thumb-ridges{fill:none;stroke:#e0120f;stroke-width:1.4px;opacity:.85}@keyframes press{0%{opacity:0;transform:rotate(-14deg)scale(1.6)}60%{opacity:1;transform:rotate(-14deg)scale(.92)}to{opacity:.92;transform:rotate(-14deg)scale(1)}}.locked .opts,.locked input.line{pointer-events:none}.note-out{text-align:center;color:#a39a93;letter-spacing:.04em;margin-top:16px;font-size:11px}.note-out.nudge{color:#e8a19a;animation:.35s shake}.note-out.accepted{color:#fcfbf7;font-weight:700;animation:.4s ease-out both accepted}@keyframes accepted{0%{opacity:0}}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.item.field{align-items:center;gap:8px;min-height:40px;padding:0 10px;display:flex}.field-label{flex:none;font-weight:700}.item.field input{min-width:0;height:30px;font:inherit;color:#1a1614;appearance:none;background:0 0;border:0;border-bottom:1px solid #1a1614;border-radius:0;outline:none;flex:1;padding:0 2px;font-size:16px;font-weight:700}.item.field input::placeholder{color:#b3aaa3;font-size:10px;font-weight:400}.item.field:has(:focus-visible){background:#fbeee9}.nudged .item.field.missing input{border-bottom:1.5px solid #e0120f}.locked .item.field{pointer-events:none}.confirm{color:#1a1614;background:#fff;border:1.5px solid #1a1614;border-radius:0;width:min(100% - 32px,380px);padding:22px 20px 18px;font-family:inherit;box-shadow:0 14px 40px #0009}.confirm::backdrop{background:#0e0b0abf}.confirm p{text-wrap:pretty;font-size:14px;font-weight:700;line-height:1.8}.confirm-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.confirm-btn{color:#1a1614;height:44px;font:inherit;letter-spacing:.1em;cursor:pointer;background:#fff;border:1px solid #1a1614;border-radius:0;font-size:14px;font-weight:700}.confirm-btn.primary{color:#fff;background:#1a1614;border-color:#1a1614}.truth{aspect-ratio:auto;gap:12px;min-height:min(141.4vw - 22.624px,770px);padding:7% 7% 5%;font-size:11.5px;line-height:1.85}.truth h1{text-align:center;letter-spacing:.4em;margin:2px 0 0;padding-left:.4em;font-size:19px;font-weight:800;line-height:1.2}.truth .art p{text-indent:1em;text-wrap:pretty}.truth .art p+p{margin-top:.5em}.truth .pg{margin-top:auto;padding-top:8px}.truth .art p.li{text-indent:-1em;padding-left:1em}.truth .art p.li+p.li{margin-top:.2em}.truth .closing{text-align:center;margin-top:8px;font-weight:700}.seal.red.dp{letter-spacing:-.02em;font-size:8px}.sign .who{width:3.5em}.proceed{color:#b3aaa3;height:52px;font:inherit;letter-spacing:.1em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #b3aaa3;border-radius:0;flex:none;justify-content:center;align-items:center;margin-top:4px;font-size:15px;font-weight:700;text-decoration:none;transition:background .15s,color .15s;display:flex}.proceed.ready{color:#fff;background:#1a1614;border-color:#1a1614}.proceed:focus-visible{outline-offset:2px;outline:2px solid #1a1614}.locked .proceed{pointer-events:none;opacity:.5}span.seal.blank{width:52px;height:52px;font-size:13px;position:relative}@media (max-width:600px){html,body{background:#fff}main{justify-content:flex-start;min-height:100dvh;padding:0}.sheet{flex:1}.paper{aspect-ratio:auto;min-height:0;box-shadow:none;flex:1}.note-out{color:#8a817a;margin:0;padding:0 16px 24px}.note-out.nudge{color:#e0120f}.note-out.accepted{color:#1a1614}}a.proceed:not(.ready){color:#1a1614;border-color:#1a1614}@media (hover:hover){a.proceed:not(.ready):hover{background:#f6efe6}}.slip .stamp{bottom:96px;left:9%;right:auto}.item.field.cards{flex-direction:column;align-items:stretch;gap:6px;padding:8px 10px 10px}.cards-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.card-opt{cursor:pointer;-webkit-tap-highlight-color:transparent;border:1.5px solid #0000;padding:3px;transition:opacity .15s;display:block;position:relative}.card-opt input{opacity:0;pointer-events:none;position:absolute}.card-opt img{width:100%;height:auto;display:block}.card-opt .box{background:#fff;position:absolute;bottom:7px;right:7px}.card-opt:has(:checked){border-color:#1a1614}.card-opt:has(:checked) .box:after{transform:rotate(40deg)scale(1)}.cards-grid:has(:checked) .card-opt:not(:has(:checked)){opacity:.4}.card-opt:has(:focus-visible){outline-offset:1px;outline:2px solid #1a1614}.nudged .item.field.missing .cards-grid{outline-offset:2px;outline:1.5px solid #e0120f}.sns{border:1.5px solid #1a1614;flex-direction:column;gap:6px;margin-top:12px;padding:12px 12px 10px;display:flex}.sns h2{text-align:center;letter-spacing:.2em;border-bottom:1px solid #1a1614;margin:0 0 2px;padding-bottom:6px;font-size:13px;font-weight:800}.sns p{text-wrap:pretty;margin:0}.sns-lists{gap:8px;margin:4px 0;display:grid}.sns-lists>div{border:1px solid #1a1614}.sns-lists b{background:#efebe5;border-bottom:1px solid #1a1614;padding:3px 8px;font-weight:800;display:block}.sns-lists ul{margin:0;padding:6px 8px;list-style:none}.sns-lists li{text-indent:-1.4em;padding-left:1.4em}.sns-lists li+li{margin-top:2px}.sns-lists .ok li:before{content:"○";text-indent:0;width:1.4em;display:inline-block}.sns-lists .ng li:before{content:"×";text-indent:0;width:1.4em;display:inline-block}.sns .sns-tag{padding:6px 8px}.sns.line{flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:10px 8px}.sns.line p{white-space:nowrap;font-size:clamp(10px,3.2vw,12px);font-weight:800}.line-add{line-height:0;display:block}.line-add img{width:auto;height:32px}
