.demo-guide{--guide-green: #4cba87;color:#505050;font-size:14px;line-height:1.55}.demo-guide [hidden]{display:none!important}.demo-guide button{font:inherit;cursor:pointer}.demo-guide button:focus-visible,.demo-guide [tabindex]:focus-visible{outline:3px solid #25825a;outline-offset:3px}.demo-guide button:disabled{opacity:.55;cursor:wait}.guide-launcher{position:fixed;bottom:22px;left:26px;z-index:1001;width:50px;height:50px;display:grid;place-items:center;padding:7px;color:var(--guide-green);background:#fff;border:2px solid #999;border-radius:5px;box-shadow:0 2px 5px #0004}.guide-launcher:hover{background:#edf8f2}.guide-launcher svg{width:34px;height:34px}.guide-panel{position:fixed;left:16px;bottom:20px;z-index:1002;width:min(586px,calc(100vw - 450px));height:min(684px,calc(100dvh - 145px));display:flex;flex-direction:column;background:#f9f9f9;border:2px solid #999;border-radius:5px;box-shadow:0 2px 5px #0005;overflow:hidden}.guide-header{display:flex;align-items:center;gap:20px;padding:8px 14px;border-bottom:2px solid #aaa;flex-shrink:0}.guide-header svg{width:35px;height:35px;color:var(--guide-green);flex-shrink:0}.guide-header h2{margin:0;font-size:16px;font-weight:700}.guide-close{display:grid;place-items:center;width:38px;height:38px;margin-left:auto;padding:0;border:0;background:transparent;color:#505050;font-size:28px!important;line-height:1;flex-shrink:0}.guide-close:hover{background:#e5f1eb;border-radius:4px}.guide-body{display:flex;flex:1;min-height:0}.guide-tabs{display:flex;flex-direction:column;flex:0 0 190px;gap:18px;padding:12px 10px;border-right:1px solid #aaa;overflow-y:auto}.guide-tabs button{border:0;border-radius:12px;text-align:left;padding:4px 10px;background:transparent;color:#505050;font-weight:700;font-size:16px;white-space:nowrap}.guide-tabs button[aria-selected=true]{background:#d5eee3}.guide-tabs button:hover{background:#e6f5ed}.guide-content{padding:16px 20px;overflow-y:auto;overscroll-behavior:contain;flex:1;min-width:0}.guide-intro{text-align:center;font-size:12px;line-height:1.35;margin:0 0 16px}.guide-notes{padding:14px;margin-top:20px;background:#edf8f2;border-radius:6px;font-size:12px}.guide-notes h3{margin:0 0 12px;font-size:13px;color:#267950}.guide-notes dl{margin:0}.guide-notes dt{font-weight:700;margin-top:10px}.guide-notes dd{margin:4px 0 0}.guide-question{margin:0 0 28px}.guide-question-heading{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}.guide-question h3{font-size:14px;color:var(--guide-green);margin:0}.guide-explain{border:0;border-radius:4px;padding:4px 9px;background:var(--guide-green);color:#fff;font-size:10px!important;font-weight:700!important;white-space:nowrap}.guide-explain[aria-expanded=true]{background:#dc3545}.guide-question-text{margin:10px 0;font-size:14px;font-weight:600}.guide-run{display:inline-block;vertical-align:middle;white-space:nowrap;border:1px solid #c5c5c5;border-radius:4px;background:#ebebeb;color:#444;padding:2px 7px;margin-left:4px;font-size:11px!important}.guide-run:hover{border-color:var(--guide-green);background:#d5eee3}.guide-explanation img{display:block;width:100%;height:auto}.guide-status{font-size:12px;color:#12625d;margin:0}.guide-status.is-error{color:#a02929;padding:10px;background:#fff0f0;border-radius:5px}.guide-footer{padding:8px 16px;text-align:right;border-top:1px solid #ddd}.guide-footer button{padding:2px;background:none;border:0;color:#52685e;text-decoration:underline;font-size:11px}.guide-welcome{width:min(1100px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:20px;border:0;color:#505050;background:#fff;box-shadow:0 5px 8px #0006;overflow-y:auto}.guide-welcome::backdrop{background:#0006}.welcome-close{position:absolute;top:16px;right:12px;color:#12625d}.welcome-layout{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(0,1fr);gap:18px}.welcome-brand{margin:0 0 14px}.welcome-brand img{display:block;width:200px;max-width:100%;height:auto}.welcome-preview{display:block;width:100%;height:auto}.preview-header{height:13%;display:flex;align-items:center;gap:10px;padding:10px 3%;background:#fff}.preview-header img{width:26px}.preview-header strong{font-size:clamp(8px,1vw,12px);color:#079ed2}.preview-header small{display:block;font-size:6px;color:#db2b28}.preview-hero{height:67%;display:flex;gap:5%;align-items:center;padding:5% 4%;color:#fff;background:radial-gradient(ellipse at bottom,#3987ed 0,transparent 57%),linear-gradient(120deg,#001722,#042739)}.preview-hero>div{flex:1}.preview-hero small{font-size:7px;letter-spacing:1px;color:#80d7ea}.preview-hero strong{display:block;font-size:clamp(16px,2vw,28px);line-height:1.25;margin-top:10px}.preview-hero img{width:43%;align-self:flex-start}.preview-products{padding:12px 7%}.preview-products>small{display:block;font-size:7px;color:#368b63}.preview-products>strong{font-size:12px}.preview-products>div{display:flex;gap:5px;margin-top:8px}.preview-products img{width:32%;border:1px solid #ddd}.preview-guide-mark{position:absolute;bottom:12px;left:6px;width:36px;height:36px;padding:4px;border:2px solid #f6a000;background:#fff;color:var(--guide-green);border-radius:4px}.preview-input-mark{position:absolute;bottom:12px;right:4px;width:29%;height:42px;display:flex;align-items:center;gap:5px;padding:4px;border:3px solid #77c100;background:#fff;border-radius:4px;color:#888}.preview-input-mark img{width:23px}.preview-input-mark span{font-size:6px;background:#eee;border-radius:12px;flex:1;padding:5px}.preview-input-mark b,.welcome-input-example b{display:grid;place-items:center;background:var(--guide-green);color:#fff;border-radius:50%;width:24px;height:24px;flex-shrink:0}.welcome-caption{display:flex;justify-content:space-between;font-size:11px;margin:8px 0 0;color:#67717a}.welcome-instructions{padding:0 16px 0 0}.welcome-instructions section+section{margin-top:30px}.welcome-instructions h2{display:table;position:relative;font-size:20px;margin:0 0 12px;line-height:1.5;border-bottom:4px solid #F69C00}.welcome-instructions .welcome-input-heading{border-color:#5ac100}.welcome-icon{width:59px;height:59px;padding:8px;border:3px solid #999;border-radius:6px;box-shadow:0 2px 4px #0004;color:var(--guide-green)}.welcome-instructions p{font-size:15px;line-height:1.4;margin:14px 0 18px}.welcome-input-example{display:flex;align-items:center;gap:6px;border:2px solid var(--guide-green);padding:7px}.welcome-input-example img{width:36px}.welcome-input-example span{flex:1;border-radius:14px;background:#f0f0f0;color:#888;padding:9px;font-size:10px}.welcome-input-example b{width:38px;height:38px;font-size:23px}.welcome-start{width:100%;border:0;border-radius:4px;padding:10px;background:#115e59;color:#fff;font-weight:700!important}.welcome-start:hover{background:#0a4945}@media (max-width: 1000px){.guide-panel{width:min(586px,calc(100vw - 32px));height:min(684px,calc(100dvh - 110px))}.guide-launcher{bottom:100px;left:16px}.welcome-layout{grid-template-columns:1.25fr 1fr}.welcome-instructions{padding-right:20px}.welcome-instructions h2{font-size:17px}.welcome-instructions p{font-size:13px}.preview-input-mark{width:43%}}@media (max-width: 640px){.guide-panel{left:8px;bottom:90px;width:calc(100vw - 16px);height:min(684px,calc(100dvh - 106px))}.guide-header{gap:8px;padding:7px 8px}.guide-header h2{font-size:14px}.guide-header svg{width:27px;height:27px}.guide-tabs{flex-basis:136px;padding:10px 5px;gap:16px}.guide-tabs button{font-size:12px;padding:7px 4px}.guide-content{padding:14px 12px}.guide-question h3,.guide-question-text{font-size:13px}.guide-welcome{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:18px}.welcome-layout{grid-template-columns:1fr;gap:20px}.welcome-brand{padding-right:28px}.welcome-instructions{padding:0}.welcome-instructions h2{font-size:18px}.welcome-instructions p{font-size:14px}.welcome-instructions section+section{margin-top:24px}.welcome-icon{width:48px;height:48px}}.demo-guide{font-family:Noto Sans JP,Yu Gothic,sans-serif}.guide-question h3{color:#2b835a}.guide-explain{background:#4cba87;color:#163e2b}.guide-explain[aria-expanded=true]{background:#d5eee3;color:#245c40}.preview-header strong{color:#387653}.preview-header small{color:#61745a}.preview-hero{color:#26472d;background:linear-gradient(90deg,#f7faeedd,#f7faee44),url(/images/bg3.png) center / cover}.preview-hero small{color:#416d4a}.preview-products img{width:26px;height:26px;object-fit:contain;border:0;margin-right:24px}.preview-guide-mark,.preview-input-mark{border-color:#4cba87}.welcome-instructions .welcome-guide-heading{border-color:#f69c00}.welcome-input-example b,.preview-input-mark b{color:#163e2b}.guide-explain{display:inline-flex;align-items:center;justify-content:center;gap:5px}.guide-explain-icon{display:block;flex:0 0 14px;color:#52b788}.guide-explain[aria-expanded=true] .guide-explain-icon{transform:rotate(180deg)}:root{--bg: #fbfaf6;--surface: rgba(255, 255, 255, .92);--surface-strong: #ffffff;--text: #203325;--muted: #5f6f61;--line: rgba(62, 90, 49, .11);--brand: #5c8a43;--brand-deep: #29472e;--shadow: 0 14px 32px rgba(82, 83, 56, .07);--radius-xl: 24px;--radius-lg: 18px;--radius-md: 18px;--container: min(1024px, calc(100vw - 32px) )}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Noto Sans JP,Hiragino Sans,Yu Gothic,Meiryo,sans-serif;background:radial-gradient(circle at top left,rgba(146,181,111,.08),transparent 28%),radial-gradient(circle at top right,rgba(242,198,114,.08),transparent 24%),linear-gradient(180deg,#fff,#fbfaf6)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:var(--container);margin:0 auto}.home-page .header-inner{width:min(1280px,calc(100vw - 44px))}.site-header{z-index:50;background:#fffffff5;border-bottom:1px solid rgba(92,138,67,.08)}.header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:14px}.brand-mark{width:42px;height:42px;display:grid;place-items:center}.brand-mark img{width:37px;height:37px;object-fit:contain}.brand strong{display:block;font-size:1.9rem;letter-spacing:.03em}.brand small{color:var(--muted);font-size:.82rem}.site-nav{display:flex;align-items:center;gap:26px}.site-nav a{padding:4px 0;color:#26372a;font-size:.98rem;font-weight:500;white-space:nowrap}.site-nav a.active,.site-nav a:hover{background:transparent;color:var(--brand-deep)}.nav-toggle{display:none;width:46px;height:46px;border:0;border-radius:14px;background:#5c8a431a;padding:12px 10px}.nav-toggle span{display:block;height:2px;margin:4px 0;background:var(--brand-deep);border-radius:999px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}main{padding:0 0 40px}.site-footer{padding:16px 0 24px}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:transparent}.feature-item{display:flex;gap:12px;padding:10px 20px 8px;align-items:flex-start;color:var(--brand)}.feature-item+.feature-item{border-left:1px solid rgba(92,138,67,.14)}.feature-item strong{display:block;margin-bottom:4px;color:var(--brand-deep);font-size:.98rem}.feature-item p,.copyright{margin:0;color:var(--muted);font-size:.88rem;line-height:1.5}.copyright{padding-top:20px;text-align:center}.prose{background:#ffffffbf;border:1px solid rgba(92,138,67,.12);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:34px}.prose h1,.prose h2,.prose h3{color:var(--brand-deep);line-height:1.35}.prose h1{font-family:"Noto Serif JP",Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(2rem,4vw,3rem);margin:0 0 16px}.prose h2{margin:36px 0 14px;font-size:clamp(1.35rem,2vw,1.7rem)}.prose p,.prose li,.prose td,.prose th{color:#32453a;line-height:1.9}.prose ul,.prose ol{padding-left:1.25rem}.prose table{width:100%;border-collapse:collapse;margin:18px 0;background:#ffffffb8;overflow:hidden;border-radius:18px}.prose th,.prose td{border:1px solid rgba(92,138,67,.12);padding:12px 14px;text-align:left}.prose a{color:#2d6845;text-decoration:underline;text-underline-offset:.18em}.section-heading{margin-bottom:12px}.section-heading .eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--brand);font-weight:700;font-size:1.05rem}.section-heading h1,.section-heading h2{margin:10px 0 8px;color:#182918;font-family:"Noto Serif JP",Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(2rem,4vw,3rem)}.section-heading p{margin:0;color:var(--muted);font-size:1.05rem;line-height:1.8}@media (max-width: 920px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-item:nth-child(3){border-left:0;border-top:1px solid rgba(92,138,67,.12)}.feature-item:nth-child(4){border-top:1px solid rgba(92,138,67,.12)}}@media (max-width: 760px){.home-page .header-inner{width:min(100vw - 24px,1280px)}.header-inner{min-height:74px}.brand strong{font-size:1.5rem}.brand small{font-size:.76rem}.nav-toggle{display:block}.site-nav{position:absolute;top:calc(100% + 10px);right:16px;left:16px;padding:10px;border-radius:18px;background:#fffcf6fa;border:1px solid rgba(92,138,67,.12);box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch;gap:4px}.site-nav.is-open{display:flex}.site-nav a{width:100%;text-align:center;padding:10px 14px;border-radius:999px}.prose{padding:24px 20px;border-radius:24px}}@media (max-width: 640px){main{padding-top:12px}.feature-grid{grid-template-columns:1fr}.feature-item+.feature-item,.feature-item:nth-child(3),.feature-item:nth-child(4){border-left:0;border-top:1px solid rgba(92,138,67,.12)}}