@font-face{font-family:"LGD Sans";font-weight:400;font-display:swap;src:url(fonts/lgd-sans-400.woff2?v=b0183a9c8c) format("woff2")}
@font-face{font-family:"LGD Sans";font-weight:700;font-display:swap;src:url(fonts/lgd-sans-700.woff2?v=766160a416) format("woff2")}
@font-face{font-family:"LGD Mono";font-weight:400;font-display:swap;src:url(fonts/lgd-mono-400.woff2?v=f2adb10d92) format("woff2")}
@font-face{font-family:"LGD Mono";font-weight:600;font-display:swap;src:url(fonts/lgd-mono-600.woff2?v=1fb19ec7d0) format("woff2")}
/* ★Sans の 600 は持たない（容量を抑えるため）。600 の指定はブラウザが 700 を使う */
:root{--bg:#0e1012;--bg2:#0b0d0f;--cell:#111417;--line:#22272c;--line2:#2c3239;--tx:#f2f5f7;--tx2:#e6e9ec;--body:#b4bcc3;--mut:#949da5;--acc:#ffb01f;--acc2:#ffc65c;--ok:#6fe3b0;
--sans:"LGD Sans",system-ui,-apple-system,"Segoe UI","Hiragino Sans","Yu Gothic UI",sans-serif;--mono:"LGD Mono",ui-monospace,Consolas,monospace}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--body);font:400 16px/1.8 var(--sans)}
a{color:var(--acc);text-decoration:none}a:hover{color:var(--acc2);text-decoration:underline}
code{font-family:var(--mono);font-size:.9em;color:var(--tx2);word-break:break-all}
.wrap{max-width:1160px;margin:0 auto;padding-left:40px;padding-right:40px}
.top{position:sticky;top:0;z-index:10;background:var(--bg2);border-bottom:1px solid var(--line)}
.top-in{display:flex;align-items:center;gap:28px;height:60px}
.logo{font:600 17px/1 var(--mono);letter-spacing:.16em;color:var(--tx2)}.logo:hover{color:var(--tx);text-decoration:none}.logo.small{font-size:13px}
.nav{display:flex;gap:22px}.nav a{font:500 13px/1 var(--sans);color:var(--mut)}.nav a:hover{color:var(--tx)}
.top-r{margin-left:auto;display:flex;align-items:center;gap:16px}.lang{font:400 13px/1 var(--sans);color:var(--mut);white-space:nowrap}
.btn{display:inline-block;font:600 14px/1 var(--sans);letter-spacing:.03em;color:#0e1012;background:var(--acc);padding:16px 26px;border:1px solid var(--acc)}
.btn:hover{color:#0e1012;background:var(--acc2);text-decoration:none}
.btn-s{font-size:13px;padding:10px 16px}
.btn-o{background:transparent;color:var(--tx2);border-color:#363d45}
.is-soon{color:var(--mut);cursor:default}.is-soon:hover{background:transparent;color:var(--mut)}
.is-off{opacity:.45;pointer-events:none}
.hero{padding:78px 0 40px;text-align:center}
.band{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line2);padding:7px 12px;margin-bottom:30px;font:500 11px/1.4 var(--mono);letter-spacing:.14em;color:var(--mut)}
.band i{width:6px;height:6px;background:var(--ok);display:block}
h1{margin:0 auto 22px;max-width:960px;font:700 48px/1.3 var(--sans);letter-spacing:-.01em;color:var(--tx);text-wrap:balance}
h1 em{font-style:normal;color:var(--acc)}
h1 .nw{display:inline-block}
.sub{margin:0 auto 34px;max-width:700px;font-size:16px;line-height:1.9;color:var(--body)}
.ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}
.rec{margin:0 0 44px;font:400 13px/1.7 var(--sans);color:var(--mut)}
.shot{margin:0;border:1px solid var(--line);background:var(--cell)}.shot img{display:block;width:100%;height:auto}
.shot figcaption{padding:8px 12px;border-top:1px solid var(--line);font-size:12.5px;color:var(--mut);text-align:left}
section.wrap{padding-top:64px}
.sh{display:flex;align-items:baseline;gap:14px;padding-bottom:18px;border-bottom:1px solid #262b30;scroll-margin-top:80px}
.sh .no{font:600 12px/1 var(--mono);letter-spacing:.14em;color:var(--acc)}
.sh h2,.sh h1{margin:0;font:700 26px/1.35 var(--sans);color:var(--tx);max-width:none;letter-spacing:0}
.sh .en{margin-left:auto;font:400 11px/1 var(--mono);letter-spacing:.14em;color:var(--mut)}
.grid{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-top:0}
.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.cell{background:var(--cell);padding:28px 24px}
.cell h3{margin:0 0 10px;font:600 17px/1.5 var(--sans);color:var(--tx2)}
.cell p{margin:0;font-size:15px;line-height:1.85;color:var(--body)}
.cell ul{margin:0;padding-left:1.1em;font-size:15px;line-height:1.8;color:var(--body)}.cell li{margin:.25em 0}.cell li b{color:var(--tx2)}
.step{font:600 11px/1 var(--mono);letter-spacing:.14em;color:var(--acc);margin-bottom:12px}
.after{margin:14px 0 0;font-size:14px;color:var(--mut)}
.panel{border:1px solid var(--line);border-top:0;background:var(--cell);padding:24px}.panel p{margin:0 0 10px}.panel p:last-child{margin-bottom:0}
.soon{color:var(--ok)}
.flow{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin:22px 0 6px;font-size:15px;color:var(--tx2)}
.flow span{border:1px solid var(--line2);padding:10px 16px}.flow b{color:var(--acc);font-weight:400}.flow code{color:var(--acc);font-size:16px}
.tbl{overflow-x:auto;border:1px solid var(--line);border-top:0}
table{width:100%;border-collapse:collapse;font-size:14.5px}th,td{padding:14px 16px;border-bottom:1px solid #1d2226;text-align:left;vertical-align:top}
thead th{background:var(--bg2);font:600 12px/1.2 var(--mono);letter-spacing:.1em;color:var(--mut)}
tbody th{font-weight:600;color:var(--mut);white-space:nowrap}td{color:var(--tx2)}tr:last-child>*{border-bottom:0}
table.kv th{width:180px}
table.lic{table-layout:fixed;min-width:720px}table.lic col.c0{width:150px}table.lic td,table.lic thead th{width:auto}
.tbl+.grid{border-top:1px solid var(--line);margin-top:16px}
.faq{border:1px solid var(--line);border-top:0}
.faq details{border-bottom:1px solid #1d2226;background:var(--cell)}.faq details:last-child{border-bottom:0}
.faq summary{cursor:pointer;padding:18px 24px;font:600 16px/1.6 var(--sans);color:var(--tx2);list-style:none}
.faq summary::-webkit-details-marker{display:none}.faq summary::before{content:"+";display:inline-block;width:1.2em;color:var(--acc);font-family:var(--mono)}
.faq details[open] summary::before{content:"−"}.faq details p{margin:0;padding:0 24px 20px 48px;font-size:15px}
.cta{margin-top:72px;padding:56px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg2);text-align:center}
.cta h2{margin:0 0 24px;font:700 26px/1.4 var(--sans);color:var(--tx)}
.foot{padding:28px 0 40px}.foot-in{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.foot nav{display:flex;gap:20px;flex-wrap:wrap}.foot nav a{font-size:13.5px;color:var(--mut)}.foot nav a:hover{color:var(--tx)}
.copy{margin-left:auto;font:400 12.5px/1 var(--mono);color:var(--mut)}
.page{padding-bottom:40px}.h3{margin:32px 0 0;font:600 18px/1.5 var(--sans);color:var(--tx2)}
.consent{margin-top:24px;border:1px solid var(--line2);background:var(--cell);padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.consent label{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;color:var(--tx2);cursor:pointer}
.consent input{width:20px;height:20px;margin-top:4px;accent-color:var(--acc);flex:none}
.doc{max-width:860px;padding-top:24px}.doc h4{margin:32px 0 8px;font:600 17px/1.5 var(--sans);color:var(--tx2)}
.doc p{margin:0 0 10px;font-size:15px;line-height:1.9}.doc p.eula-li{padding-left:1.4em;text-indent:-1.4em}.doc b{color:var(--tx2)}.doc .note{color:var(--mut)}
.doc .cl{margin:0 0 26px}.doc .cl ul{margin:6px 0 0;padding-left:1.3em}.doc .cl li{font-size:15px;line-height:1.85;margin:0 0 4px}.doc .cl .h3{display:flex;gap:14px;align-items:baseline}.doc .cl-day{font:400 13px var(--mono);color:var(--mut)}
/* トップの横スライド（★JS が無ければスクロールバー付きの横スクロール。JS があるとき .js でバーを隠しボタンで送る） */
.car{border:1px solid var(--line);background:var(--cell);text-align:left}
.car-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}
.car.js .car-track{scrollbar-width:none}.car.js .car-track::-webkit-scrollbar{display:none}
.car-track:focus-visible{outline:2px solid var(--acc);outline-offset:-2px}
.car-slide{flex:0 0 100%;margin:0;scroll-snap-align:start;scroll-snap-stop:always;min-width:0}
.car-slide img,.ft-imgs img{display:block;width:100%;height:auto}
.car-slide figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;padding:12px 16px 14px;border-top:1px solid var(--line)}
.car-slide figcaption b{font:600 16.5px/1.5 var(--sans);color:var(--tx)}.car-slide figcaption span{flex:1 1 320px;font-size:14px;line-height:1.7;color:var(--body)}
.car-slide figcaption a{margin-left:auto;font-size:14px;white-space:nowrap}
.car-ctl{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px;border-top:1px solid var(--line)}.car-ctl[hidden]{display:none}
.car-btn{width:38px;height:32px;padding:0;background:transparent;border:1px solid var(--line2);color:var(--tx2);font:600 15px/1 var(--mono);cursor:pointer}
.car-btn:hover,.car-btn:focus-visible{border-color:var(--acc);color:var(--acc)}
.car-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}
.car-dot{width:18px;height:22px;padding:0;background:transparent;border:0;cursor:pointer;position:relative}
.car-dot::after{content:"";position:absolute;left:4px;top:6px;width:10px;height:10px;border-radius:50%;border:1px solid #4a525b}
.car-dot[aria-current="true"]::after{background:var(--acc);border-color:var(--acc)}.car-dot:focus-visible{outline:2px solid var(--acc)}
.car-note{margin:0;padding:6px 14px 8px;border-top:1px solid var(--line);font-size:12px;color:var(--mut)}
/* 機能のページ */
.ft{padding-top:56px}.ft .sh{scroll-margin-top:80px}
.ft-imgs{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-top:0}.ft-imgs.n2{grid-template-columns:1fr 1fr}.ft-imgs .shot{border:0}
.ft-txt{border-top:1px solid var(--line)}.ft-txt .cell p+p{margin-top:10px}.cell p.ft-s{font-weight:600;color:var(--tx2)}
/* 解析の検出例（2 列・狭い画面では 1 列）。画像は原寸の jpg へのリンク */
.dc-txt{border:1px solid var(--line);border-top:0;background:var(--line)}
.dc-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-top:0}
.dc{margin:0;background:var(--cell);display:flex;flex-direction:column}.dc a{display:block}.dc img{display:block;width:100%;height:auto}
.dc figcaption{display:flex;flex-direction:column;gap:4px;padding:12px 16px 16px;border-top:1px solid var(--line)}
.dc figcaption b{font:600 16px/1.5 var(--sans);color:var(--tx)}.dc-w{font-size:14px;line-height:1.7;color:var(--body)}
.dc-r{font-size:13.5px;line-height:1.7;color:var(--tx2);border-left:2px solid var(--acc);padding-left:10px;margin-top:4px}
/* ブラウザで今すぐ試す（try.html） */
.btn-o.btn-try{color:var(--acc);border-color:var(--acc)}.btn-o.btn-try:hover{background:var(--acc);color:#0e1012}
.try-go p{margin:0;font-size:15px;color:var(--tx2)}.try-go .try-eula{margin-top:-6px;font-size:14px}.try-go .note{font-size:13.5px;color:var(--mut)}
.cell ol,.try-ol{margin:0;padding-left:1.3em;font-size:15px;line-height:1.85;color:var(--body)}.cell ol li,.try-ol li{margin:.3em 0}.try-ol{margin-top:10px}
.try-ans{margin-top:12px!important;padding:12px 14px;border-left:2px solid var(--acc);background:var(--bg2);color:var(--tx2)!important}
.try-run{font-size:13.5px;color:var(--mut)}.try-csv{align-self:flex-start;margin-top:10px;color:var(--acc);border-color:var(--acc)}
.try-more{border-top:1px solid var(--line)}
.nf-ctas{justify-content:flex-start;margin-top:24px}
.ft-toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.ft-toc a{border:1px solid var(--line2);padding:6px 12px;font-size:13.5px;line-height:1.5;color:var(--tx2)}
.ft-toc a:hover{border-color:var(--acc);color:var(--acc);text-decoration:none}.panel .note{color:var(--mut);font-size:14px}
/* 使い方ガイド（2026-10-28） */
.crumb{display:flex;flex-wrap:wrap;gap:6px 8px;margin:0 0 14px;font-size:13px;color:var(--mut)}.crumb a{color:var(--mut)}.crumb a:hover{color:var(--tx)}.crumb [aria-current]{color:var(--tx2)}
.g-doc h2{margin:40px 0 14px;font:700 22px/1.45 var(--sans);color:var(--tx);scroll-margin-top:80px}.g-doc h2:first-child{margin-top:8px}
.g-doc ul,.g-doc ol{margin:0 0 12px;padding-left:1.3em;font-size:15px;line-height:1.85}.g-doc li{margin:.3em 0}.g-doc li b{color:var(--tx2)}
.g-doc .tbl{border-top:1px solid var(--line);margin:14px 0 12px}.g-doc table{font-size:14px}.g-doc tbody th{white-space:normal;color:var(--tx2);min-width:9em}
.guide-links a{white-space:nowrap}.guide-cards{border-top:1px solid var(--line);margin-top:16px}.guide-cards h3 a{color:var(--tx2)}.guide-cards h3 a:hover{color:var(--acc)}
@media (max-width:900px){.g3,.g4{grid-template-columns:1fr 1fr}.nav{display:none}h1{font-size:36px}}
@media (max-width:640px){.wrap{padding-left:16px;padding-right:16px}.g2,.g3,.g4{grid-template-columns:1fr}
 h1{font-size:28px}.hero{padding-top:44px}.sh{flex-wrap:wrap;gap:8px 12px}.sh h2,.sh h1{font-size:21px}.sh .en{margin-left:0}
 .top-in{gap:12px}.btn-s{padding:9px 10px;font-size:12px}.btn{padding:15px 18px;width:100%;text-align:center}.ctas{flex-direction:column}
 .cell{padding:22px 18px}.band{font-size:9.5px;letter-spacing:.08em}.copy{margin-left:0}table.kv th{width:auto}
 .consent .btn{width:100%}.faq details p{padding-left:24px}.try-csv{width:100%}
 .ft-imgs.n2,.dc-grid{grid-template-columns:1fr}.car-slide figcaption a{margin-left:0}.car-dot{width:16px}}