@font-face{font-family:Potta One;font-weight:400;font-display:swap;src:url(/fonts/potta.woff2)format("woff2")}@font-face{font-family:Klee One;font-weight:600;font-display:swap;src:url(/fonts/klee-600.woff2)format("woff2")}@font-face{font-family:Noto Sans JP;font-weight:400;font-display:swap;src:url(/fonts/noto-400.woff2)format("woff2")}@font-face{font-family:Noto Sans JP;font-weight:700;font-display:swap;src:url(/fonts/noto-700.woff2)format("woff2")}@font-face{font-family:Noto Sans JP;font-weight:900;font-display:swap;src:url(/fonts/noto-900.woff2)format("woff2")}:root{--paper:#fce1a4;--paper-2:#fff3d6;--ink:#2b1a12;--ink-2:#5c4332;--brick:#a51c1f;--orange:#c2611e;--night:#1e1310;--gray:#cfcdc8;--head:"Potta One", "Hiragino Maru Gothic ProN", "Yu Gothic", sans-serif;--hand:"Klee One", "Hiragino Maru Gothic ProN", "Yu Gothic", sans-serif;--body:"Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;--named:"Potta Full", "Hiragino Maru Gothic ProN", "Yu Gothic", sans-serif;--input:"Hiragino Sans", "Yu Gothic", "Noto Sans JP", sans-serif;--gutter:clamp(18px, 5vw, 72px);--ease:cubic-bezier(.2, .75, .15, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--body);margin:0;font-size:16px;line-height:1.9;overflow-x:clip}body.locked{overflow:hidden}img,svg{max-width:100%;display:block}a{color:inherit;text-underline-offset:.25em}button,input{font:inherit;color:inherit}input[type=text]{font-family:var(--input)}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0;padding:0}ul,ol{list-style:none}b,strong{font-weight:700}:focus-visible{outline:3px solid var(--brick);outline-offset:3px}.jp{word-break:keep-all;overflow-wrap:anywhere}.wrap{width:min(1280px,100%);padding-inline:var(--gutter);margin-inline:auto}.h-xl{font-family:var(--head);font-size:clamp(2.3rem,7vw,6.4rem);font-weight:400;line-height:1.25}.h-lg{font-family:var(--head);font-size:clamp(1.8rem,4.2vw,3.6rem);font-weight:400;line-height:1.35}.h-md{font-family:var(--head);font-size:clamp(1.25rem,2vw,1.7rem);font-weight:400;line-height:1.45}.small{font-size:.82rem;line-height:1.75}.btn{background:var(--ink);min-height:52px;color:var(--paper-2);border:2px solid var(--ink);cursor:pointer;box-shadow:4px 4px 0 var(--orange);border-radius:3px;justify-content:center;align-items:center;gap:10px;padding:8px 24px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{box-shadow:2px 2px 0 var(--orange);transform:translate(2px,2px)}.btn-line{color:inherit;box-shadow:none;background:0 0;border-color:currentColor}.btn-line:hover{box-shadow:none}.btn-brick{background:var(--brick);border-color:var(--brick);color:#fff;box-shadow:4px 4px 0 var(--ink)}.btn-brick:hover{box-shadow:2px 2px 0 var(--ink)}.bubble{z-index:4;background:var(--paper-2);border:3px solid var(--ink);max-width:min(380px,84vw);font-family:var(--hand);word-break:keep-all;overflow-wrap:anywhere;border-radius:22px;padding:14px 20px;font-size:clamp(1.02rem,1.7vw,1.45rem);font-weight:600;line-height:1.55;position:absolute;box-shadow:4px 5px #2b1a1240}.bubble:after{content:"";background:var(--paper-2);border:solid var(--ink);border-width:0 3px 3px 0;width:24px;height:24px;position:absolute}.bubble.down:after{bottom:-14px;left:34px;transform:rotate(45deg)skew(10deg,10deg)}.bubble.right:after{bottom:-14px;right:44px;transform:rotate(45deg)skew(10deg,10deg)}.win{aspect-ratio:16/10;background:#fff;border:10px solid #5a3218;border-radius:4px;width:100%;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #2b1a12,0 0 0 2px #2b1a12,7px 8px #00000047;container-type:size}.win img{width:100%;height:auto;transition:transform 1.2s var(--ease);position:absolute;top:0;left:0}.win:hover img,.win.run img{transition:transform 11s linear;transform:translateY(calc(100cqh - 100%))}.win-tip{z-index:2;color:#fff;pointer-events:none;background:#2b1a12d1;border-radius:3px;padding:0 10px;font-size:.72rem;transition:opacity .2s;position:absolute;bottom:8px;right:8px}.win:hover .win-tip,.win.run .win-tip{opacity:0}@media (prefers-reduced-motion:reduce){.win img{transition:none!important}.win:hover img,.win.run img{transform:none}}.top{z-index:50;pointer-events:none;justify-content:space-between;align-items:center;gap:14px;padding:8px clamp(10px,2vw,22px);display:flex;position:fixed;inset:0 0 auto}.top>*{pointer-events:auto}.logo{background:var(--paper-2);border:2px solid var(--ink);border-radius:3px;padding:7px 12px;display:block}.top nav{align-items:center;gap:6px;font-size:.86rem;font-weight:700;display:flex}.top nav a{background:var(--paper-2);border:2px solid var(--ink);border-radius:3px;align-items:center;min-height:42px;padding:2px 14px;text-decoration:none;display:flex}.top .cta{background:var(--brick);border-color:var(--ink);color:#fff}.rope{background:var(--brick);transform-origin:0;pointer-events:none;height:4px;position:absolute;inset:0 0 auto;transform:scaleX(0)}.foot{padding-block:36px calc(36px + env(safe-area-inset-bottom));background:var(--paper-2)}.foot .wrap{flex-wrap:wrap;align-items:center;gap:16px 36px;display:flex}.foot p{color:var(--ink-2);flex:340px}.foot-nav{flex-wrap:wrap;gap:4px 14px;font-weight:700;display:flex}@media (width<=640px){.top nav .pc{display:none}}
