@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700;900&family=Noto+Sans+JP:wght@400;500;700&family=Material+Symbols+Rounded:wght@400&display=swap');
*{box-sizing:border-box;border:0 solid}html{scroll-behavior:smooth}body{margin:0;background:#fbfcf8;color:#333;font:16px/1.7 'Zen Maru Gothic','Hiragino Kaku Gothic ProN',sans-serif}p,h1,h2,h3{margin:0}img{display:block}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button,a,[role=button]{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:3px solid #ffa800;outline-offset:4px}.demo-bar{height:30px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:#fff;font-size:10px;color:#50634d;border-bottom:1px solid #e4e9df}.demo-bar a{font-weight:700}.design{margin:auto}.desktop{width:1440px;zoom:var(--pc-scale,1)}.mobile{display:none;width:375px;zoom:var(--sp-scale,1)}.figma-root{width:100%!important;height:auto!important}.figma-root>[data-section]{scroll-margin-top:20px}.figma-root [role=button]{cursor:pointer;transition:filter .15s}.figma-root [role=button]:hover{filter:brightness(.94)}.fixed-cta{display:none;position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,520px);padding:10px 8px calc(10px + env(safe-area-inset-bottom));z-index:50;background:#fff;box-shadow:0 -2px 10px #21491515;gap:8px}.fixed-cta button{flex:1;min-height:48px;background:#346e00;color:white;font-size:13px;border-radius:999px}.fixed-cta button:nth-child(2){color:#351c06;background:#ffa800;flex:1.5}dialog{position:fixed;width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow-y:auto;padding:40px 30px 30px;border:1px solid #dce5d3;border-radius:24px;background:#fff;color:#2d382a}dialog::backdrop{background:#1a3019a8}dialog h2{font-weight:700;font-size:25px;line-height:1.5;margin:10px 0 20px}.dialog-close{position:absolute;right:12px;top:8px;background:none;color:#346e00;font-size:28px;width:44px;height:44px}.demo-label{font-size:10px;letter-spacing:.1em;color:#697861}#guide-body{font-size:14px;line-height:1.9}#guide-body p{margin:12px 0}#guide-body strong{font-size:23px;letter-spacing:.04em}#guide-body a{color:#346e00;text-decoration:underline}.demo-note{font-size:11px;margin:20px 0;color:#6f7e67}.dialog-ok{width:100%;padding:12px;background:#346e00;color:white;border-radius:999px}#menu-dialog nav{display:flex;flex-direction:column;gap:8px}#menu-dialog nav button{padding:12px;text-align:left;background:#f3f8ec;color:#2f5f05;border-radius:12px}.prototype-note{max-width:1440px;margin:auto;padding:15px 25px;font-size:11px;background:#f4f7ef;color:#728369}
@media(max-width:1199px){.desktop{display:none}.mobile{display:block;padding-bottom:60px}.fixed-cta{display:flex}.demo-bar{padding:0 12px;font-size:9px}.demo-bar span{max-width:62%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}