/* Approved full-b mock styles, scoped to this landing page. */

.tsg-home{--h:#111;--road1:#F48612;--road2:#F5AF02;--dash:#fff;--rays:#F5AF02;--note:#8a93a1}
.tsg-home[data-bg=white]{--bg:#FFFFFF}
.tsg-home[data-bg=blue]{--bg:#0064D2;--h:#fff;--note:#cfe0fb;--blob:#2B7DE0}
.tsg-home[data-bg=yellow]{--bg:#F5AF02;--road1:#0064D2;--road2:#FFFFFF;--dash:#F5AF02;--rays:#fff;--blob:#FFC93C}
.tsg-home[data-bg=split]{--bg:#FFFFFF}
.tsg-home{--red:#E53238;--blue:#0064D2;--yellow:#F5AF02;--green:#86B817;--orange:#F48612;--pink:#F7B5C5;--teal:#4DB6AC;--ink:#111111;--sub:#4b5563;--mute:#8a93a1;--line:#EEF0F3}
.tsg-home{--bg:#FAF8F2}
.tsg-home *{box-sizing:border-box}
.tsg-home,.tsg-home{margin:0}
.tsg-home{font-family:YakuHanJP,'Noto Sans JP','Hiragino Kaku Gothic ProN',sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden;transition:background-color .4s ease}
.tsg-home .copy .l1,.tsg-home .copy .l2,.tsg-home .copy .l3,.tsg-home .chips{color:var(--h)}
.tsg-home .blobs{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.tsg-home .blobs i{position:absolute;border-radius:50%;display:none}
.tsg-home[data-bg=blue] .blobs .b-soft,.tsg-home[data-bg=yellow] .blobs .b-soft{display:block;background:var(--blob)}
.tsg-home[data-bg=split] .blobs .b-split{display:block}
.tsg-home .bgbar{position:fixed;right:18px;bottom:18px;z-index:100;display:flex;gap:6px;align-items:center;background:#fff;border-radius:9999px;padding:8px 10px 8px 16px;box-shadow:0 8px 24px rgba(0,0,0,.15);font-size:12px;font-weight:900}
.tsg-home .bgbar button{border:2px solid #e3e6eb;background:#fff;border-radius:9999px;padding:6px 12px;font-size:12px;font-weight:900;cursor:pointer}
.tsg-home .bgbar button.on{background:#111;color:#fff;border-color:#111}
.tsg-home .bgbar .sw{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:5px;vertical-align:-1px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.tsg-home a{color:inherit;text-decoration:none}
.tsg-home button{font-family:inherit}
.tsg-home .num{font-family:Archivo,'Noto Sans JP',sans-serif;font-weight:900;font-variant-numeric:tabular-nums}
.tsg-home .ic{flex-shrink:0}
.tsg-home .hide{display:none!important}
.tsg-home .page{position:relative;width:1440px;margin:0 auto;overflow-x:clip}

/* ===== ヘッダー ===== */
.tsg-home .hdr{position:relative;z-index:30;margin:22px 32px 0;height:74px;background:#fff;border-radius:9999px;box-shadow:0 4px 18px rgba(17,17,17,.06);display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 34px}
.tsg-home .hdr img{height:30px;display:block}
.tsg-home .hdr nav{display:flex;gap:34px;font-size:15px;font-weight:700}
.tsg-home .hdr nav a:hover{color:var(--orange)}
.tsg-home .pill-dark{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff;border:none;border-radius:9999px;padding:15px 30px;font-size:15px;font-weight:900;cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}
.tsg-home .pill-dark:hover{transform:translateY(-2px) scale(1.03)}

/* ===== キービジュアル ===== */
.tsg-home .kv{position:relative;height:900px;margin-top:-96px;padding-top:96px;overflow:visible}
.tsg-home .kv .road{position:absolute;left:0;top:0;width:1440px;height:1060px;pointer-events:none;z-index:1}
.tsg-home .road .dash{stroke-dasharray:28 30;animation:lp-dash 1.2s linear infinite}
@keyframes lp-dash{to{stroke-dashoffset:-58}}
.tsg-home .copy{position:relative;z-index:10;padding:56px 0 0 64px;width:880px}
.tsg-home .copy .l1{margin:0;font-size:72px;font-weight:900;letter-spacing:-0.02em;line-height:1.1}
.tsg-home .copy .l2{margin:2px 0 0;font-size:150px;white-space:nowrap;font-weight:900;letter-spacing:-0.04em;line-height:1}
.tsg-home .copy .l3{margin:22px 0 0;font-size:28px;font-weight:900;letter-spacing:-0.01em}
.tsg-home .burst-lines{position:absolute;left:640px;top:58px;width:90px}
.tsg-home .try{margin-top:30px;width:700px;background:#fff;border-radius:9999px;box-shadow:0 10px 30px rgba(17,17,17,.08),0 0 0 1px rgba(17,17,17,.04);display:flex;align-items:center;padding:10px 10px 10px 30px;gap:12px}
.tsg-home .try input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:17px;color:var(--ink)}
.tsg-home .try input::placeholder{color:#9ca3af}
.tsg-home .try .pill-dark{padding:17px 28px;font-size:16px}
.tsg-home .chips{display:flex;align-items:center;gap:8px;margin:14px 0 0 18px;font-size:12.5px;font-weight:700;color:var(--sub)}
.tsg-home .chip{border:none;background:#fff;border-radius:9999px;padding:7px 14px;font-size:12.5px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px rgba(17,17,17,.06);transition:transform .2s ease}
.tsg-home .chip:hover{transform:translateY(-2px)}
.tsg-home .hint{margin-left:10px;font-size:12.5px;font-weight:900;color:var(--h);opacity:.75;animation:lp-hintbob 1.6s ease-in-out infinite}
@keyframes lp-hintbob{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}
.tsg-home .err{margin:10px 0 0 22px;font-size:13px;font-weight:700;color:var(--red)}

.tsg-home .obj{position:absolute;z-index:5;pointer-events:none}
.tsg-home .float{animation:lp-float 3.2s ease-in-out infinite}
.tsg-home .float2{animation:lp-float 4.1s ease-in-out infinite reverse}
@keyframes lp-float{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-12px) rotate(var(--r,0deg))}}
.tsg-home .wobble{animation:lp-wobble 2.6s ease-in-out infinite}
@keyframes lp-wobble{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg) translateY(-6px)}}
.tsg-home .spinslow{animation:lp-spin 30s linear infinite}
@keyframes lp-spin{to{transform:rotate(360deg)}}
.tsg-home .twinkle{animation:lp-twinkle 2.4s ease-in-out infinite}
@keyframes lp-twinkle{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(.7) rotate(20deg)}}
.tsg-home .rattle{animation:lp-rattle 3s ease infinite}
@keyframes lp-rattle{0%,70%,100%{transform:rotate(0)}73%{transform:rotate(-8deg)}77%{transform:rotate(8deg)}81%{transform:rotate(-5deg)}85%{transform:rotate(0)}}
.tsg-home .rider{position:absolute;z-index:6;width:150px;pointer-events:none}
.tsg-home .rider img{width:100%;display:block;animation:lp-ride 1.6s ease-in-out infinite}
@keyframes lp-ride{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}
.tsg-home .traveler{position:absolute;left:0;top:0;width:70px;z-index:4;offset-rotate:0deg;animation:lp-travel 9s linear infinite;pointer-events:none}
@keyframes lp-travel{from{offset-distance:0%}to{offset-distance:100%}}
.tsg-home .globe{position:absolute;z-index:7;left:1150px;top:96px;width:280px}
.tsg-home .globe img{width:100%;display:block;animation:lp-globe 3.4s ease-in-out infinite}
@keyframes lp-globe{0%,100%{transform:scale(1) rotate(-3deg)}50%{transform:scale(1.04) rotate(3deg)}}
.tsg-home .rays{position:absolute;left:1110px;top:60px;width:360px;z-index:6}

/* ===== デモの窓 ===== */
.tsg-home .demo{position:relative;z-index:20;width:1240px;margin:20px auto 0;padding-bottom:140px}
.tsg-home .win{position:relative;z-index:4;background:#fff;border-radius:30px;box-shadow:0 30px 70px rgba(17,17,17,.10),0 0 0 1px rgba(17,17,17,.04);overflow:hidden}
.tsg-home .win .bar{height:54px;background:var(--line);display:flex;align-items:center;gap:9px;padding:0 24px}
.tsg-home .win .bar i{width:14px;height:14px;border-radius:9999px}
.tsg-home .win .bar span{margin-left:16px;font-size:13px;font-weight:700;color:var(--mute)}
.tsg-home .win .body{padding:28px 30px 30px}
.tsg-home .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.tsg-home .st{display:flex;align-items:center;gap:12px;height:64px;border-radius:9999px;background:#F1F2F5;padding:0 20px;font-size:17px;font-weight:900;color:#3b3f46;transition:background-color .35s ease,color .35s ease,transform .35s cubic-bezier(.175,.885,.32,1.275)}
.tsg-home .st .ck{display:inline-flex;width:30px;height:30px;border-radius:9999px;border:2.5px solid #c9ced6;align-items:center;justify-content:center;background:#fff;flex-shrink:0}
.tsg-home .st .ck svg{opacity:0}
.tsg-home .st .s{display:block;font-size:11px;font-weight:700;opacity:.8;margin-top:1px}
.tsg-home .st.on{background:var(--c);color:#fff;transform:scale(1.04)}
.tsg-home .st.on .ck{border:none;background:rgba(255,255,255,.28)}
.tsg-home .st.on .ck svg{display:none}
.tsg-home .st.on .ck::after{content:"";width:4.5px;height:4.5px;border-radius:50%;background:#fff;animation:lp-dots3 .9s ease-in-out infinite}
@keyframes lp-dots3{0%,100%{box-shadow:-7px 0 0 #fff,7px 0 0 #fff;transform:translateY(0)}20%{box-shadow:-7px -4px 0 #fff,7px 0 0 #fff;transform:translateY(0)}40%{box-shadow:-7px 4px 0 #fff,7px 4px 0 #fff;transform:translateY(-4px)}60%{box-shadow:-7px 0 0 #fff,7px -4px 0 #fff;transform:translateY(0)}}
.tsg-home .st.fin{background:var(--c);color:#fff}
.tsg-home .st.fin .ck{border:none;background:#fff}
.tsg-home .st.fin .ck svg{opacity:1;color:var(--c)}
@keyframes lp-pulse{0%,100%{box-shadow:0 0 0 0 rgba(17,17,17,0)}50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--c) 25%,transparent)}}
.tsg-home .panes{display:grid;grid-template-columns:1fr 170px 1fr;gap:22px;margin-top:26px}
.tsg-home .pane{border:2px solid var(--line);border-radius:24px;padding:22px 22px 18px;min-height:470px;display:flex;flex-direction:column;gap:14px}
.tsg-home .pane .ph{display:flex;align-items:baseline;justify-content:space-between}
.tsg-home .pane .ph b{font-size:22px;font-weight:900}
.tsg-home .pane .ph .num{font-size:30px}
.tsg-home .pane .ph small{font-size:13px;font-weight:700;color:var(--mute);margin-left:3px}
.tsg-home .kw{font-size:13px;font-weight:700;color:var(--mute)}
.tsg-home .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.tsg-home .item{border:2px solid var(--line);border-radius:16px;padding:10px;display:flex;flex-direction:column;gap:7px;opacity:0;transform:translateY(14px) scale(.95);transition:opacity .35s ease,transform .45s cubic-bezier(.175,.885,.32,1.275),border-color .3s ease}
.tsg-home .item.in{opacity:1;transform:none}
.tsg-home .item .th{position:relative;height:120px;border-radius:12px;background:#EEF0F3;overflow:hidden}
.tsg-home .item .th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity .4s ease,transform .6s ease}
.tsg-home .item.got .th img{opacity:1;transform:none}
.tsg-home .item .tt{font-size:12px;font-weight:700;line-height:1.45;height:35px;overflow:hidden;color:#2a2e35;transition:opacity .2s ease}
.tsg-home .item .sk{height:9px;border-radius:9999px;background:#E3E6EB;margin-top:2px}
.tsg-home .item .sk.s2{width:60%}
.tsg-home .item .pr{font-size:14px}
.tsg-home .item.en{border-color:var(--blue)}
.tsg-home .item.sent{opacity:.6}
.tsg-home .more{margin-top:auto;font-size:12.5px;font-weight:700;color:var(--mute);text-align:right}
.tsg-home .mid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.tsg-home .mid .arrow{width:120px;animation:lp-nudge 1.2s ease-in-out infinite}
@keyframes lp-nudge{0%,100%{transform:translateX(-4px)}50%{transform:translateX(6px)}}
.tsg-home .mid .num{font-size:54px;color:var(--red);line-height:1}
.tsg-home .mid .num small{font-family:'Noto Sans JP',sans-serif;font-size:22px;font-weight:900;margin-left:2px}
.tsg-home .mid .lab{font-size:13px;font-weight:700;color:var(--mute)}
.tsg-home .list{display:flex;flex-direction:column;gap:10px;flex:1;overflow:hidden}
.tsg-home .row{display:grid;grid-template-columns:58px minmax(0,1fr) 34px;gap:14px;align-items:center;border-bottom:2px solid var(--line);padding:4px 2px 12px;animation:lp-rowIn .45s cubic-bezier(.175,.885,.32,1.275)}
@keyframes lp-rowIn{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
.tsg-home .row .th{position:relative;width:58px;height:58px;border-radius:12px;overflow:hidden;background:#EEF0F3}
.tsg-home .row .th img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .4s ease}
.tsg-home .row .tt{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tsg-home .row .meta{display:flex;align-items:center;gap:10px;margin-top:7px}
.tsg-home .row .pb{flex:1;height:10px;border-radius:9999px;background:#EEF0F3;overflow:hidden}
.tsg-home .row .pb i{display:block;height:100%;width:0;background:var(--orange);border-radius:9999px;transition:width .7s ease}
.tsg-home .row .usd{font-size:14px}
.tsg-home .row .ok{width:30px;height:30px;border-radius:9999px;border:2.5px solid #c9ced6;display:flex;align-items:center;justify-content:center;transition:all .3s ease}
.tsg-home .row .ok svg{opacity:0;color:#fff}
.tsg-home .row.done .ok{border-color:var(--teal);background:var(--teal)}
.tsg-home .row.done .ok svg{opacity:1}
.tsg-home .row .eb{display:inline-flex;font-size:10.5px;font-weight:900;color:#fff;border-radius:5px;padding:2px 7px;margin-right:6px;vertical-align:1px}
.tsg-home .row.err .pb i{background:#E53238 !important}
.tsg-home .row.err .ok{border-color:#E53238;background:#E53238}
.tsg-home .row.err .ok svg{opacity:0}
.tsg-home .row.err .ok::after{content:"!";color:#fff;font-weight:900;font-size:15px}
.tsg-home .row.hold .pb i{background:#F5AF02 !important}
.tsg-home .row.hold .ok{border-color:#F5AF02;background:#F5AF02}
.tsg-home .row.hold .ok svg{opacity:0}
.tsg-home .row.hold .ok::after{content:"?";color:#111;font-weight:900;font-size:15px}
.tsg-home .row.hold .th img{filter:saturate(.4)}
.tsg-home #grid .item.ex{opacity:.55 !important;filter:grayscale(1)}
.tsg-home #grid .item .xtag{display:none}
.tsg-home #grid .item.ex .xtag{display:block;position:absolute;left:50%;top:44px;transform:translateX(-50%) rotate(-8deg);background:#111;color:#fff;font-size:11px;font-weight:900;border-radius:6px;padding:4px 9px;white-space:nowrap;z-index:3;filter:none}
.tsg-home .donebar .errs{display:block;margin-top:2px;font-size:12.5px;font-weight:700;color:#4b5563}
.tsg-home .row .usd{transition:color .3s ease}
.tsg-home .row .old{font-size:11.5px;color:#9ca3af;text-decoration:line-through;margin-right:2px}
.tsg-home .row .badge{display:inline-flex;font-size:10.5px;font-weight:900;color:#fff;border-radius:5px;padding:2px 7px;margin-right:6px;vertical-align:1px}
.tsg-home .row.flash{animation:lp-flash 1s ease}
@keyframes lp-flash{0%{background:transparent}25%{background:#FFF1DE}100%{background:transparent}}
.tsg-home .row.price .usd{color:var(--orange)}
.tsg-home .row.soldout .th img{filter:grayscale(1) opacity(.55)}
.tsg-home .row.soldout .tt{color:#9ca3af}
.tsg-home .row.soldout .pb i{background:#C9CED6}
.tsg-home .row.soldout .ok{border-color:#111;background:#111}
.tsg-home .row.soldout .ok svg{opacity:0}
.tsg-home .row.soldout .ok::after{content:"";width:10px;height:10px;border-radius:2px;background:#fff}
.tsg-home .watchlog{display:none;align-items:center;gap:10px;background:#FFF6EA;border-radius:14px;padding:8px 12px;font-size:12.5px;font-weight:700;color:#3b3f46;min-height:46px}
.tsg-home .watchlog.on{display:flex}
.tsg-home .watchlog img{width:34px;flex-shrink:0;animation:lp-float 2s ease-in-out infinite}
.tsg-home .watchlog .msg{animation:lp-rowIn .4s ease}
.tsg-home .donebar .stats{display:block;margin-top:4px;font-size:13px;font-weight:900;color:var(--orange)}
.tsg-home .pbar{height:12px;border-radius:9999px;background:#EEF0F3;overflow:hidden}
.tsg-home .pbar i{display:block;height:100%;width:0;background:var(--orange);border-radius:9999px;transition:width .25s linear}
.tsg-home .empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#9ca3af;font-size:13px;font-weight:700}
.tsg-home .empty img{width:110px;animation:lp-float 3s ease-in-out infinite}
.tsg-home .mover{position:absolute;z-index:9;width:52px;pointer-events:none;transition:transform .75s cubic-bezier(.45,0,.2,1),opacity .75s ease}
.tsg-home .donebar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;border:3px dashed var(--orange);border-radius:22px;padding:16px 18px 16px 16px;animation:lp-pop .5s cubic-bezier(.175,.885,.32,1.275)}
@keyframes lp-pop{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
.tsg-home .donebar .l{display:flex;align-items:center;gap:14px}
.tsg-home .donebar img{width:78px}
.tsg-home .donebar b{display:block;font-size:22px;font-weight:900}
.tsg-home .donebar b .num{color:var(--orange);font-size:30px}
.tsg-home .donebar .desc{display:block;font-size:13px;font-weight:500;color:var(--sub);margin-top:2px}
.tsg-home .donebar .btns{display:flex;gap:10px}
.tsg-home .pill-light{display:inline-flex;align-items:center;border:2px solid #e3e6eb;background:#fff;border-radius:9999px;padding:13px 22px;font-size:14px;font-weight:900;cursor:pointer}
.tsg-home .note{margin:18px 0 0;text-align:center;font-size:12px;font-weight:500;color:var(--note)}

.tsg-home .pk{position:absolute;pointer-events:none}
.tsg-home .pk img{width:100%;display:block}
.tsg-home .pk.back{z-index:2}.tsg-home .pk.front{z-index:6}
.tsg-home .pk .bob{animation:lp-float 3s ease-in-out infinite}
.tsg-home .pk.go .bob{animation:lp-jump .8s cubic-bezier(.175,.885,.32,1.275) infinite}
@keyframes lp-jump{0%,100%{transform:translateY(0) scale(1)}30%{transform:translateY(-34px) scale(.95,1.06)}60%{transform:translateY(0) scale(1.06,.94)}}

.tsg-home:not(.mock) .patbar,.tsg-home:not(.mock) .bgbar{display:none}
.tsg-home .patbar{position:fixed;right:18px;bottom:76px;z-index:100;display:flex;gap:6px;align-items:center;background:#111;color:#fff;border-radius:9999px;padding:8px 10px 8px 16px;box-shadow:0 8px 24px rgba(0,0,0,.18);font-size:12px;font-weight:900}
.tsg-home .patbar a{border-radius:9999px;padding:6px 12px;font-size:12px;font-weight:900;color:#fff;background:rgba(255,255,255,.12)}
.tsg-home .patbar a.on{background:#fff;color:#111}

/* ===== セクションごとの背景（full） ===== */
.tsg-home{background:var(--pagebg,#fff)}
.tsg-home .kv .chips{color:var(--h)}
.tsg-home.scrollmode{transition:background-color .6s ease}
.tsg-home .kv{height:1040px}
.tsg-home .kv{background-color:var(--kvbg,transparent);background-image:var(--kvimg,none);background-size:cover;background-position:center top}
.tsg-home .sec{position:relative;background:var(--sbg);color:var(--sfg);padding:250px 0 140px;margin-top:-100px;clip-path:var(--clip,none)}
.tsg-home.scrollmode .sec{background:transparent !important;color:var(--fg) !important;transition:color .6s ease}
.tsg-home.scrollmode .kv{background:transparent}
.tsg-home .sec > .in{position:relative;width:1200px;margin:0 auto}
.tsg-home .sec .divider{position:absolute;left:0;top:-1px;width:100%;height:100px;pointer-events:none;z-index:1}
.tsg-home .sec .divider{display:none}
.tsg-home.round .sec{border-radius:90px 90px 0 0;margin-top:-90px;padding-top:240px;clip-path:none}
.tsg-home.scrollmode .sec{clip-path:none}
.tsg-home.round .sec .divider,.tsg-home.scrollmode .sec .divider{display:none}
.tsg-home .sec-demo{padding:200px 0 70px}
.tsg-home .sec-demo .demo{margin:0 auto}
.tsg-home .sec .note{color:var(--sfg);opacity:.75}
.tsg-home.scrollmode .sec .note{color:var(--fg)}

.tsg-home .shead{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;margin-bottom:60px}
.tsg-home .slab{display:inline-flex;align-items:center;gap:6px;font-family:Archivo,sans-serif;font-style:italic;font-weight:900;font-stretch:125%;font-size:15px;letter-spacing:.06em;padding:7px 18px;border-radius:9999px;background:var(--sfg);color:var(--sbg)}
.tsg-home.scrollmode .slab{background:var(--fg);color:var(--bgnow)}
.tsg-home .shead h2{margin:0;font-size:56px;font-weight:900;letter-spacing:-0.035em;line-height:1.3}
.tsg-home .shead p{margin:0;font-size:17px;font-weight:700;line-height:1.9;opacity:.85;max-width:780px}
.tsg-home .say{position:absolute;display:flex;align-items:center;gap:6px;pointer-events:none}
.tsg-home .say img{width:130px;animation:lp-float 3s ease-in-out infinite}
.tsg-home .say span{position:relative;background:#111;color:#fff;font-size:15px;font-weight:900;border-radius:9999px;padding:11px 18px;white-space:nowrap}
.tsg-home .say.l span:after{content:"";position:absolute;left:-8px;top:50%;margin-top:-7px;border:7px solid transparent;border-right-color:#111;border-left:0}
.tsg-home .say.r{flex-direction:row-reverse}
.tsg-home .say.r span:after{content:"";position:absolute;right:-8px;top:50%;margin-top:-7px;border:7px solid transparent;border-left-color:#111;border-right:0}
.tsg-home .wcard{background:#fff;color:#111;border-radius:26px;box-shadow:0 16px 40px rgba(17,17,17,.10)}

/* 自動化の流れ */
.tsg-home .flow5{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:40px}
.tsg-home .fcard{position:relative;padding:86px 20px 24px;display:flex;flex-direction:column;gap:10px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}
.tsg-home .fcard:hover{transform:translateY(-6px) rotate(-1deg)}
.tsg-home .fcard img{position:absolute;left:50%;top:-74px;width:140px;margin-left:-70px;animation:lp-float 3s ease-in-out infinite}
.tsg-home .fcard .no{font-family:Archivo,sans-serif;font-style:italic;font-weight:900;font-size:34px;line-height:1;color:var(--c)}
.tsg-home .fcard b{font-size:22px;font-weight:900}
.tsg-home .fcard p{margin:0;font-size:13.5px;font-weight:700;line-height:1.85;color:#4b5563}
.tsg-home .fcard .t{align-self:flex-start;margin-top:auto;font-size:11px;font-weight:900;color:#fff;background:var(--c);border-radius:6px;padding:3px 9px}
.tsg-home .who2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}
.tsg-home .who2 .wcard{padding:22px 26px;font-size:14px;font-weight:700;line-height:1.85;color:#4b5563}
.tsg-home .who2 b{display:block;font-size:17px;font-weight:900;color:#111;margin-bottom:4px}

/* Claude 連携 */
.tsg-home .claude2{display:grid;grid-template-columns:minmax(0,1fr) 540px;gap:56px;align-items:center}
.tsg-home .claude2 h2{margin:16px 0 0;font-size:56px;font-weight:900;letter-spacing:-0.035em;line-height:1.3}
.tsg-home .claude2 .lead{margin:18px 0 0;font-size:17px;font-weight:700;line-height:1.9;opacity:.85}
.tsg-home .asks{display:flex;flex-direction:column;gap:12px;margin-top:28px}
.tsg-home .ask{align-self:flex-start;background:#fff;color:#111;border-radius:22px 22px 22px 6px;padding:14px 20px;font-size:16px;font-weight:900;box-shadow:0 10px 24px rgba(17,17,17,.10)}
.tsg-home .ask:nth-child(2){margin-left:40px}.tsg-home .ask:nth-child(3){margin-left:80px}
.tsg-home .clients3{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.tsg-home .clients3 span{background:rgba(255,255,255,.92);color:#111;border-radius:9999px;padding:8px 16px;font-size:13px;font-weight:900}
.tsg-home .chat2{position:relative;overflow:hidden}
.tsg-home .chat2 .bar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:2px solid #EEF0F3;font-size:14px;font-weight:900}
.tsg-home .chat2 .bar .tg{font-size:11px;color:#fff;background:#111;border-radius:6px;padding:3px 8px}
.tsg-home .chat2 .body{padding:20px;display:flex;flex-direction:column;gap:12px;min-height:400px}
.tsg-home .chat2 .me{align-self:flex-end;max-width:84%;background:#F1F2F5;border-radius:18px 18px 4px 18px;padding:12px 16px;font-size:14px;font-weight:700;line-height:1.75}
.tsg-home .chat2 .ai{max-width:94%;font-size:14px;font-weight:500;line-height:1.85}
.tsg-home .chat2 .tool{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;border:2px solid #EEF0F3;border-radius:12px;padding:6px 12px;font-size:12.5px;font-weight:900}
.tsg-home .chat2 .tool i{width:10px;height:10px;border-radius:50%;background:#86B817}
.tsg-home .chat-ghost{position:absolute;right:-70px;bottom:-60px;width:170px;animation:lp-float 3s ease-in-out infinite;z-index:2}

/* できること */
.tsg-home .can8{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tsg-home .ccard{padding:26px 24px;display:flex;flex-direction:column;gap:12px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}
.tsg-home .ccard:hover{transform:translateY(-6px)}
.tsg-home .ccard .ib{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff}
.tsg-home .ccard .ib svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.tsg-home .ccard b{font-size:18px;font-weight:900}
.tsg-home .ccard p{margin:0;font-size:13.5px;font-weight:700;line-height:1.8;color:#4b5563}
.tsg-home .ccard .num{color:#E53238}

/* 仕入れ元 */
.tsg-home .src2{display:grid;grid-template-columns:400px minmax(0,1fr);gap:40px;align-items:center}
.tsg-home .src2 .big{white-space:nowrap;font-family:Archivo,sans-serif;font-style:italic;font-weight:900;font-size:190px;line-height:.9;letter-spacing:-0.05em}
.tsg-home .src2 .big small{font-family:'Noto Sans JP',sans-serif;font-style:normal;font-size:34px;margin-left:6px}
.tsg-home .src2 p{margin:12px 0 0;font-size:15px;font-weight:700;opacity:.85;line-height:1.8}
.tsg-home .mq2{overflow:hidden;padding:8px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.tsg-home .mq2 .tr{display:flex;gap:12px;width:max-content;animation:lp-mq 40s linear infinite}
.tsg-home .mq2.r .tr{animation-direction:reverse;animation-duration:48s}
@keyframes lp-mq{to{transform:translateX(-50%)}}
.tsg-home .mq2 span{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#111;border-radius:9999px;padding:13px 22px 13px 14px;font-size:16px;font-weight:900;box-shadow:0 6px 16px rgba(17,17,17,.08)}
.tsg-home .mq2 span i{width:12px;height:12px;border-radius:50%}

/* 料金 */
.tsg-home .plans2{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.tsg-home .plan2{padding:24px 18px;display:flex;flex-direction:column;gap:12px}
.tsg-home .plan2.hl{box-shadow:0 0 0 4px #F48612,0 16px 40px rgba(17,17,17,.12)}
.tsg-home .plan2 .nm{display:flex;justify-content:space-between;align-items:center;font-size:17px;font-weight:900}
.tsg-home .plan2 .nm i{font-style:normal;font-size:11px;color:#fff;background:#F48612;border-radius:6px;padding:2px 8px}
.tsg-home .plan2 .pr{font-size:28px;line-height:1.1;white-space:nowrap;letter-spacing:-0.02em}
.tsg-home .plan2 .pr small{font-family:'Noto Sans JP',sans-serif;font-size:12px;font-weight:700;color:#6b7280;margin-left:2px}
.tsg-home .plan2 dl{margin:0;border-top:2px solid #EEF0F3;padding-top:12px;display:flex;flex-direction:column;gap:8px}
.tsg-home .plan2 dt{font-size:11px;font-weight:700;color:#9ca3af}
.tsg-home .plan2 dd{margin:0;font-size:15px;font-weight:900}
.tsg-home .plan2 .go{margin-top:auto;display:flex;justify-content:center;background:#111;color:#fff;border-radius:9999px;padding:12px;font-size:13px;font-weight:900}
.tsg-home .plan2 .go.lt{background:#fff;color:#111;box-shadow:inset 0 0 0 2px #e3e6eb}
.tsg-home .pnote{margin:18px 0 0;text-align:center;font-size:12.5px;font-weight:700;opacity:.8}

/* よくある質問 */
.tsg-home .faq2{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.tsg-home .faq2 details{padding:0 26px}
.tsg-home .faq2 summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:22px 0;font-size:17px;font-weight:900}
.tsg-home .faq2 summary::-webkit-details-marker{display:none}
.tsg-home .faq2 summary .q{font-family:Archivo,sans-serif;font-style:italic;font-weight:900;font-size:22px;color:#E53238}
.tsg-home .faq2 summary .pm{margin-left:auto;width:30px;height:30px;border-radius:50%;background:#F1F2F5;display:flex;align-items:center;justify-content:center;font-weight:900;transition:transform .3s ease}
.tsg-home .faq2 details[open] summary .pm{transform:rotate(45deg)}
.tsg-home .faq2 .a{padding:0 0 22px 36px;font-size:15px;font-weight:700;line-height:1.9;color:#4b5563}

/* 最後 */
.tsg-home .cta2{text-align:center;padding-bottom:0}
.tsg-home .cta2 h2{margin:18px 0 0;font-size:84px;font-weight:900;letter-spacing:-0.04em;line-height:1.2}
.tsg-home .cta2 .lead{margin:18px 0 0;font-size:18px;font-weight:700;opacity:.85}
.tsg-home .cta2 .btns{display:flex;justify-content:center;gap:14px;margin-top:34px}
.tsg-home .cta2 .bw{display:inline-flex;align-items:center;background:#fff;color:#111;border-radius:9999px;padding:18px 34px;font-size:17px;font-weight:900;box-shadow:0 10px 24px rgba(17,17,17,.12)}
.tsg-home .cta2 .bd{display:inline-flex;align-items:center;background:#111;color:#fff;border-radius:9999px;padding:18px 34px;font-size:17px;font-weight:900}
.tsg-home .cheer{display:flex;justify-content:center;gap:4px;margin-top:60px;height:190px;overflow:hidden}
.tsg-home .cheer img{width:190px;align-self:flex-end;margin-bottom:-40px;animation:lp-float 2.6s ease-in-out infinite}
.tsg-home .ftr2{background:#111;color:#d1d5db;padding:44px 0 36px}
.tsg-home .ftr2 .in{width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.tsg-home .ftr2 img{height:28px;filter:brightness(0) invert(1)}
.tsg-home .ftr2 nav{display:flex;gap:26px;font-size:13px;font-weight:700}

/* 同じ色どうしで見えにくい所は白いふち取り */
.tsg-home.kvy .kv .obj[src$="star.svg"],.tsg-home.kvy .kv .obj[src$="tag.svg"],.tsg-home.kvy .rider img[src*="yellow"],.tsg-home.kvb .rider img[src*="blue"],.tsg-home.kvb .globe img,.tsg-home .fcard img,.tsg-home .say img,.tsg-home .chat-ghost,.tsg-home .cheer img{filter:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff)}

/* ===== 画面いっぱいの幅 ===== */
.tsg-home .page{width:auto;min-width:1440px;overflow-x:clip}
.tsg-home .hdr{max-width:1376px;margin:22px auto 0}
.tsg-home .kv{width:100%}
.tsg-home .kvin{position:absolute;top:0;left:50%;width:1440px;margin-left:-720px;height:100%;padding-top:96px;box-sizing:border-box}
.tsg-home .kv .road{overflow:visible}
.tsg-home .kv{background-position:center 72% !important}

/* ===== ボタンの色（黒をやめる） ===== */
.tsg-home .pill-dark,.tsg-home .cta2 .bd,.tsg-home .plan2 .go:not(.lt){background:var(--btn,#F48612) !important;color:var(--btnfg,#fff) !important;box-shadow:var(--btnsh,none);transition:transform .15s ease,box-shadow .15s ease}
.tsg-home .pill-dark:hover,.tsg-home .cta2 .bd:hover,.tsg-home .plan2 .go:not(.lt):hover{transform:translateY(2px) !important;box-shadow:var(--btnsh2,none)}
.tsg-home .try{box-shadow:0 10px 30px rgba(17,17,17,.10)}

/* ===== 出品デモの背景 ===== */
.tsg-home .sec-demo{background-image:var(--demoimg,none) !important;background-size:var(--demosize,cover) !important;background-position:center !important}


/* ===== 検索結果・出品のパネル（枠のデザイン） ===== */
.tsg-home #srcPane{--pc:#E53238;--pt:url(/lp/assets/tile-ghost-yellow.png);--pf:#FFF4DA}
.tsg-home #ebPane{--pc:#0064D2;--pt:url(/lp/assets/tile-ghost-blue.png);--pf:#EAF3FF}
.tsg-home.pz-tint .pane{border:none;background:var(--pf)}
.tsg-home.pz-pattern .pane{border:none;background:var(--pt) repeat;background-size:220px 220px}
.tsg-home.pz-tint .pane .row,.tsg-home.pz-pattern .pane .row,.tsg-home.pz-stripe .pane .row{background:#fff;border-radius:12px;padding:8px 8px 10px;border-bottom:none}
.tsg-home.pz-tint .pane .kw,.tsg-home.pz-pattern .pane .kw{color:#4b5563}
.tsg-home.pz-color .pane{border:4px solid var(--pc);padding-top:0;overflow:hidden}
.tsg-home.pz-color .pane .ph{margin:0 -22px 4px;padding:14px 22px 12px;background:var(--pc);color:#fff}
.tsg-home.pz-color .pane .ph small{color:rgba(255,255,255,.85)}
.tsg-home.pz-sticker .pane{border:3px solid #111;border-radius:20px;box-shadow:8px 8px 0 var(--pc)}
.tsg-home.pz-sticker .win{border:3px solid #111;box-shadow:14px 14px 0 #111}
.tsg-home.pz-sticker .win .bar{border-bottom:3px solid #111}
.tsg-home.pz-stripe .pane{border:2px solid #DCE7F7;background:repeating-linear-gradient(135deg,#F2F7FE 0 14px,#FFFFFF 14px 28px)}
.tsg-home.pz-stripe #srcPane{background:repeating-linear-gradient(135deg,#FFF6E0 0 14px,#FFFFFF 14px 28px);border-color:#F7E3B5}
.tsg-home.pz-stripe .pane .ph b{background:#fff;border-radius:9999px;padding:4px 14px;margin-left:-8px;box-shadow:0 2px 6px rgba(17,17,17,.06)}

/* ===== パネル：濃い色のパターン ===== */
.tsg-home .pane{--pfg:#111;--psub:#4b5563}
.tsg-home.pzc .pane{border:none;color:var(--pfg)}
.tsg-home.pzc .pane .ph b,.tsg-home.pzc .pane .ph .num{color:var(--pfg)}
.tsg-home.pzc .pane .ph small,.tsg-home.pzc .pane .kw,.tsg-home.pzc .pane .more,.tsg-home.pzc .pane .empty{color:var(--psub)}
.tsg-home.pzc .pane .row{background:#fff;border-radius:12px;padding:8px 8px 10px;border-bottom:none;box-shadow:0 4px 10px rgba(17,17,17,.10)}
.tsg-home.pzc .pane .pbar{background:rgba(255,255,255,.45)}
.tsg-home.pzc .pane .watchlog{background:#fff}
.tsg-home.pzc .pane .row,.tsg-home.pzc .pane .watchlog{color:#111}
.tsg-home.pzc .pane .row .tt{color:#111}
.tsg-home.pz-dots .pane .ph,.tsg-home.pz-dots .pane .kw{background:#fff;border-radius:12px;padding:6px 12px;margin-left:-8px;margin-right:-8px}
.tsg-home.pz-dots .pane .kw{align-self:flex-start}
.tsg-home.pz-dots .pane .more{background:#fff;border-radius:9999px;padding:3px 10px;align-self:flex-end}
.tsg-home.pzc #grid .item.ex{opacity:.8 !important}
.tsg-home .pane.dark{--pfg:#fff;--psub:rgba(255,255,255,.85)}
/* 1 黄と青のおばけ柄 */
.tsg-home.pz-ybt #srcPane{background:#F5AF02 url(/lp/kv2/parts-sec/tile-Y.png) repeat;background-size:220px}
.tsg-home.pz-ybt #ebPane{background:#0064D2 url(/lp/kv2/parts-sec/tile-B.png) repeat;background-size:220px}
/* 2 赤と青のおばけ柄 */
.tsg-home.pz-rbt #srcPane{background:#E53238 url(/lp/assets/tile-ghost-R.png) repeat;background-size:220px}
.tsg-home.pz-rbt #ebPane{background:#0064D2 url(/lp/kv2/parts-sec/tile-B.png) repeat;background-size:220px}
/* 3 黄と青のベタ */
.tsg-home.pz-ybs #srcPane{background:#F5AF02}
.tsg-home.pz-ybs #ebPane{background:#0064D2}
/* 4 KVと同じ街の柄 */
.tsg-home.pz-kv #srcPane{background:#F5AF02 url(/lp/kv2/parts-sec/tile-Y.png) repeat;background-size:220px}
.tsg-home.pz-kv #ebPane{background:#0064D2 url(/lp/assets/kvbg/p4-sky.jpg) center bottom/cover no-repeat}
/* 5 eBay4色の水玉 */
.tsg-home.pz-dots .pane{background-color:#fff;background-image:radial-gradient(#E53238 7px,transparent 7.5px),radial-gradient(#0064D2 7px,transparent 7.5px),radial-gradient(#F5AF02 7px,transparent 7.5px),radial-gradient(#86B817 7px,transparent 7.5px);background-size:84px 84px;background-position:0 0,42px 0,0 42px,42px 42px}
/* 6 太いしま */
.tsg-home.pz-bstripe #srcPane{background:repeating-linear-gradient(135deg,#F5AF02 0 22px,#FFC93C 22px 44px)}
.tsg-home.pz-bstripe #ebPane{background:repeating-linear-gradient(135deg,#0064D2 0 22px,#1F7AE0 22px 44px)}
/* 7 市松 */
.tsg-home.pz-check #srcPane{background:conic-gradient(#F5AF02 25%,#FFD35C 0 50%,#F5AF02 0 75%,#FFD35C 0) 0 0/56px 56px}
.tsg-home.pz-check #ebPane{background:conic-gradient(#0064D2 25%,#2A80E0 0 50%,#0064D2 0 75%,#2A80E0 0) 0 0/56px 56px}
/* 8 緑と青のおばけ柄 */
.tsg-home.pz-gbt #srcPane{background:#86B817 url(/lp/assets/tile-ghost-G.png) repeat;background-size:220px}
.tsg-home.pz-gbt #ebPane{background:#0064D2 url(/lp/kv2/parts-sec/tile-B.png) repeat;background-size:220px}

/* ===== デモの見出し（境目の下） ===== */
.tsg-home .dhead{position:relative;z-index:3;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;margin:0 auto 150px;width:900px}
.tsg-home .dhead h2{margin:0;font-size:52px;font-weight:900;letter-spacing:-0.035em;line-height:1.3;color:#111}
.tsg-home .dhead h2 em{font-style:normal;color:#0064D2}
.tsg-home .dhead p{margin:0;font-size:16px;font-weight:700;color:#4b5563}
.tsg-home .dhead .dk{position:absolute;pointer-events:none}
/* ===== デモのカード（凝った見た目） ===== */
.tsg-home #grid .item{position:relative}
.tsg-home #grid .item .gst,.tsg-home #grid .item .stamp,.tsg-home #grid .item .tape,.tsg-home #grid .item .like{display:none}
/* 1 フリマ風 */
.tsg-home.cv1 #grid .item{border:none;padding:0;overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(17,17,17,.10)}
.tsg-home.cv1 #grid .item .th{border-radius:0;height:128px}
.tsg-home.cv1 #grid .item .tt{padding:8px 10px 10px;height:auto;min-height:44px}
.tsg-home.cv1 #grid .item .pr{position:absolute;left:8px;top:96px;background:rgba(17,17,17,.78);color:#fff;border-radius:9999px;padding:4px 10px;font-size:12.5px;line-height:1.2}
.tsg-home.cv1 #grid .item.got .like{display:flex;position:absolute;right:8px;top:8px;background:#fff;border-radius:9999px;padding:3px 8px;font-size:11px;font-weight:900;color:#E53238;box-shadow:0 2px 6px rgba(17,17,17,.15)}
.tsg-home.cv1 #grid .item.en .pr{background:#0064D2}
.tsg-home.cv1 #grid .item.sent{opacity:1}
.tsg-home.cv1 #grid .item.sent .stamp{display:block;position:absolute;left:-36px;top:18px;width:140px;transform:rotate(-38deg);text-align:center;background:#E53238;color:#fff;font-size:10.5px;font-weight:900;padding:4px 0;box-shadow:0 2px 6px rgba(17,17,17,.2)}
.tsg-home.cv1 #grid .item.sent .stamp::after{content:"eBay 出品済"}
/* 2 ステッカー */
.tsg-home.cv2 #grid .item{border:4px solid #fff;border-radius:18px;background:#fff;box-shadow:0 10px 22px rgba(17,17,17,.16);overflow:visible}
.tsg-home.cv2 #grid .item:nth-child(odd){rotate:-2.2deg}
.tsg-home.cv2 #grid .item:nth-child(even){rotate:1.8deg}
.tsg-home.cv2 #grid .item.sent{opacity:1}
.tsg-home.cv2 #grid .item .gst{display:block;position:absolute;right:-16px;top:-22px;width:56px;height:56px;background:center/contain no-repeat;z-index:2;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}
.tsg-home.cv2 #grid .item.in .gst{background-image:url(/lp/kv2/parts-sec/peek-green.webp)}
.tsg-home.cv2 #grid .item.got .gst{background-image:url(/lp/kv2/parts-sec/peek-red.webp)}
.tsg-home.cv2 #grid .item.en .gst{background-image:url(/lp/kv2/parts-sec/peek-blue.webp)}
.tsg-home.cv2 #grid .item.sent .gst{background-image:url(/lp/kv2/parts-sec/peek-yellow.webp);transform:rotate(12deg)}
.tsg-home.cv2 #grid .item .stamp{display:block;position:absolute;left:6px;top:6px;font-size:10.5px;font-weight:900;color:#fff;border-radius:9999px;padding:3px 9px;z-index:2}
.tsg-home.cv2 #grid .item.in .stamp{background:#86B817}.tsg-home.cv2 #grid .item.in .stamp::after{content:"見つけた!"}
.tsg-home.cv2 #grid .item.got .stamp{background:#E53238}.tsg-home.cv2 #grid .item.got .stamp::after{content:"取り込んだ!"}
.tsg-home.cv2 #grid .item.en .stamp{background:#0064D2}.tsg-home.cv2 #grid .item.en .stamp::after{content:"英語にした!"}
.tsg-home.cv2 #grid .item.sent .stamp{background:#F5AF02;color:#111}.tsg-home.cv2 #grid .item.sent .stamp::after{content:"出品した!"}
.tsg-home.cv2 #grid .item.ex .stamp{background:#111;color:#fff}.tsg-home.cv2 #grid .item.ex .stamp::after{content:"除外"}
.tsg-home.cv2 #grid .item.ex .gst{display:none}
.tsg-home.cv3 #grid .item.ex .stamp,.tsg-home.cv1 #grid .item.ex .stamp,.tsg-home.cv4 #grid .item.ex .stamp{display:none}
/* 3 ポラロイド */
.tsg-home.cv3 #grid .item{border:none;border-radius:4px;background:#fff;padding:9px 9px 12px;box-shadow:0 10px 22px rgba(17,17,17,.14);overflow:visible}
.tsg-home.cv3 #grid .item:nth-child(3n+1){rotate:-2.5deg}.tsg-home.cv3 #grid .item:nth-child(3n+2){rotate:1.6deg}.tsg-home.cv3 #grid .item:nth-child(3n){rotate:-0.8deg}
.tsg-home.cv3 #grid .item .th{border-radius:2px}
.tsg-home.cv3 #grid .item .tape{display:block;position:absolute;left:50%;top:-10px;width:58px;height:20px;margin-left:-29px;background:rgba(245,175,2,.55);rotate:-4deg;z-index:2}
.tsg-home.cv3 #grid .item:nth-child(even) .tape{background:rgba(0,100,210,.35);rotate:5deg}
.tsg-home.cv3 #grid .item.sent{opacity:1}
.tsg-home.cv3 #grid .item .stamp{display:flex;position:absolute;right:4px;top:62px;width:66px;height:66px;border:3px solid #E53238;border-radius:50%;align-items:center;justify-content:center;color:#E53238;font-family:Archivo,sans-serif;font-style:italic;font-weight:900;font-size:13px;background:rgba(255,255,255,.75);transform:rotate(-16deg) scale(0);transition:transform .35s cubic-bezier(.175,.885,.32,1.5);z-index:2}
.tsg-home.cv3 #grid .item .stamp::after{content:"LISTED"}
.tsg-home.cv3 #grid .item.sent .stamp{transform:rotate(-16deg) scale(1)}
/* 4 eBay化 */
.tsg-home.cv4 #grid .item{padding:0;overflow:hidden;border:2px solid #EEF0F3;border-radius:14px;background:#fff}
.tsg-home.cv4 #grid .item::before{content:"";display:block;height:7px;background:#D9DDE3;transition:background .3s ease}
.tsg-home.cv4 #grid .item.en::before{background:linear-gradient(90deg,#E53238 0 25%,#0064D2 0 50%,#F5AF02 0 75%,#86B817 0)}
.tsg-home.cv4 #grid .item .th{margin:8px 8px 0;height:104px}
.tsg-home.cv4 #grid .item .tt{padding:0 10px;margin-top:6px}
.tsg-home.cv4 #grid .item .pr{padding:0 10px 10px}
.tsg-home.cv4 #grid .item.en .pr{color:#0064D2;font-size:17px}
.tsg-home.cv4 #grid .item.en{border-color:#0064D2}
.tsg-home.cv4 #grid .item.sent{opacity:1}
.tsg-home.cv4 #grid .item.sent .stamp{display:flex;position:absolute;right:12px;top:18px;align-items:center;gap:4px;background:#4DB6AC;color:#fff;font-size:10.5px;font-weight:900;border-radius:9999px;padding:4px 9px;box-shadow:0 2px 6px rgba(17,17,17,.2)}
.tsg-home.cv4 #grid .item.sent .stamp::after{content:"✓ 出品中"}
/* 配色の切り替え（モック用・?mock=1 のときだけ表示） */
.tsg-home:not(.mock) .schemebar{display:none}
.tsg-home .schemebar{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:200;display:flex;flex-wrap:wrap;justify-content:center;width:1280px;align-items:center;gap:6px;background:#fff;border-radius:22px;padding:10px 14px;box-shadow:0 10px 30px rgba(0,0,0,.18);font-size:12px;font-weight:900;white-space:nowrap}
.tsg-home .schemebar button{border:2px solid #e3e6eb;background:#fff;border-radius:9999px;padding:6px 11px;font-size:12px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.tsg-home .schemebar button.on{background:#111;color:#fff;border-color:#111}
.tsg-home .schemebar .sw{display:inline-flex}
.tsg-home .schemebar .sw i{width:9px;height:14px;display:block}
.tsg-home .schemebar .sep{width:1px;height:20px;background:#e3e6eb;margin:0 4px}

/* ===== デモ → 自動化の流れ（黄色）の境目 ===== */
.tsg-home .sec[data-sec="flow"]{overflow:visible}
.tsg-home .ye-edge{position:absolute;left:50%;top:-178px;width:2240px;height:260px;margin-left:-1120px;pointer-events:none;z-index:1}
.tsg-home .ye-edge svg{display:block;overflow:visible}
.tsg-home .sec[data-sec="flow"] > .in{position:relative;z-index:2}
.tsg-home .ye-peek{animation:lp-yePeek 7s cubic-bezier(.5,0,.3,1.3) infinite;animation-delay:var(--pd,0s)}
@keyframes lp-yePeek{0%,16%{transform:translateY(46px)}26%{transform:translateY(-8px) rotate(-3deg)}32%,64%{transform:translateY(0)}74%,100%{transform:translateY(46px)}}
.tsg-home .ye-peek2{animation:lp-yeBob 3.2s ease-in-out infinite alternate}
.tsg-home .ye-bub{transform-box:fill-box;transform-origin:center;animation:lp-yeBub var(--bt,6s) ease-in infinite;animation-delay:var(--bd,0s);opacity:0}
@keyframes lp-yeBub{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:.95}70%{opacity:.8}100%{transform:translateY(var(--by,-80px)) scale(1);opacity:0}}
.tsg-home .ye-tw{transform-box:fill-box;transform-origin:center;animation:lp-yeTw 2.4s ease-in-out infinite;animation-delay:var(--del,0s)}
@keyframes lp-yeTw{0%,100%{transform:scale(.5);opacity:.55}50%{transform:scale(1.12) rotate(25deg);opacity:1}}
.tsg-home .ye-face{animation:lp-yeBob 2.6s ease-in-out infinite alternate;animation-delay:var(--fd,0s)}
.tsg-home .ye-heads circle{transform-box:fill-box;transform-origin:50% 100%}
@keyframes lp-yeBob{to{transform:translateY(-5px)}}
.tsg-home .ye-blink{animation:lp-yeBlink 1.4s ease-in-out infinite}
@keyframes lp-yeBlink{50%{opacity:.15}}
.tsg-home .ye-cl{transform-box:fill-box;transform-origin:center;animation:lp-yeCl 5s ease-in-out infinite alternate;animation-delay:var(--cd,0s)}
@keyframes lp-yeCl{to{transform:translateY(-6px) scale(1.04)}}
.tsg-home .ye-plane{animation:lp-yePlane 4s ease-in-out infinite alternate}
@keyframes lp-yePlane{to{transform:translate(14px,-8px)}}
.tsg-home .ye-dash{animation:lp-yeDash 1.4s linear infinite}
@keyframes lp-yeDash{to{stroke-dashoffset:-28}}
.tsg-home .ye-fly{animation:lp-yeFly 3s ease-in-out infinite alternate}
@keyframes lp-yeFly{to{transform:translate(-16px,-10px) rotate(-3deg)}}
.tsg-home .ye-roll{animation:lp-yeRoll 2.4s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50% 100%}
@keyframes lp-yeRoll{to{transform:rotate(6deg) translateX(6px)}}
.tsg-home .ye-bob{animation:lp-yeBob 2.2s ease-in-out infinite alternate}
@media (max-width:1023.98px){.tsg-home .ye-edge{top:-150px}.tsg-home .ye-edge .ye-peek2,.tsg-home .ye-edge .ye-tw{display:none}}
@media (prefers-reduced-motion: reduce){.tsg-home .ye-edge *{animation:none !important}}

.tsg-home .sec[data-sec="claude"]{-webkit-mask:none !important;mask:none !important;margin-top:0 !important;overflow:visible}
.tsg-home .ye-edge-b{top:-150px;z-index:1}
.tsg-home .sec[data-sec="claude"] > .in{position:relative;z-index:2}
@media (min-width:1024px){.tsg-home .sec[data-sec="claude"]{padding-top:150px !important}}
@media (max-width:1023.98px){.tsg-home .sec[data-sec="claude"]{padding-top:140px !important}}

/* ===== 新しい KV（案B） ===== */
.tsg-home{overflow-x:clip}
.tsg-home .nk-kv{position:relative;width:100%;min-width:1440px;height:1040px;overflow-x:clip;overflow-y:visible;background:#0373E2;--mx:0;--my:0;--sy:0;z-index:25}
.tsg-home .nk-bg{position:absolute;left:50%;top:0;width:2240px;height:1040px;margin-left:-1120px;display:block}
.tsg-home .nk-center{position:absolute;left:50%;top:0;width:1440px;height:1040px;margin-left:-720px}
.tsg-home .nk-cloud{animation:lp-nkCloud var(--cd,20s) ease-in-out infinite alternate}
@keyframes lp-nkCloud{to{transform:translateX(var(--cx,24px))}}
.tsg-home .nk-sils{position:absolute;inset:0;pointer-events:none;transform:translate3d(calc(var(--mx)*6px),calc(var(--my)*6px - var(--sy)*4px),0)}
.tsg-home .nk-sil{position:absolute;display:block;height:auto;animation:lp-nkSil 7s ease-in-out infinite alternate;animation-delay:var(--sd,0s)}
@keyframes lp-nkSil{from{transform:translateY(0) rotate(-6deg)}to{transform:translateY(-16px) rotate(6deg)}}
.tsg-home .nk-stage{position:absolute;left:0;top:80px;width:1440px;height:960px}
.tsg-home .nk-fx{position:absolute;left:0;top:0;width:1440px;height:960px;overflow:visible;pointer-events:none}
.tsg-home .nk-fxwrap{position:absolute;inset:0;pointer-events:none;transform:translate3d(calc(var(--mx)*var(--d)*1px),calc(var(--my)*var(--d)*1px - var(--sy)*var(--d)*1px),0)}
.tsg-home .nk-fxin{animation:lp-nkFade 1s ease 1.4s both}
@keyframes lp-nkFade{from{opacity:0}to{opacity:1}}
.tsg-home .nk-p{position:absolute;left:calc(var(--x)*1px);top:calc(var(--y)*1px);width:calc(var(--w)*1px);pointer-events:none;transform:translate3d(calc(var(--mx)*var(--d)*1px),calc(var(--my)*var(--d)*1px - var(--sy)*var(--d)*1px),0);will-change:transform}
.tsg-home .nk-pop{position:relative;animation:lp-nkPop .9s cubic-bezier(.2,1.5,.35,1) both;animation-delay:var(--in,0s)}
.tsg-home .nk-hov{transition:transform .35s cubic-bezier(.3,1.8,.5,1)}
.tsg-home .nk-in{animation:lp-nkFloat var(--dur,3.2s) ease-in-out infinite alternate;animation-delay:var(--del,0s);transform-origin:50% 85%}
.tsg-home .nk-p img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.tsg-home .nk-ghost{pointer-events:auto;cursor:pointer}
.tsg-home .nk-ghost:hover .nk-hov{transform:translateY(-16px) scale(1.07) rotate(-5deg)}
.tsg-home .nk-ghost:active .nk-hov{transform:translateY(-4px) scale(.94)}
@keyframes lp-nkFloat{from{transform:translateY(0) rotate(calc(var(--rot,2deg)*-1))}to{transform:translateY(calc(var(--amp,10px)*-1)) rotate(var(--rot,2deg))}}
@keyframes lp-nkPop{0%{opacity:0;transform:translateY(46px) scale(.55)}60%{opacity:1}100%{opacity:1;transform:none}}
.tsg-home .nk-in.nk-shout{animation:lp-nkShout 2.6s ease-in-out infinite;animation-delay:var(--del,0s)}
@keyframes lp-nkShout{0%,62%,100%{transform:none}66%{transform:translateY(-6px) rotate(-5deg) scale(1.05,.96)}70%{transform:translateY(-2px) rotate(4deg) scale(.97,1.04)}74%{transform:translateY(-6px) rotate(-4deg) scale(1.04,.97)}80%{transform:none}}
.tsg-home .nk-in.nk-cheer{animation:lp-nkCheer 1.6s cubic-bezier(.4,0,.6,1) infinite;animation-delay:var(--del,0s)}
@keyframes lp-nkCheer{0%,100%{transform:none}20%{transform:scale(1.06,.92)}50%{transform:translateY(calc(var(--amp,12px)*-1.6)) scale(.96,1.05) rotate(-3deg)}80%{transform:scale(1.04,.95)}}
.tsg-home .nk-in.nk-fly{animation:lp-nkFly 6s ease-in-out infinite}
@keyframes lp-nkFly{0%,100%{transform:none}25%{transform:translate(18px,-14px) rotate(-3deg)}50%{transform:translate(34px,2px) rotate(2deg)}75%{transform:translate(14px,12px) rotate(3deg)}}
.tsg-home .nk-in.nk-burst{animation:lp-nkBurst var(--dur,2.2s) cubic-bezier(.3,0,.4,1) infinite;animation-delay:var(--del,0s)}
@keyframes lp-nkBurst{0%,100%{transform:none}40%{transform:translateY(calc(var(--amp,14px)*-1)) rotate(var(--rot,6deg))}70%{transform:translateY(calc(var(--amp,14px)*-.4)) rotate(calc(var(--rot,6deg)*-.5))}}
.tsg-home .nk-globe .nk-in{animation:lp-nkGlobe 7s ease-in-out infinite}
@keyframes lp-nkGlobe{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(4deg)}}
.tsg-home .nk-tw{transform-box:fill-box;transform-origin:center;animation:lp-nkTw 2.4s ease-in-out infinite;animation-delay:var(--del,0s)}
@keyframes lp-nkTw{0%,100%{transform:scale(.5) rotate(0);opacity:.55}50%{transform:scale(1.12) rotate(25deg);opacity:1}}
.tsg-home .nk-spinp{transform-box:fill-box;transform-origin:center;animation:lp-nkSpinp 3.6s cubic-bezier(.6,0,.3,1) infinite;animation-delay:var(--del,0s)}
@keyframes lp-nkSpinp{0%,30%{transform:none}50%{transform:rotate(90deg) scale(1.25)}70%,100%{transform:rotate(90deg)}}
.tsg-home .nk-pulse{transform-box:fill-box;transform-origin:center;animation:lp-nkPulse 2.2s ease-in-out infinite;animation-delay:var(--del,0s)}
@keyframes lp-nkPulse{0%,100%{transform:scale(1);opacity:.95}50%{transform:scale(.45);opacity:.45}}
.tsg-home .nk-spin{transform-box:fill-box;transform-origin:center;animation:lp-nkSpin 14s linear infinite}
@keyframes lp-nkSpin{to{transform:rotate(360deg)}}
.tsg-home .nk-blink{animation:lp-nkBlink 1.4s ease-in-out infinite;animation-delay:var(--del,0s)}
@keyframes lp-nkBlink{50%{opacity:.15}}
.tsg-home .nk-flow{stroke-dasharray:14 14;animation:lp-nkDash 1.5s linear infinite}
@keyframes lp-nkDash{to{stroke-dashoffset:-28}}
.tsg-home .nk-trav{position:absolute;left:0;top:0;pointer-events:none;will-change:transform,opacity;opacity:0}
.tsg-home .nk-trav img{display:block;width:100%;height:auto}
.tsg-home .nk-hdr{position:absolute;z-index:40;left:32px;right:32px;top:22px;height:74px;background:#fff;border-radius:9999px;box-shadow:0 4px 18px rgba(17,17,17,.08);display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 34px;animation:lp-nkHdr .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes lp-nkHdr{from{transform:translateY(-30px);opacity:0}to{transform:none;opacity:1}}
.tsg-home .nk-hdr img{height:30px;display:block}
.tsg-home .nk-hdr nav{display:flex;gap:34px;font-size:15px;font-weight:700;color:#111}
.tsg-home .nk-hdr nav a{position:relative}.tsg-home .nk-hdr nav a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:3px;border-radius:3px;background:#F48612;transform:scaleX(0);transition:transform .25s}
.tsg-home .nk-hdr nav a:hover::after{transform:scaleX(1)}
.tsg-home .nk-btn{display:inline-flex;align-items:center;gap:10px;border:none;border-radius:9999px;padding:15px 30px;font-size:15px;font-weight:900;cursor:pointer;color:#fff;background:#F48612;box-shadow:0 4px 0 #C9690A;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s;font-family:inherit}
.tsg-home .nk-btn:hover{transform:translateY(-2px)}.tsg-home .nk-btn:active{transform:translateY(2px);box-shadow:0 1px 0 #C9690A}
.tsg-home .nk-copy{position:absolute;z-index:30;left:420px;top:318px;width:700px;color:#fff;text-align:center}
.tsg-home .nk-l1{margin:0;font-size:54px;font-weight:900;letter-spacing:-0.02em;line-height:1.12}
.tsg-home .nk-l2{margin:0;font-size:124px;white-space:nowrap;font-weight:900;letter-spacing:-0.045em;line-height:1.02}
.tsg-home .nk-l2 em{font-style:normal;color:#F5AF02;display:inline-block;transform-origin:50% 90%;animation:lp-nkBang 3s ease-in-out 1.6s infinite}
@keyframes lp-nkBang{0%,70%,100%{transform:none}76%{transform:rotate(12deg) scale(1.12)}82%{transform:rotate(-8deg) scale(.96)}88%{transform:rotate(4deg) scale(1.03)}}
.tsg-home .nk-l3{margin:20px 0 0;font-size:25px;font-weight:900;letter-spacing:-0.01em}
.tsg-home .nk-try{margin:30px auto 0;width:560px;background:#fff;border-radius:9999px;box-shadow:0 14px 34px rgba(0,30,80,.22);display:flex;align-items:center;padding:9px 9px 9px 28px;gap:12px}
.tsg-home .nk-try input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;color:#111}
.tsg-home .nk-try input::placeholder{color:#9ca3af}
.tsg-home .nk-try .nk-btn{padding:16px 24px;font-size:16px;box-shadow:none;white-space:nowrap}
.tsg-home .nk-copy .err{margin:10px 0 0;text-align:center;color:#FFE08A}
.tsg-home .nk-chips{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0 0;font-size:12.5px;font-weight:700;color:#fff}
.tsg-home .nk-chip{color:#111}.tsg-home .nk-chip:hover{transform:translateY(-3px) rotate(-2deg)}
.tsg-home .nk-hint{margin-top:12px;font-size:12.5px;font-weight:900;opacity:.85}
.tsg-home .nk-rise{animation:lp-nkRise .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--rd,0s)}
@keyframes lp-nkRise{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
.tsg-home .nk-waves{position:absolute;left:0;bottom:-1px;width:100%;height:230px;pointer-events:none}
.tsg-home .nk-waves svg{position:absolute;left:0;bottom:0;width:100%;height:230px;overflow:visible}
.tsg-home .nk-wb{z-index:24}.tsg-home .nk-wf{z-index:27}
.tsg-home .nk-peekers{position:absolute;left:50%;margin-left:-720px;bottom:0;width:1440px;height:230px;z-index:26;pointer-events:none}
.tsg-home .nk-peek{position:absolute;bottom:0;width:120px;animation:lp-nkPeek 7s cubic-bezier(.5,0,.3,1.3) infinite;animation-delay:var(--pd,0s)}
.tsg-home .nk-peek img{width:100%;display:block}
@keyframes lp-nkPeek{0%,16%{transform:translateY(calc(150px + var(--pt,0px)))}26%{transform:translateY(calc(46px + var(--pt,0px))) rotate(-6deg)}32%,64%{transform:translateY(calc(54px + var(--pt,0px))) rotate(4deg)}74%,100%{transform:translateY(calc(150px + var(--pt,0px)))}}
/* 次のセクション：採用済みのデモをそのまま使い、上の境目だけ新しい KV の波に任せる */
.tsg-home .sec.sec-demo{margin-top:0 !important;padding-top:150px !important;-webkit-mask:none !important;mask:none !important}
.tsg-home .nk-route{position:absolute;left:0;top:0;width:1440px;height:900px;overflow:visible;pointer-events:none;z-index:3}
.tsg-home .nk-rider{position:absolute;left:0;top:0;z-index:60;pointer-events:none;will-change:transform,opacity;opacity:0;transform-origin:50% 50%}
.tsg-home .nk-bob{animation:lp-nkBob .5s ease-in-out infinite alternate}
@keyframes lp-nkBob{to{transform:translateY(-5px)}}
@media (prefers-reduced-motion: reduce){.tsg-home .nk-kv *,.tsg-home .nk-route *,.tsg-home .nk-rider *{animation:none !important;transition:none !important}.tsg-home .nk-trav{opacity:1}}

/* 装飾タイポ版 */
.tsg-home.typo .nk-copy{top:236px}
.tsg-home .nk-typo{margin:0 auto;width:700px;line-height:0}
.tsg-home .nk-typo img{display:block;width:100%;height:auto;transform-origin:50% 60%;animation:lp-nkTypoIn 1s cubic-bezier(.2,1.5,.35,1) .15s both, lp-nkTypoIdle 4.5s ease-in-out 1.3s infinite}
@keyframes lp-nkTypoIn{0%{opacity:0;transform:translateY(40px) scale(.7) rotate(-4deg)}60%{opacity:1}100%{opacity:1;transform:none}}
@keyframes lp-nkTypoIdle{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(-.6deg)}}
.tsg-home.typo .nk-try{margin-top:18px}

.tsg-home .nk-typo.static img{animation:none}

/* ===== タイトル文字（テキスト・色だけ変える／動きなし） ===== */
.tsg-home .nk-h1{margin:0;font-weight:900;color:#fff}
.tsg-home .nk-h1 .nk-l1,.tsg-home .nk-h1 .nk-l2,.tsg-home .nk-h1 .nk-l3{display:block}
.tsg-home .nk-h1 .nk-l1{font-size:54px;letter-spacing:-0.02em;line-height:1.12}
.tsg-home .nk-h1 .nk-l2{font-size:124px;white-space:nowrap;letter-spacing:-0.045em;line-height:1.08;margin:2px 0}
.tsg-home .nk-h1 .nk-l3{margin-top:26px;font-size:25px;letter-spacing:-0.01em;line-height:1.4}
.tsg-home .nk-h1 .nk-l2 em{font-style:normal;animation:none}
/* 1: 1字ずつ4色＋白フチ＋紺の影 */
.tsg-home.hc1 .nk-l2{letter-spacing:.02em}
/* 影・白フチ・文字を別の層に分けて重ねる（後ろから：紺の影 → 白フチ → 色の文字） */
.tsg-home.hc1 .nk-l2 span,.tsg-home.hc1 .nk-l2 em{position:relative;display:inline-block;isolation:isolate}
.tsg-home.hc1 .nk-l2 span::before,.tsg-home.hc1 .nk-l2 em::before,.tsg-home.hc1 .nk-l2 span::after,.tsg-home.hc1 .nk-l2 em::after{content:attr(data-t);position:absolute;left:0;top:0;z-index:-1;-webkit-text-stroke:16px currentColor}
.tsg-home.hc1 .nk-l2 span::before,.tsg-home.hc1 .nk-l2 em::before{color:#0B2A5B;transform:translate(6px,7px)}
.tsg-home.hc1 .nk-l2 span::after,.tsg-home.hc1 .nk-l2 em::after{color:#fff}
.tsg-home.hc1 .c1{color:#E53238}.tsg-home.hc1 .c2{color:#F5AF02}.tsg-home.hc1 .c3{color:#86B817}.tsg-home.hc1 .c4{color:#F48612}.tsg-home.hc1 .nk-l2 em{color:#F5AF02}
/* 2: 白文字のまま、影だけ1字ずつ4色 */
.tsg-home.hc2 .nk-l2 span,.tsg-home.hc2 .nk-l2 em{color:#fff}
.tsg-home.hc2 .c1{text-shadow:6px 7px 0 #E53238}.tsg-home.hc2 .c2{text-shadow:6px 7px 0 #F5AF02}.tsg-home.hc2 .c3{text-shadow:6px 7px 0 #86B817}.tsg-home.hc2 .c4{text-shadow:6px 7px 0 #F48612}.tsg-home.hc2 .nk-l2 em{color:#F5AF02;text-shadow:6px 7px 0 #0B2A5B}
/* 3: 主役だけ黄色＋紺の影（2色） */
.tsg-home.hc3 .nk-l2 span{color:#FFC93C;text-shadow:5px 6px 0 #0B2A5B}.tsg-home.hc3 .nk-l2 em{color:#fff;text-shadow:5px 6px 0 #0B2A5B}

/* サブコピーの「フリマサイト」に太い下線 */
.tsg-home .nk-u{text-decoration:none;padding:0 .12em;margin:0 -.12em;background:linear-gradient(transparent 55%,#F5AF02 55%,#F5AF02 94%,transparent 94%) no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* ===== 手前の層（境目の波より前に出して下へはみ出させる） ===== */
.tsg-home .nk-front{position:absolute;inset:0;z-index:29;pointer-events:none}
.tsg-home .nk-front-l{transform:translateY(96px)}
.tsg-home .nk-fshadow{position:absolute;display:block;border-radius:50%;background:#DCE9F8;transform:translate3d(calc(var(--mx)*8px),0,0) rotate(var(--r,0deg))}
.tsg-home .nk-front-r .nk-fshadow{animation:lp-nkFsh 2.6s ease-in-out infinite}
@keyframes lp-nkFsh{0%,62%,100%{scale:1 1}68%{scale:.9 1}76%{scale:1.04 1}}
/* はみ出した分だけ、下のデモの見出しを下げる */
.tsg-home .sec.sec-demo{padding-top:290px !important}
.tsg-home .nk-peekers{overflow:hidden}

/* ヘッダー：上に詰めて画面幅いっぱい・白の少し角丸 */
.tsg-home .nk-hdr{left:12px;right:12px;top:10px;height:66px;background:#fff;border-radius:16px;box-shadow:0 6px 20px rgba(0,40,110,.14);padding:0 12px 0 28px}
.tsg-home .nk-hdr img{height:32px}
.tsg-home .nk-hdr nav{color:#111;gap:44px;font-size:15.5px}
.tsg-home .nk-hdr nav a::after{background:#F48612}
.tsg-home .nk-hdr .nk-btn{padding:14px 30px}

/* ===== ヘッダーの案 ===== */
.tsg-home .nk-logo{display:flex;align-items:center}
.tsg-home .nk-logo .lg-w{display:none}
@media (min-width:1024px){
  /* 1 中央の白いピル（幅は中身に合わせる） */
  .tsg-home.hdr1 .nk-hdr{left:0;right:0;margin:0 auto;width:min(1240px,calc(100% - 48px));top:16px;height:68px;border-radius:9999px;padding:0 10px 0 30px;box-shadow:0 10px 30px rgba(0,40,110,.18)}
  .tsg-home.hdr1 .nk-hdr nav{gap:38px}
  /* 2 最初は透明で白文字 → スクロールすると白い帯で上に付いてくる */
  .tsg-home.hdr2 .nk-hdr{position:fixed;left:0;right:0;top:0;height:78px;border-radius:0;padding:0 28px 0 36px;background:transparent;box-shadow:none;transition:background .3s,box-shadow .3s,height .3s}
  .tsg-home.hdr2 .nk-hdr .lg-d{display:none}.tsg-home.hdr2 .nk-hdr .lg-w{display:block}
  .tsg-home.hdr2 .nk-hdr nav{color:#fff}
  .tsg-home.hdr2 .nk-hdr.is-scrolled{background:#fff;box-shadow:0 6px 20px rgba(0,40,110,.12);height:64px}
  .tsg-home.hdr2 .nk-hdr.is-scrolled .lg-d{display:block}.tsg-home.hdr2 .nk-hdr.is-scrolled .lg-w{display:none}
  .tsg-home.hdr2 .nk-hdr.is-scrolled nav{color:#111}
  /* 3 ばらばらに浮かぶ3つの白いかたまり（ロゴ／メニュー／ボタン） */
  .tsg-home.hdr3 .nk-hdr{background:none;box-shadow:none;left:20px;right:20px;top:16px;padding:0}
  .tsg-home.hdr3 .nk-logo{background:#fff;border-radius:18px;height:62px;padding:0 26px;box-shadow:0 8px 24px rgba(0,40,110,.16)}
  .tsg-home.hdr3 .nk-hdr nav{background:#fff;border-radius:9999px;height:56px;align-items:center;padding:0 34px;gap:34px;box-shadow:0 8px 24px rgba(0,40,110,.16)}
  .tsg-home.hdr3 .nk-hdr .nk-btn{height:62px;padding:0 32px;font-size:16px}
  /* 4 画面上に張り付いた白い帯＋下がスカラップ（波） */
  .tsg-home.hdr4 .nk-hdr{left:0;right:0;top:0;height:74px;border-radius:0;padding:0 24px 0 36px;box-shadow:none}
  .tsg-home.hdr4 .nk-hdr::after{content:"";position:absolute;left:0;right:0;bottom:-15px;height:16px;background:radial-gradient(circle at 18px 0,#fff 17px,transparent 18px) repeat-x;background-size:36px 16px;pointer-events:none}
  /* 5 濃紺のピル（白文字） */
  .tsg-home.hdr5 .nk-hdr{left:0;right:0;margin:0 auto;width:min(1240px,calc(100% - 48px));top:16px;height:68px;border-radius:9999px;padding:0 10px 0 30px;background:#0B2A5B;box-shadow:0 10px 30px rgba(0,20,60,.35)}
  .tsg-home.hdr5 .nk-hdr .lg-d{display:none}.tsg-home.hdr5 .nk-hdr .lg-w{display:block}
  .tsg-home.hdr5 .nk-hdr nav{color:#fff}
  .tsg-home.hdr5 .nk-hdr nav a::after{background:#F5AF02}
  /* 6 ロゴは背景なしで左上に大きく、メニューとボタンは右の白いピルにまとめる */
  .tsg-home.hdr6 .nk-hdr{background:none;box-shadow:none;left:28px;right:20px;top:18px;padding:0}
  .tsg-home.hdr6 .nk-hdr .lg-d{display:none}.tsg-home.hdr6 .nk-hdr .lg-w{display:block;height:46px}
  .tsg-home.hdr6 .nk-hdr nav{margin-left:auto;margin-right:-34px;background:#fff;border-radius:9999px 0 0 9999px;height:62px;align-items:center;padding:0 60px 0 34px;gap:32px;box-shadow:0 8px 24px rgba(0,40,110,.16)}
  .tsg-home.hdr6 .nk-hdr .nk-btn{position:relative;z-index:1;height:62px;padding:0 30px}
}
/* スマホ：濃紺案と透明案だけ色を合わせる */
@media (max-width:1023.98px){
  .tsg-home.hdr5 .nk-hdr{background:#0B2A5B}.tsg-home.hdr5 .nk-hdr .lg-d{display:none}.tsg-home.hdr5 .nk-hdr .lg-w{display:block}
  .tsg-home.hdr6 .nk-hdr{background:none;box-shadow:none}.tsg-home.hdr6 .nk-hdr .lg-d{display:none}.tsg-home.hdr6 .nk-hdr .lg-w{display:block}
}

/* ===== ヘッダー案6のバリエーション ===== */
.tsg-home .nk-tag{display:none}
@media (min-width:1024px){
  /* 6-2 右端に張り付くタブ（左側だけ丸い）。ボタンは中 */
  .tsg-home.hdr6b .nk-hdr{right:0;top:16px}
  .tsg-home.hdr6b .nk-hdr nav{margin-right:-230px;padding-right:250px;height:68px;border-radius:9999px 0 0 9999px}
  .tsg-home.hdr6b .nk-hdr .nk-btn{margin-right:14px;height:50px;padding:0 26px;box-shadow:0 3px 0 #C9690A}
  /* 6-3 すりガラスのピル（白文字） */
  .tsg-home.hdr6c .nk-hdr nav{background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45),0 8px 24px rgba(0,40,110,.18)}
  .tsg-home.hdr6c .nk-hdr nav a::after{background:#F5AF02}
  /* 6-4 濃紺のピル（白文字） */
  .tsg-home.hdr6d .nk-hdr nav{background:#0B2A5B;color:#fff;box-shadow:0 8px 24px rgba(0,20,60,.35)}
  .tsg-home.hdr6d .nk-hdr nav a::after{background:#F5AF02}
  /* 6-5 ロゴの下に説明文・メニューのピルとボタンを分ける */
  .tsg-home.hdr6e .nk-logo{flex-direction:column;align-items:flex-start;gap:6px}
  .tsg-home.hdr6e .nk-tag{display:none;color:#fff;font-size:12.5px;font-weight:900;letter-spacing:.04em;padding-left:56px;opacity:.95}
  .tsg-home.hdr6e .nk-hdr{top:14px}
  .tsg-home.hdr6e .nk-hdr nav{margin-right:14px;padding:0 34px;border-radius:9999px;height:58px}
  .tsg-home.hdr6e .nk-hdr .nk-btn{height:58px}
  /* 6-6 スクロールするとロゴが消え、右のピルだけ画面の上に付いてくる */
  .tsg-home.hdr6f .nk-hdr{position:fixed}
  .tsg-home.hdr6f .nk-logo{transition:opacity .3s,transform .3s}
  .tsg-home.hdr6f .nk-hdr.is-scrolled .nk-logo{opacity:0;transform:translateY(-24px);pointer-events:none}
  .tsg-home.hdr6f .nk-hdr nav,.tsg-home.hdr6f .nk-hdr .nk-btn{transition:box-shadow .3s}
  .tsg-home.hdr6f .nk-hdr.is-scrolled nav{box-shadow:0 10px 30px rgba(0,30,90,.25)}
}

/* ヘッダーの「無料ではじめる」は影なし */
.tsg-home.hdr6e .nk-hdr .nk-btn,.tsg-home.hdr6e .nk-hdr .nk-btn:active{box-shadow:none}

/* モチーフをまとめて少し上へ（PC 表示のみ） */
@media (min-width:1024px){
  .tsg-home .nk-stage{top:-36px}
  .tsg-home .nk-copy{top:226px}
  .tsg-home .nk-center{zoom:1.08}
  .tsg-home .nk-copy{zoom:.94;left:416px}
  .tsg-home .nk-p[data-n="g-yellow"]{margin-left:-150px;margin-top:46px}
  .tsg-home .nk-p[data-n="globe"],.tsg-home .nk-p[data-n="g-orange"]{margin-top:30px}
  .tsg-home .nk-p[data-n="g-lblue"]{margin-top:40px}
  /* 波線（点線）と、その上を進む荷物だけ少し下へ */
  .tsg-home .nk-stage > .nk-fx{top:44px}
  .tsg-home .nk-trav{margin-top:44px}
  .tsg-home .nk-sils{top:-116px;bottom:116px}
  .tsg-home .sec.sec-demo{padding-top:250px !important}
}

/* 紙飛行機と点線の層（KV より手前） */
.tsg-home .nk-routelayer{position:absolute;left:0;top:0;width:0;height:0;z-index:100;pointer-events:none}
.tsg-home .nk-routeinner{position:relative}
.tsg-home .nk-routeinner .nk-route{z-index:1}.tsg-home .nk-routeinner .nk-rider{z-index:2}

/* 最後に背景になる大きな紙飛行機（デモ画面の後ろ） */
.tsg-home .nk-bgplane{position:absolute;left:0;top:0;z-index:0;opacity:0;transition:opacity .35s ease;pointer-events:none;transform-origin:50% 50%}
.tsg-home .nk-bgplane svg{display:block}
.tsg-home .nk-bob2{animation:lp-nkBob2 4s ease-in-out infinite alternate}
@keyframes lp-nkBob2{to{transform:translateY(-2px) rotate(-1.5deg)}}
.tsg-home .sec-demo #demo{z-index:2}

/* 後半の紙飛行機と点線（デモ画面・オレンジのおばけの後ろ） */
.tsg-home .nk-route.nk-route-sec{position:absolute;left:0;top:0;width:100%;height:900px;overflow:visible;pointer-events:none;z-index:1 !important}
.tsg-home .nk-rider.nk-rider-sec{z-index:1 !important;opacity:0}

/* 下のセクション：新しいおばけの絵に合わせた位置 */
@media (min-width:1024px){
  .tsg-home .flow5{margin-top:120px !important}
  .tsg-home .fcard img{top:auto !important;bottom:calc(100% - 70px);width:132px !important;margin-left:-66px !important}
  .tsg-home .cheer{height:250px !important}
  .tsg-home .cheer img{width:180px !important;margin-bottom:-30px !important}
}

/* 数字は丸みのある Fredoka（イラストのやわらかいタッチに合わせる） */
.tsg-home .num,.tsg-home .fcard .no,.tsg-home .src2 .big,.tsg-home .faq2 summary .q{font-family:Fredoka,'Noto Sans JP',sans-serif !important;font-style:normal !important;font-stretch:normal !important;font-weight:700 !important;letter-spacing:0 !important}
.tsg-home .src2 .big{letter-spacing:-0.02em !important}

/* 右の一覧：4 件で左のパネルと同じ高さになるよう 1 行を大きく */
@media (min-width:1024px){
  .tsg-home #ebPane .row{grid-template-columns:78px minmax(0,1fr) 34px}
  .tsg-home #ebPane .row .th{width:78px;height:78px;border-radius:14px}
  .tsg-home #ebPane .row .tt{font-size:14.5px}
  .tsg-home #ebPane .row .meta{margin-top:11px}
  .tsg-home #ebPane .row .usd{font-size:16px}
}

/* マウス（とスクロール）で揺れるのはおばけだけ。商品・地球・PC・飾りは動かさない */
.tsg-home .nk-p:not(.nk-ghost){--d:0 !important}
.tsg-home .nk-fxwrap{--d:0 !important}
.tsg-home .nk-fshadow{transform:rotate(var(--r,0deg)) !important}

/* ボタンは共通で影なし */
.tsg-home .pill-dark,.tsg-home .pill-dark:hover,.tsg-home .pill-dark:active,.tsg-home .cta2 .bd,.tsg-home .cta2 .bd:hover,.tsg-home .cta2 .bw,.tsg-home .cta2 .bw:hover,.tsg-home .plan2 .go:not(.lt),.tsg-home .plan2 .go:not(.lt):hover,.tsg-home .nk-btn,.tsg-home .nk-btn:hover,.tsg-home .nk-btn:active,.tsg-home .pill-light,.tsg-home .btn{box-shadow:none !important}

/* ===== 出品デモ画面の見た目の案（形と配置はそのまま） ===== */
/* 案1 KVの塗り：やわらかい影をやめ、同じ色の濃い面（下にずれた板）で立体感。上のバーはKVの青 */
.tsg-home.dw1 .win .bar{background:#0373E2}
.tsg-home.dw1 .win .bar span{color:#fff}
.tsg-home.dw1 .win .bar i:nth-child(3){background:#86B817 !important}
.tsg-home.dw1 .row.done .ok{border-color:#86B817;background:#86B817}
/* 案2 やわらかパステル：パネルを淡い色に、文字は濃く。落ち着いた雰囲気 */
.tsg-home.dw2 .win{box-shadow:0 12px 0 #E3EBF6;border:none}
.tsg-home.dw2 .win .bar{background:#EAF3FF}
.tsg-home.dw2 #srcPane{background:#FFF1C9 !important;--pfg:#111 !important;--psub:#7a5b00 !important}
.tsg-home.dw2 #ebPane{background:#E3F0FF !important;--pfg:#111 !important;--psub:#2b4a75 !important}
.tsg-home.dw2 #srcPane .ph b,.tsg-home.dw2 #srcPane .ph .num,.tsg-home.dw2 #ebPane .ph b,.tsg-home.dw2 #ebPane .ph .num{color:#111 !important}
.tsg-home.dw2 #ebPane .ph b,.tsg-home.dw2 #ebPane .ph .num{color:#0064D2 !important}
.tsg-home.dw2 #srcPane .item{box-shadow:0 6px 0 #F2D27A !important}
.tsg-home.dw2 #ebPane .row{box-shadow:0 6px 0 #BFD8F7 !important}
.tsg-home.dw2 .st:not(.on):not(.fin){background:#F4F6FA}
.tsg-home.dw2 .row.done .ok{border-color:#86B817;background:#86B817}
.tsg-home.dw2 .donebar{border:none;background:#FFF6EA;box-shadow:0 8px 0 #F7DDBA}
/* 案3 青いフレーム：画面の枠をKVの青に。右のパネルは白で青い縁 */
.tsg-home.dw3 .win{background:#0373E2;box-shadow:0 12px 0 #0A4A9E;border:none}
.tsg-home.dw3 .win .bar{background:transparent;border-bottom:2px solid rgba(255,255,255,.18)}
.tsg-home.dw3 .win .bar span{color:#fff}
.tsg-home.dw3 .win .bar i:nth-child(3){background:#86B817 !important}
.tsg-home.dw3 .st:not(.on):not(.fin){background:rgba(255,255,255,.14);color:#fff}
.tsg-home.dw3 .st:not(.on):not(.fin) .ck{background:transparent;border-color:rgba(255,255,255,.5)}
.tsg-home.dw3 .st .s{color:inherit}
.tsg-home.dw3 #srcPane{box-shadow:0 10px 0 #C98A00}
.tsg-home.dw3 #ebPane{background:#fff !important;--pfg:#111 !important;--psub:#4b5563 !important;box-shadow:0 10px 0 #0A4A9E}
.tsg-home.dw3 #ebPane .ph b,.tsg-home.dw3 #ebPane .ph .num{color:#0064D2 !important}
.tsg-home.dw3 #ebPane .row{box-shadow:0 0 0 2px #E3ECF8 !important}
.tsg-home.dw3 .mid .num,.tsg-home.dw3 .mid .num small,.tsg-home.dw3 .mid .lab{color:#fff !important}
.tsg-home.dw3 .mid .arrow path{fill:#F5AF02}
.tsg-home.dw3 .row.done .ok{border-color:#86B817;background:#86B817}
.tsg-home.dw3 .donebar{border:none;background:#fff;box-shadow:0 8px 0 #0A4A9E}
.tsg-home.dw3 .note{color:#cfe0fb}

.tsg-home.dw1 .row.soldout .ok,.tsg-home.dw2 .row.soldout .ok,.tsg-home.dw3 .row.soldout .ok{border-color:#111;background:#111}
.tsg-home.dw1 .row.err .ok,.tsg-home.dw2 .row.err .ok,.tsg-home.dw3 .row.err .ok{border-color:#E53238;background:#E53238}
.tsg-home.dw1 .row.hold .ok,.tsg-home.dw2 .row.hold .ok,.tsg-home.dw3 .row.hold .ok{border-color:#F5AF02;background:#F5AF02}

/* デモ → 自動化の流れ：ギザギザをやめてまっすぐ。デモの下の余白を広く */
.tsg-home .sec[data-sec="flow"]{-webkit-mask:none !important;mask:none !important;margin-top:0 !important;padding-top:150px !important}
.tsg-home .sec.sec-demo{background-position:center bottom !important}
@media (min-width:1024px){ .tsg-home .sec.sec-demo{padding-bottom:140px !important} }
@media (max-width:1023.98px){ .tsg-home .sec.sec-demo{padding-bottom:90px !important} }

/* 案1：ブロック（画面・パネル・カード・行・工程）の影はすべてなし */
.tsg-home.dw1 .win,.tsg-home.dw1 .pane,.tsg-home.dw1 #srcPane,.tsg-home.dw1 #ebPane,.tsg-home.dw1 .st,.tsg-home.dw1 #grid .item,.tsg-home.dw1 .item,.tsg-home.dw1 .row{box-shadow:none !important}
.tsg-home.dw1 .win{border:2px solid #E3ECF8}

/* ===== 境目（非対称カーブ＋4色の帯＋泡） ===== */
.tsg-home .nk-waves{height:340px !important}
.tsg-home .nk-edge{position:absolute;left:0;bottom:0;width:100%;height:340px;overflow:visible}
.tsg-home .nk-edge-back{z-index:24}.tsg-home .nk-edge-front{z-index:27}
.tsg-home .nk-bub{transform-box:fill-box;transform-origin:center;animation:lp-nkBub var(--bt,6s) ease-in infinite;animation-delay:var(--bd,0s);opacity:0}
@keyframes lp-nkBub{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:.95}70%{opacity:.8}100%{transform:translateY(var(--by,-80px)) scale(1);opacity:0}}
.tsg-home .nk-peekers{height:340px !important}
.tsg-home .nk-peek{bottom:auto !important;top:calc(var(--pt) * 1px);animation:lp-nkPeek2 7s cubic-bezier(.5,0,.3,1.3) infinite;animation-delay:var(--pd,0s)}
@keyframes lp-nkPeek2{0%,16%{transform:translateY(40px)}26%{transform:translateY(-74px) rotate(-6deg)}32%,64%{transform:translateY(-64px) rotate(4deg)}74%,100%{transform:translateY(40px)}}
.tsg-home .nk-lapgrp{position:absolute;inset:0;transform:scale(1.34);transform-origin:675px 509px;pointer-events:none}
.tsg-home .nk-lapgrp .nk-ghost{pointer-events:auto}

.tsg-home .nk-cl{transform-box:fill-box;transform-origin:center;animation:lp-nkCl 5s ease-in-out infinite alternate;animation-delay:var(--cd,0s)}
@keyframes lp-nkCl{to{transform:translateY(-6px) scale(1.04)}}
.tsg-home .nk-dash{animation:lp-nkDash2 1.2s linear infinite}
@keyframes lp-nkDash2{to{stroke-dashoffset:-40}}
.tsg-home .nk-drip{transform-box:fill-box;transform-origin:50% 0;animation:lp-nkDrip var(--dt,5s) ease-in-out infinite;animation-delay:var(--dd,0s)}
@keyframes lp-nkDrip{0%,100%{transform:scaleY(.82)}50%{transform:scaleY(1.08)}}
.tsg-home .nk-drop{transform-box:fill-box;transform-origin:center;animation:lp-nkDrop var(--dt,5s) ease-in infinite;animation-delay:var(--dd,0s);opacity:0}
@keyframes lp-nkDrop{0%,40%{transform:translateY(-14px) scale(.4);opacity:0}55%{opacity:1}100%{transform:translateY(60px) scale(.8);opacity:0}}

/* 自動化の流れ：カードはちぎり紙のふち・影なし・自動ラベルなし */
.tsg-home .fcard .t{display:none !important}
.tsg-home .who2{display:none !important}
.tsg-home .fcard{box-shadow:none !important;border-radius:0 !important;background:transparent !important;isolation:isolate}
.tsg-home .fcard::before{content:"";position:absolute;inset:0;z-index:-1;background:#fff;clip-path:var(--torn)}
.tsg-home .fcard::after{content:"";position:absolute;inset:-7px -6px -8px -6px;z-index:-2;background:#FFDD80;clip-path:var(--torn2)}
.tsg-home .flow5 .fcard:nth-child(1){--torn:polygon(0.00% 1.05%,9.09% 0.70%,18.18% 1.70%,27.27% 0.54%,36.36% 1.47%,45.45% 1.13%,54.55% 0.52%,63.64% 1.41%,72.73% 0.47%,81.82% 1.27%,90.91% 0.54%,100.00% 0.58%,99.06% 11.11%,98.07% 22.22%,98.21% 33.33%,98.78% 44.44%,99.23% 55.56%,98.71% 66.67%,98.46% 77.78%,99.27% 88.89%,100.00% 98.70%,90.91% 98.34%,81.82% 98.88%,72.73% 98.76%,63.64% 97.96%,54.55% 99.23%,45.45% 98.22%,36.36% 97.84%,27.27% 97.89%,18.18% 98.18%,9.09% 99.32%,0.00% 97.69%,1.12% 88.89%,1.33% 77.78%,1.52% 66.67%,1.14% 55.56%,1.30% 44.44%,1.65% 33.33%,0.99% 22.22%,0.78% 11.11%);--torn2:polygon(0.00% 0.77%,9.09% 1.88%,18.18% 1.88%,27.27% 2.31%,36.36% 0.58%,45.45% 0.70%,54.55% 0.48%,63.64% 0.69%,72.73% 2.01%,81.82% 0.44%,90.91% 1.48%,100.00% 0.66%,98.48% 11.11%,99.21% 22.22%,98.80% 33.33%,97.72% 44.44%,98.19% 55.56%,97.96% 66.67%,99.28% 77.78%,99.16% 88.89%,100.00% 98.25%,90.91% 98.42%,81.82% 98.77%,72.73% 99.26%,63.64% 98.57%,54.55% 99.51%,45.45% 97.97%,36.36% 99.36%,27.27% 99.77%,18.18% 99.24%,9.09% 99.45%,0.00% 99.40%,1.85% 88.89%,1.50% 77.78%,1.75% 66.67%,2.28% 55.56%,1.94% 44.44%,1.98% 33.33%,0.70% 22.22%,1.06% 11.11%)}
.tsg-home .flow5 .fcard:nth-child(2){--torn:polygon(0.00% 0.61%,9.09% 1.81%,18.18% 1.70%,27.27% 2.28%,36.36% 0.94%,45.45% 0.91%,54.55% 1.87%,63.64% 1.72%,72.73% 1.01%,81.82% 1.77%,90.91% 1.19%,100.00% 1.96%,98.21% 11.11%,99.16% 22.22%,98.40% 33.33%,98.26% 44.44%,99.03% 55.56%,98.78% 66.67%,98.11% 77.78%,98.67% 88.89%,100.00% 98.82%,90.91% 98.48%,81.82% 99.58%,72.73% 98.41%,63.64% 99.56%,54.55% 98.01%,45.45% 97.77%,36.36% 98.27%,27.27% 97.85%,18.18% 98.90%,9.09% 97.93%,0.00% 98.93%,1.42% 88.89%,1.92% 77.78%,0.83% 66.67%,0.95% 55.56%,1.59% 44.44%,1.52% 33.33%,0.86% 22.22%,1.66% 11.11%);--torn2:polygon(0.00% 2.04%,9.09% 0.63%,18.18% 0.63%,27.27% 1.66%,36.36% 0.25%,45.45% 2.12%,54.55% 2.09%,63.64% 0.21%,72.73% 1.88%,81.82% 1.41%,90.91% 1.75%,100.00% 2.58%,98.43% 11.11%,99.23% 22.22%,99.12% 33.33%,99.46% 44.44%,97.74% 55.56%,99.40% 66.67%,98.09% 77.78%,97.93% 88.89%,100.00% 97.32%,90.91% 97.41%,81.82% 97.62%,72.73% 98.71%,63.64% 98.06%,54.55% 99.82%,45.45% 97.38%,36.36% 99.45%,27.27% 98.25%,18.18% 99.79%,9.09% 99.48%,0.00% 98.85%,0.95% 88.89%,2.09% 77.78%,0.86% 66.67%,2.03% 55.56%,1.26% 44.44%,2.04% 33.33%,1.98% 22.22%,1.51% 11.11%)}
.tsg-home .flow5 .fcard:nth-child(3){--torn:polygon(0.00% 0.73%,9.09% 1.78%,18.18% 1.67%,27.27% 1.36%,36.36% 0.83%,45.45% 1.99%,54.55% 2.02%,63.64% 1.42%,72.73% 1.41%,81.82% 0.87%,90.91% 0.41%,100.00% 1.14%,98.00% 11.11%,99.01% 22.22%,98.23% 33.33%,98.23% 44.44%,97.96% 55.56%,99.30% 66.67%,98.93% 77.78%,99.13% 88.89%,100.00% 98.51%,90.91% 99.46%,81.82% 97.85%,72.73% 99.24%,63.64% 97.91%,54.55% 98.34%,45.45% 99.50%,36.36% 97.83%,27.27% 98.60%,18.18% 98.26%,9.09% 97.67%,0.00% 98.83%,0.99% 88.89%,1.79% 77.78%,1.03% 66.67%,1.91% 55.56%,0.75% 44.44%,0.96% 33.33%,1.38% 22.22%,1.18% 11.11%);--torn2:polygon(0.00% 0.65%,9.09% 1.10%,18.18% 0.61%,27.27% 1.13%,36.36% 1.56%,45.45% 1.78%,54.55% 0.76%,63.64% 1.03%,72.73% 0.56%,81.82% 2.22%,90.91% 0.86%,100.00% 2.40%,97.71% 11.11%,98.46% 22.22%,98.46% 33.33%,99.06% 44.44%,99.27% 55.56%,98.62% 66.67%,98.24% 77.78%,98.99% 88.89%,100.00% 99.38%,90.91% 98.95%,81.82% 98.91%,72.73% 98.91%,63.64% 98.91%,54.55% 97.79%,45.45% 97.42%,36.36% 99.14%,27.27% 97.30%,18.18% 98.13%,9.09% 97.97%,0.00% 98.50%,1.86% 88.89%,2.19% 77.78%,0.80% 66.67%,1.28% 55.56%,0.74% 44.44%,1.13% 33.33%,1.20% 22.22%,2.25% 11.11%)}
.tsg-home .flow5 .fcard:nth-child(4){--torn:polygon(0.00% 0.63%,9.09% 0.66%,18.18% 1.59%,27.27% 0.76%,36.36% 0.66%,45.45% 1.33%,54.55% 1.24%,63.64% 0.83%,72.73% 1.18%,81.82% 2.08%,90.91% 0.66%,100.00% 0.78%,98.24% 11.11%,98.03% 22.22%,99.28% 33.33%,98.34% 44.44%,99.28% 55.56%,98.08% 66.67%,99.17% 77.78%,98.61% 88.89%,100.00% 99.42%,90.91% 98.64%,81.82% 98.12%,72.73% 98.87%,63.64% 99.14%,54.55% 97.63%,45.45% 97.86%,36.36% 98.96%,27.27% 98.07%,18.18% 98.14%,9.09% 98.92%,0.00% 98.98%,1.22% 88.89%,1.83% 77.78%,1.77% 66.67%,0.75% 55.56%,1.22% 44.44%,0.93% 33.33%,1.28% 22.22%,0.87% 11.11%);--torn2:polygon(0.00% 2.64%,9.09% 0.24%,18.18% 1.99%,27.27% 1.36%,36.36% 2.55%,45.45% 1.16%,54.55% 2.49%,63.64% 0.51%,72.73% 2.69%,81.82% 1.17%,90.91% 0.58%,100.00% 1.00%,97.75% 11.11%,98.39% 22.22%,97.71% 33.33%,97.82% 44.44%,98.00% 55.56%,98.11% 66.67%,98.19% 77.78%,99.11% 88.89%,100.00% 98.68%,90.91% 98.65%,81.82% 97.67%,72.73% 98.71%,63.64% 99.59%,54.55% 99.05%,45.45% 98.80%,36.36% 99.76%,27.27% 99.63%,18.18% 99.64%,9.09% 99.53%,0.00% 98.38%,0.50% 88.89%,0.54% 77.78%,1.27% 66.67%,1.68% 55.56%,1.97% 44.44%,1.76% 33.33%,0.83% 22.22%,0.66% 11.11%)}
.tsg-home .flow5 .fcard:nth-child(5){--torn:polygon(0.00% 1.50%,9.09% 1.90%,18.18% 1.89%,27.27% 2.13%,36.36% 0.97%,45.45% 2.33%,54.55% 1.53%,63.64% 1.89%,72.73% 1.91%,81.82% 2.26%,90.91% 0.95%,100.00% 1.13%,98.72% 11.11%,98.95% 22.22%,98.41% 33.33%,99.24% 44.44%,97.92% 55.56%,98.91% 66.67%,98.42% 77.78%,97.94% 88.89%,100.00% 99.42%,90.91% 97.75%,81.82% 97.92%,72.73% 97.77%,63.64% 99.29%,54.55% 97.75%,45.45% 97.93%,36.36% 97.91%,27.27% 98.25%,18.18% 98.07%,9.09% 97.70%,0.00% 98.95%,2.05% 88.89%,1.53% 77.78%,1.07% 66.67%,1.24% 55.56%,1.25% 44.44%,1.39% 33.33%,2.06% 22.22%,1.85% 11.11%);--torn2:polygon(0.00% 1.18%,9.09% 0.85%,18.18% 2.30%,27.27% 1.25%,36.36% 1.47%,45.45% 1.53%,54.55% 0.98%,63.64% 1.76%,72.73% 2.44%,81.82% 0.29%,90.91% 1.56%,100.00% 0.79%,98.82% 11.11%,97.77% 22.22%,97.90% 33.33%,98.65% 44.44%,99.25% 55.56%,99.14% 66.67%,99.19% 77.78%,97.94% 88.89%,100.00% 98.17%,90.91% 99.33%,81.82% 99.27%,72.73% 99.12%,63.64% 98.54%,54.55% 98.33%,45.45% 98.95%,36.36% 99.70%,27.27% 97.90%,18.18% 98.25%,9.09% 98.80%,0.00% 98.21%,1.98% 88.89%,0.51% 77.78%,2.09% 66.67%,0.96% 55.56%,1.27% 44.44%,0.80% 33.33%,0.98% 22.22%,1.88% 11.11%)}
@media (min-width:1024px){.tsg-home .sec[data-sec="flow"]{padding-top:96px !important}}

/* 黄色の区画の下に少しゆとり */
.tsg-home .sec[data-sec="flow"]{padding-bottom:180px !important}
@media (max-width:1023.98px){.tsg-home .sec[data-sec="flow"]{padding-bottom:96px !important}}

/* ===== Claude 連携：体験できるチャット ===== */
.tsg-home .ask{cursor:pointer;border:2px solid transparent;transition:transform .2s cubic-bezier(.3,1.6,.5,1),background .25s,color .25s,border-color .25s;box-shadow:none !important;outline:none}
.tsg-home .ask:hover{transform:translateX(4px)}
.tsg-home .ask.on{background:#0064D2;color:#fff}
.tsg-home .ask:focus-visible{outline:2px solid #0064D2;outline-offset:3px}
.tsg-home .asks{position:relative}
.tsg-home .cl-pt{position:absolute;left:0;top:0;width:96px;pointer-events:none;z-index:2;opacity:0;transform:translate(var(--px,0px),var(--py,0px)) translate(10px,-31%);transition:transform .6s cubic-bezier(.3,1.45,.5,1),opacity .3s}
.tsg-home .cl-pt.show{opacity:1}
.tsg-home .cl-pt img{display:block;width:100%;animation:lp-clPoke 1.1s ease-in-out infinite}
@keyframes lp-clPoke{0%,100%{transform:translateX(0)}45%{transform:translateX(-7px) rotate(-2deg)}}
.tsg-home .asks .ask{position:relative;z-index:3}
@media (max-width:1023px){.tsg-home .asks{padding-right:70px}.tsg-home .cl-pt{width:66px}}
.tsg-home .chat2{box-shadow:none !important;border:2px solid #E3ECF8}
.tsg-home .chat2 .bar{background:#0373E2;color:#fff;border-bottom:none}
.tsg-home .chat2 .bar .tg{background:#fff;color:#0064D2}
.tsg-home .chat2 .body{padding:0 !important;min-height:0 !important;display:flex;flex-direction:column;gap:0 !important}
.tsg-home .cl-log{height:430px;overflow:hidden;padding:20px 20px 8px;display:flex;flex-direction:column;gap:10px;justify-content:flex-end}
.tsg-home .cl-log > *{opacity:0;transform:translateY(12px);transition:opacity .35s ease,transform .45s cubic-bezier(.2,1.3,.4,1)}
.tsg-home .cl-log > .in{opacity:1;transform:none}
.tsg-home .cl-me{align-self:flex-end;max-width:86%;background:#0064D2;color:#fff;border-radius:18px 18px 4px 18px;padding:11px 16px;font-size:14px;font-weight:700;line-height:1.7}
.tsg-home .cl-url{display:block;margin-top:4px;font-family:ui-monospace,Menlo,monospace;font-size:11.5px;font-weight:500;opacity:.85}
.tsg-home .cl-think{align-self:flex-start;display:flex;gap:5px;background:#F1F4F8;border-radius:14px;padding:12px 14px}
.tsg-home .cl-think i{width:7px;height:7px;border-radius:50%;background:#9aa6b6;animation:lp-clDot 1s ease-in-out infinite}
.tsg-home .cl-think i:nth-child(2){animation-delay:.15s}.tsg-home .cl-think i:nth-child(3){animation-delay:.3s}
@keyframes lp-clDot{50%{transform:translateY(-4px);opacity:.5}}
.tsg-home .cl-tool{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;background:#fff;border:2px solid #E3ECF8;border-radius:12px;padding:6px 12px;font-size:12.5px;font-weight:900;color:#111}
.tsg-home .cl-tool b{color:#0064D2;font-weight:900}
.tsg-home .cl-tool em{font-style:normal;font-size:11px;color:#9aa6b6;margin-left:2px}
.tsg-home .cl-dot{width:12px;height:12px;border-radius:50%;border:2.5px solid #F5AF02;border-top-color:transparent;animation:lp-clSpin .8s linear infinite}
@keyframes lp-clSpin{to{transform:rotate(360deg)}}
.tsg-home .cl-tool.done{border-color:#D9EFC2}
.tsg-home .cl-tool.done .cl-dot{animation:none;border:none;background:#86B817}
.tsg-home .cl-tool.done em{color:#86B817}
.tsg-home .cl-ai{max-width:94%;font-size:14px;font-weight:500;line-height:1.85;color:#111}
.tsg-home .cl-card{background:#FFF8E6;border-radius:16px;padding:14px;border:2px solid #FFE3A3}
.tsg-home .cl-ch{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}
.tsg-home .cl-ch > b{font-size:13.5px;font-weight:900}
.tsg-home .cl-ch span{font-size:12px;font-weight:900;color:#6b7280}
.tsg-home .cl-ch .num{font-size:22px;color:#F48612}
.tsg-home .cl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.tsg-home .cl-it{position:relative;background:#fff;border-radius:10px;padding:5px;opacity:0;transform:scale(.8);animation:lp-clPop .45s cubic-bezier(.2,1.5,.4,1) forwards;animation-delay:calc(var(--i) * .12s + .1s)}
.tsg-home .cl-it img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:7px}
.tsg-home .cl-it .num{display:block;font-size:12px;margin-top:3px;color:#111}
.tsg-home .cl-it i{position:absolute;left:8px;top:8px;font-style:normal;font-size:9.5px;font-weight:900;color:#fff;background:#86B817;border-radius:9999px;padding:2px 6px}
@keyframes lp-clPop{to{opacity:1;transform:none}}
.tsg-home .cl-yen{font-size:22px !important;color:#E53238 !important}
.tsg-home .cl-yen b{font-weight:700}
.tsg-home .cl-bar{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:8px;margin-top:7px;font-size:12px;font-weight:900}
.tsg-home .cl-bar i{display:block;height:12px;background:#fff;border-radius:9999px;overflow:hidden}
.tsg-home .cl-bar i b{display:block;height:100%;width:0;border-radius:9999px;animation:lp-clGrow .8s cubic-bezier(.2,.9,.3,1) forwards;animation-delay:calc(var(--i) * .12s + .2s)}
@keyframes lp-clGrow{to{width:var(--w)}}
.tsg-home .cl-watch{display:flex;align-items:center;gap:12px}
.tsg-home .cl-wg{width:58px;flex-shrink:0;animation:lp-float 2.4s ease-in-out infinite}
.tsg-home .cl-watch div{flex:1;display:flex;flex-direction:column;gap:3px}
.tsg-home .cl-watch div b{font-size:14px;font-weight:900}
.tsg-home .cl-watch div span{font-size:12px;font-weight:700;color:#6b7280}
.tsg-home .cl-sw{width:46px;height:26px;border-radius:9999px;background:#D5DBE3;position:relative;transition:background .3s;flex-shrink:0}
.tsg-home .cl-sw i{position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .3s cubic-bezier(.3,1.6,.5,1)}
.tsg-home .cl-sw.on{background:#86B817}.tsg-home .cl-sw.on i{left:23px}
.tsg-home .cl-input{display:flex;align-items:center;gap:10px;margin:8px 14px 14px;background:#F4F6FA;border-radius:9999px;padding:6px 6px 6px 18px}
.tsg-home .cl-text{flex:1;min-width:0;font-size:13.5px;font-weight:700;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tsg-home .cl-ph{color:#9aa6b6;font-weight:500}
.tsg-home .cl-send{width:34px;height:34px;border-radius:50%;background:#F48612;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s}
.tsg-home .cl-send.go{transform:scale(.82)}
/* 余白：上（ちぎり紙の下）と下（次のセクションまで）をそろえる */
@media (min-width:1024px){.tsg-home .sec[data-sec="claude"]{padding-top:256px !important;padding-bottom:208px !important}}
@media (max-width:1023.98px){.tsg-home .sec[data-sec="claude"]{padding-bottom:150px !important}.tsg-home .cl-log{height:400px}}
@media (prefers-reduced-motion: reduce){.tsg-home .cl-log > *,.tsg-home .cl-it,.tsg-home .cl-bar i b{transition:none !important;animation:none !important;opacity:1 !important;transform:none !important;width:var(--w)}}

.tsg-home .chat2{overflow:visible !important}
.tsg-home .chat2 .bar{border-radius:24px 24px 0 0}
.tsg-home .chat-ghost{right:26px !important;left:auto !important;bottom:auto !important;top:-96px !important;width:118px !important;z-index:3}
/* 選ばれていない頼みごとは枠線だけ（白地＝区画の背景と同じ。後ろのおばけは透けない） */
.tsg-home .ask{background:#fff !important;color:#111;border-color:#BFD6F2}
.tsg-home .ask:hover{border-color:#0064D2}
.tsg-home .ask.on{background:#0064D2 !important;border-color:#0064D2;color:#fff}
.tsg-home .clients3{margin-top:44px !important}
.tsg-home .clients3{gap:28px !important;align-items:center}
.tsg-home .clients3 span{background:none !important;padding:0 !important;display:inline-flex;align-items:center;gap:9px;font-size:16px !important;font-weight:900;color:#111}
.tsg-home .clients3 .ci{width:28px;height:28px;flex:none}
@media (max-width:1023px){.tsg-home .chat-ghost{width:92px !important;right:4px !important;top:-82px !important}.tsg-home .clients3{gap:18px !important}}
.tsg-home .cl-log{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 34px);mask-image:linear-gradient(to bottom,transparent 0,#000 34px)}

/* ===== Claude のアプリ風（実際の Claude の画面をイメージ） ===== */
.tsg-home .chat2.cg-on{background:transparent !important;border:none !important;padding:0 !important;border-radius:0 !important}
.tsg-home .cg{--cg-bg:#FAF9F5;--cg-side:#F2F0E8;--cg-line:#E8E5DA;--cg-ink:#3D3929;--cg-sub:#8A8577;--cg-acc:#D97757;
  background:var(--cg-bg);border:1px solid var(--cg-line);border-radius:18px;overflow:hidden;color:var(--cg-ink);font-family:'Noto Sans JP',sans-serif}
.tsg-home .cg-top{height:40px;display:flex;align-items:center;gap:12px;padding:0 14px;background:var(--cg-side);border-bottom:1px solid var(--cg-line)}
.tsg-home .cg-dots{display:flex;gap:6px}.tsg-home .cg-dots i{width:11px;height:11px;border-radius:50%;background:#E0DCCF}
.tsg-home .cg-dots i:nth-child(1){background:#F26B5E}.tsg-home .cg-dots i:nth-child(2){background:#F6BE4F}.tsg-home .cg-dots i:nth-child(3){background:#5CC75B}
.tsg-home .cg-title{flex:1;text-align:center;font-size:12.5px;font-weight:700;color:var(--cg-ink)}
.tsg-home .cg-share{font-size:11.5px;font-weight:700;color:var(--cg-sub);border:1px solid var(--cg-line);border-radius:8px;padding:3px 9px;background:#fff}
.tsg-home .cg-main{display:grid;grid-template-columns:52px 1fr}
.tsg-home .cg-side{background:var(--cg-side);border-right:1px solid var(--cg-line);display:flex;flex-direction:column;align-items:center;gap:14px;padding:14px 0}
.tsg-home .cg-side svg{width:18px;height:18px;fill:none;stroke:var(--cg-sub);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tsg-home .cg-logo svg{width:24px;height:24px;stroke:none}
.tsg-home .cg-si{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center}
.tsg-home .cg-si:first-of-type{background:#E9E5D9}
.tsg-home .cg-av{margin-top:auto;width:26px;height:26px;border-radius:50%;background:#3D3929;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.tsg-home .cg-chat{display:flex;flex-direction:column;min-width:0}
.tsg-home .cg .cl-log{height:440px;padding:22px 22px 6px;gap:12px}
.tsg-home .cg .cl-me{background:#EFEBE1;color:var(--cg-ink);border-radius:16px;padding:10px 15px;font-size:13.5px;font-weight:500;line-height:1.75;max-width:82%}
.tsg-home .cg .cl-url{color:var(--cg-sub);opacity:1}
.tsg-home .cg .cl-ai{font-family:'Noto Serif JP',serif;font-size:14px;font-weight:500;line-height:1.95;color:var(--cg-ink)}
.tsg-home .cg .cl-think{background:transparent;padding:0;align-self:flex-start}
.tsg-home .cg-spin{width:22px;height:22px;animation:lp-cgSpin 2.2s cubic-bezier(.5,0,.5,1) infinite}
@keyframes lp-cgSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(.82)}100%{transform:rotate(360deg) scale(1)}}
.tsg-home .cg .cl-tool{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--cg-line);border-radius:10px;padding:7px 11px;font-size:12.5px;font-weight:500;color:var(--cg-sub)}
.tsg-home .cg-ticon{width:20px;height:20px;border-radius:6px;background:#FFF3E3;display:flex;align-items:center;justify-content:center;overflow:hidden}
.tsg-home .cg-ticon img{height:12px;width:auto;object-fit:cover;object-position:left;max-width:13px}
.tsg-home .cg .cl-tool .cl-tt{background:linear-gradient(90deg,var(--cg-sub) 0%,var(--cg-sub) 40%,#D9D4C6 50%,var(--cg-sub) 60%,var(--cg-sub) 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:lp-cgShine 1.3s linear infinite}
@keyframes lp-cgShine{from{background-position:120% 0}to{background-position:-100% 0}}
.tsg-home .cg .cl-tool.done .cl-tt{animation:none;color:var(--cg-ink);background:none}
.tsg-home .cg-chev,.tsg-home .cg-ok{width:14px;height:14px;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.tsg-home .cg-chev{stroke:var(--cg-sub)}
.tsg-home .cg-ok{display:none;stroke:#5E9E3A}
.tsg-home .cg .cl-tool.done .cg-ok{display:block}.tsg-home .cg .cl-tool.done .cg-chev{display:none}
.tsg-home .cg .cl-card{background:#fff;border:1px solid var(--cg-line);border-radius:14px}
.tsg-home .cg-box{margin:8px 16px 16px;background:#fff;border:1px solid var(--cg-line);border-radius:16px;padding:12px 12px 10px 16px;box-shadow:0 2px 6px rgba(61,57,41,.05)}
.tsg-home .cg .cl-text{font-size:13.5px;font-weight:500;color:var(--cg-ink);min-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tsg-home .cg .cl-ph{color:#A8A396}
.tsg-home .cg-tools{display:flex;align-items:center;gap:8px;margin-top:10px}
.tsg-home .cg-ic{height:28px;min-width:28px;border:1px solid var(--cg-line);border-radius:8px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 6px}
.tsg-home .cg-ic svg{width:15px;height:15px;fill:none;stroke:var(--cg-sub);stroke-width:2.2;stroke-linecap:round}
.tsg-home .cg-conn img{height:13px;width:13px;object-fit:cover;object-position:left}
.tsg-home .cg-conn b{font-size:11px;font-weight:700;color:var(--cg-ink)}
.tsg-home .cg-model{margin-left:auto;display:flex;align-items:center;gap:3px;font-size:12px;font-weight:600;color:var(--cg-sub)}
.tsg-home .cg-model svg{width:13px;height:13px;fill:none;stroke:var(--cg-sub);stroke-width:2.2}
.tsg-home .cg .cl-send{width:30px;height:30px;border-radius:9px;background:var(--cg-acc);display:flex;align-items:center;justify-content:center}
.tsg-home .cg .cl-send svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:1023.98px){.tsg-home .cg-main{grid-template-columns:1fr}.tsg-home .cg-side{display:none}.tsg-home .cg .cl-log{height:410px;padding:16px 14px 6px}}

/* =========================================================
   レスポンシブ
   1440px 以上 : そのまま（KV は画面幅いっぱい）
   1024〜1439px: 1440px のデザインを画面幅に合わせて縮小（--z を JS で設定）
   1023px 以下 : 縦に並べ直すスマホ・タブレット用レイアウト
   ========================================================= */
.tsg-home.hc1 .nk-l2 span::before,.tsg-home.hc1 .nk-l2 em::before,.tsg-home.hc1 .nk-l2 span::after,.tsg-home.hc1 .nk-l2 em::after{-webkit-text-stroke:.13em currentColor}
.tsg-home.hc1 .nk-l2 span::before,.tsg-home.hc1 .nk-l2 em::before{transform:translate(.048em,.056em)}

@media (min-width:1024px){
  .tsg-home .nk-kv{width:var(--kvw,100%);min-width:0;zoom:var(--zk,1)}
  .tsg-home .nk-bg{left:50%;margin-left:0;transform:translateX(-50%);width:max(2240px,100%)}
}
@media (min-width:1024px) and (max-width:1439.98px){
  .tsg-home .page{zoom:var(--z,1)}
}

@media (max-width:1023.98px){
  .tsg-home,.tsg-home{overflow-x:clip}
  .tsg-home .page{width:100%;min-width:0}

  /* ---------- ヘッダー ---------- */
  .tsg-home .nk-hdr{left:8px;right:8px;top:8px;height:56px;padding:0 8px 0 16px;border-radius:14px}
  .tsg-home .nk-hdr nav{display:none}
  .tsg-home .nk-hdr img{height:24px}
  .tsg-home .nk-hdr .nk-btn{padding:11px 18px;font-size:13px;box-shadow:0 3px 0 #C9690A}

  /* ---------- KV：文字 → キャラの順に縦に並べる ---------- */
  .tsg-home .nk-kv{width:100%;min-width:0;height:auto;padding-bottom:64px;overflow:hidden;--mx:0 !important;--my:0 !important;--sy:0 !important}
  .tsg-home .nk-bg{height:100%;min-height:1040px}
  .tsg-home .nk-center{position:relative;left:auto;top:auto;width:100%;height:auto;margin:0;display:flex;flex-direction:column;align-items:center}
  .tsg-home .nk-sils{display:none}
  .tsg-home .nk-copy{order:-1;position:relative;left:auto;top:auto;width:100%;max-width:620px;padding:104px 18px 0;box-sizing:border-box}
  .tsg-home .nk-h1 .nk-l1{font-size:clamp(26px,7.4vw,46px)}
  .tsg-home .nk-h1 .nk-l2{font-size:clamp(60px,17.2vw,112px);margin:4px 0}
  .tsg-home .nk-h1 .nk-l3{font-size:clamp(15px,4.1vw,22px);margin-top:18px}
  .tsg-home .nk-try{width:100%;max-width:520px;flex-direction:column;align-items:stretch;border-radius:28px;padding:8px;gap:6px;margin-top:22px}
  .tsg-home .nk-try input{padding:12px 14px;font-size:14px;text-align:center}
  .tsg-home .nk-try .nk-btn{justify-content:center;padding:15px 20px}
  .tsg-home .nk-chips{flex-wrap:wrap;row-gap:8px;margin-top:14px}
  .tsg-home .nk-hint{margin-top:12px}

  /* キャラの舞台：幅 400 の座標で並べ直し、画面幅に合わせて伸び縮み */
  .tsg-home .nk-stage{position:relative;left:auto;top:auto;width:min(100%,560px);height:auto;aspect-ratio:400/520;margin-top:10px;container-type:inline-size}
  .tsg-home .nk-stage .nk-fx,.tsg-home .nk-stage .nk-fxwrap,.tsg-home .nk-trav,.tsg-home .nk-p[data-n^="sc-"]{display:none}
  .tsg-home .nk-lapgrp{transform:none}
  .tsg-home .nk-front-l{transform:none}
  .tsg-home .nk-fshadow{display:none}
  .tsg-home .nk-p{left:calc(var(--x) * 1cqw / 4);top:calc(var(--y) * 1cqw / 4);width:calc(var(--w) * 1cqw / 4)}
  .tsg-home .nk-p[data-n="g-yellow"]{--x:4 !important;--y:4 !important;--w:150 !important}
  .tsg-home .nk-p[data-n="globe"]{--x:236 !important;--y:0 !important;--w:170 !important}
  .tsg-home .nk-p[data-n="g-lblue"]{--x:-14 !important;--y:118 !important;--w:110 !important}
  .tsg-home .nk-p[data-n="g-orange"]{--x:276 !important;--y:168 !important;--w:124 !important}
  .tsg-home .nk-p[data-n="laptop"]{--x:-6 !important;--y:244 !important;--w:290 !important}
  .tsg-home .nk-p[data-n="burst-bagshirt"]{--x:30 !important;--y:172 !important;--w:92 !important}
  .tsg-home .nk-p[data-n="burst-sneaker"]{--x:118 !important;--y:204 !important;--w:56 !important}
  .tsg-home .nk-p[data-n="burst-card"]{--x:92 !important;--y:236 !important;--w:44 !important}
  .tsg-home .nk-p[data-n="g-green"]{--x:20 !important;--y:292 !important;--w:210 !important}
  .tsg-home .nk-p[data-n="g-red"]{--x:222 !important;--y:296 !important;--w:170 !important}

  /* 境目：高さを縮めて同じ形を使う */
  .tsg-home .nk-waves{height:130px !important}
  .tsg-home .nk-edge{height:130px}
  .tsg-home .nk-peekers{display:none}

  /* ---------- セクション共通 ---------- */
  .tsg-home .sec{padding:120px 0 72px;margin-top:-56px}
  .tsg-home .sec > .in{width:auto;max-width:760px;padding:0 18px;box-sizing:border-box}
  .tsg-home .shead{text-align:left}
  .tsg-home .shead h2,.tsg-home .claude2 h2,.tsg-home .dhead h2{font-size:clamp(28px,7.6vw,44px);line-height:1.3}
  .tsg-home .shead p,.tsg-home .claude2 .lead{font-size:15px}
  .tsg-home .say{display:none}

  /* ---------- 出品デモ ---------- */
  .tsg-home .sec.sec-demo{padding-top:90px !important}
  .tsg-home .dhead{width:auto;margin:0 auto 48px;padding:0 18px}
  .tsg-home .dhead p{font-size:14px}
  .tsg-home .dk{display:none}
  .tsg-home .demo{width:auto;margin:0 12px}
  .tsg-home .pk{display:none}
  .tsg-home .steps{display:flex;overflow-x:auto;gap:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px}
  .tsg-home .steps::-webkit-scrollbar{display:none}
  .tsg-home .steps .st{flex:0 0 auto}
  .tsg-home .panes{grid-template-columns:1fr;gap:14px}
  .tsg-home .mid{flex-direction:row;gap:10px;justify-content:center}
  .tsg-home .mid .arrow{width:64px;rotate:90deg}
  .tsg-home .mid .num{font-size:36px}
  .tsg-home .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tsg-home .item .th{height:92px}
  .tsg-home .donebar{flex-direction:column;align-items:stretch;gap:14px}
  .tsg-home .donebar .btns{flex-direction:column}
  .tsg-home .note{padding:0 6px}
  .tsg-home .nk-route{width:100%;height:auto}

  /* ---------- 自動化の流れ ---------- */
  .tsg-home .flow5{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 14px;margin-top:70px}
  .tsg-home .fcard{padding-top:52px}
  .tsg-home .fcard img{width:84px;margin-left:-42px;top:auto;bottom:calc(100% - 46px)}
  .tsg-home .who2{grid-template-columns:1fr}

  /* ---------- Claude 連携 ---------- */
  .tsg-home .claude2{grid-template-columns:1fr;gap:32px}
  .tsg-home .chat-ghost{width:110px}

  /* ---------- できること ---------- */
  .tsg-home .can8{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}

  /* ---------- 仕入れ元 ---------- */
  .tsg-home .src2{grid-template-columns:1fr;gap:24px}
  .tsg-home .src2 .big{font-size:clamp(96px,26vw,150px)}
  .tsg-home .src2 .big small{font-size:26px}

  /* ---------- 料金 ---------- */
  .tsg-home .plans2{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}

  /* ---------- よくある質問 ---------- */
  .tsg-home .faq2{max-width:none}

  /* ---------- 最後の呼びかけ ---------- */
  .tsg-home .cta2 h2{font-size:clamp(40px,11vw,72px)}
  .tsg-home .cta2 .btns{flex-direction:column;align-items:stretch;gap:12px;max-width:360px;margin-left:auto;margin-right:auto}
  .tsg-home .cheer{height:150px}
  .tsg-home .cheer img{width:96px;margin-bottom:-20px}

  /* ---------- フッター ---------- */
  .tsg-home .ftr2 .in{width:auto;padding:0 18px;flex-direction:column;align-items:flex-start;gap:14px}
  .tsg-home .ftr2 nav{flex-wrap:wrap;gap:10px 18px}
}

@media (max-width:599.98px){
  .tsg-home .flow5{grid-template-columns:1fr}
  .tsg-home .can8{grid-template-columns:1fr}
  .tsg-home .plans2{grid-template-columns:1fr}
  .tsg-home .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* ===== 機能（赤）の上の境目：白いおばけが逆さに垂れる ===== */
.tsg-home .sec[data-sec="can"]{-webkit-mask:none !important;mask:none !important;margin-top:-78px !important;padding-top:300px !important;overflow:visible}
.tsg-home .sec[data-sec="can"] > .in{position:relative;z-index:2}
.tsg-home .hang{position:absolute;inset:0;overflow:hidden;pointer-events:none;--hx:1;--hk:1;--ty:-400px}   /* 区画の上端で切る＝上の白の中から出てくる */
.tsg-home .hang-g,.tsg-home .hang-inv{position:absolute;left:var(--gl,0px);top:var(--gt,0px);width:var(--gw,0px);height:var(--gh,0px);transform-origin:50% 0;transform:translateY(var(--ty)) scale(var(--hx),var(--hk))}
.tsg-home .hang-g{z-index:1}
.tsg-home .hang-g img{display:block;width:100%;height:100%}
.tsg-home .hang-inv{z-index:3;overflow:hidden;clip-path:url(#hang-clip)}
.tsg-home .hang-clone{position:absolute;left:0;top:0;margin:0 !important;transform-origin:0 0;transform:translate(var(--qx,0px),0) scale(calc(1 / var(--hx)),calc(1 / var(--hk))) translate(var(--ex,0px),calc(var(--dy,0px) - var(--ty,0px)))}
.tsg-home .hang-clone .hk0,.tsg-home .hang-clone .hk1,.tsg-home .hang-clone .hk2,.tsg-home .hang-clone .hk3{color:#E53238}
.tsg-home .hang-clone .slab{visibility:hidden}   /* ラベルは色を変えず、おばけより手前に見せる */
@media (max-width:1023.98px){.tsg-home .sec[data-sec="can"]{margin-top:-34px !important;padding-top:130px !important}}
@media (max-width:640px){.tsg-home .sec[data-sec="can"] .shead .slab{align-self:flex-start}}


/* ===== 機能（赤）→ 仕入れ元：赤がとろっと流れ出す ===== */
.tsg-home .sec[data-sec="sources"]{-webkit-mask:none !important;mask:none !important;margin-top:-60px !important;padding-top:320px !important;overflow:visible}
.tsg-home .sec[data-sec="sources"] > .in{position:relative;z-index:2}
.tsg-home .drip-edge{position:absolute;left:0;right:0;top:0;height:460px;overflow:hidden;z-index:1;pointer-events:none;--f:1;--ds:1}   /* 赤の下端で切る＝赤の中から出てくる */
.tsg-home .dp{position:absolute;top:calc(var(--e) * var(--s) * var(--ds) * -1px);left:calc(50% + var(--x) * var(--f) * 1px);width:calc(var(--w) * var(--s) * var(--ds) * 1px);
  transform:translateX(-50%) translateY(var(--ty,0px)) scaleY(calc(var(--k,1) * var(--ly,1)));transform-origin:50% calc(var(--e) * var(--s) * var(--ds) * 1px)}
.tsg-home .dp img{display:block;width:100%}
.tsg-home .dp img.dp-f{transform:scaleX(-1)}
@media (max-width:1023.98px){.tsg-home .sec[data-sec="sources"]{margin-top:-16px !important;padding-top:250px !important}.tsg-home .drip-edge{--f:.62;--ds:.8}}
@media (max-width:640px){.tsg-home .sec[data-sec="sources"]{padding-top:200px !important}.tsg-home .drip-edge{--f:.27;--ds:.62}.tsg-home .dp:not(.dp-sp){display:none}}


/* ===== 機能の8枚：おばけの形のカード ===== */
.tsg-home .can8{gap:30px 20px !important}
.tsg-home .cc{position:relative;filter:drop-shadow(0 7px 0 #B5212A);transition:transform .35s cubic-bezier(.3,1.5,.5,1)}
.tsg-home .cc:hover{transform:translateY(-6px)}
.tsg-home .cc-in{height:100%;box-sizing:border-box;background:#fff;clip-path:url(#cc-0);padding:26px 24px 50px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.tsg-home .cc:nth-child(4n+2) .cc-in{clip-path:url(#cc-1)}.tsg-home .cc:nth-child(4n+3) .cc-in{clip-path:url(#cc-2)}.tsg-home .cc:nth-child(4n+4) .cc-in{clip-path:url(#cc-3)}
.tsg-home .cc-icw{position:relative;width:150px;height:124px;display:grid;place-items:center;margin-bottom:2px}
.tsg-home .cc-ic{position:relative;height:120px;width:auto;max-width:150px;object-fit:contain}
.tsg-home .cc:hover .cc-ic{animation:lp-ccWig .7s ease-in-out}
@keyframes lp-ccWig{25%{transform:rotate(-7deg) scale(1.06)}55%{transform:rotate(5deg) scale(1.06)}80%{transform:rotate(-2deg)}}
.tsg-home .cc b{font-size:18px;font-weight:900;color:#111}
.tsg-home .cc p{margin:0;font-size:13.5px;font-weight:700;line-height:1.8;color:#4b5563}
.tsg-home .cc .num{color:#E53238}
@media (max-width:640px){.tsg-home .cc-in{padding:22px 22px 40px}.tsg-home .cc-icw{height:92px}.tsg-home .cc-ic{height:86px}}


/* ===== 見出しの色替え・マーカー ===== */
.tsg-home .sec h2 em{font-style:normal}
.tsg-home .c-b{color:#0064D2}.tsg-home .c-r{color:#E53238}.tsg-home .c-y{color:#F5AF02}.tsg-home .c-cl{color:#D97757}
.tsg-home .mk{background-repeat:no-repeat;background-position:0 0;background-size:0% 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .06em;transition:background-size .9s cubic-bezier(.6,.1,.2,1) .25s}
.tsg-home .mk.on{background-size:100% 100%}
.tsg-home .mk-y{background-image:linear-gradient(transparent 60%,#F5AF02 60%,#F5AF02 93%,transparent 93%)}
.tsg-home .mk-w{background-image:linear-gradient(transparent 60%,#FFFFFF 60%,#FFFFFF 93%,transparent 93%)}
.tsg-home .mk-d{background-image:linear-gradient(transparent 60%,#9E1C23 60%,#9E1C23 93%,transparent 93%)}
.tsg-home .mk-n{background-image:linear-gradient(transparent 60%,#0B3F8F 60%,#0B3F8F 93%,transparent 93%)}
@media (prefers-reduced-motion: reduce){.tsg-home .mk{transition:none;background-size:100% 100%}}
/* ===== 強調語のステッカー（色の箱）：見えてきたらポンと貼られる ===== */
.tsg-home .stk{display:inline-block;font-style:normal;padding:.04em .2em .08em;margin:0 .06em;border-radius:.16em;line-height:1.12;transform:rotate(-2deg) scale(.6);opacity:0;transition:transform .55s cubic-bezier(.3,1.6,.5,1) .2s,opacity .25s ease .2s}
.tsg-home .stk.on{transform:rotate(-2deg);opacity:1}
.tsg-home .stk-tr.on{transform:rotate(1.6deg)}.tsg-home .stk-tr{transform:rotate(1.6deg) scale(.6)}
.tsg-home .stk-b{background:#0064D2;color:#fff}          /* 黄色の区画：青の箱に白文字 */
.tsg-home .stk-r{background:#E53238;color:#fff}          /* 黄色の区画：赤の箱に白文字 */
.tsg-home .stk-y{background:#FFC93C;color:#111}          /* 赤・緑の区画：明るい黄の箱に黒文字 */
.tsg-home .stk-w{background:#fff;color:#0064D2}          /* 青の区画：白の箱に青文字 */
@media (prefers-reduced-motion: reduce){.tsg-home .stk,.tsg-home .stk-tr{transition:none;opacity:1;transform:rotate(-2deg)}.tsg-home .stk-tr{transform:rotate(1.6deg)}}
/* 緑の区画の見出し：黒は重く見えるので白＋濃い緑の段差 */
.tsg-home .sec h2.h-wt{color:#fff;text-shadow:0 .08em 0 #5E8A0A}
.tsg-home .sec h2.h-wt .stk{text-shadow:none}
/* 最後の青い区画の「全件出品」：KV のタイトルと同じ 1字ずつ4色＋白フチ＋紺の影 */
.tsg-home .cta2 .kv4{display:inline-block;letter-spacing:.02em}
.tsg-home .cta2 .kv4 span{position:relative;display:inline-block;isolation:isolate}
.tsg-home .cta2 .kv4 span::before,.tsg-home .cta2 .kv4 span::after{content:attr(data-t);position:absolute;left:0;top:0;z-index:-1;-webkit-text-stroke:.14em currentColor}
.tsg-home .cta2 .kv4 span::before{color:#0B2A5B;transform:translate(.06em,.07em)}
.tsg-home .cta2 .kv4 span::after{color:#fff}
.tsg-home .cta2 .kv4 .c1{color:#E53238}.tsg-home .cta2 .kv4 .c2{color:#F5AF02}.tsg-home .cta2 .kv4 .c3{color:#86B817}.tsg-home .cta2 .kv4 .c4{color:#F48612}
/* 最後の青い区画：喜ぶおばけを区画の下端（フッターの上）にくっつける＝下の謎の余白をなくす */
.tsg-home .sec[data-sec="cta"]{padding-bottom:0 !important}
.tsg-home .sec h2 .nw{white-space:nowrap}   /* スマホで「だ／け。」と途中で折れないように */
/* ===== 小見出しラベル：おばけの形（丸い頭・波のすそ・目） ===== */
.tsg-home .slab{clip-path:url(#slab-g);border-radius:0 !important;padding:7px 15px 13px 18px !important;animation:lp-slabBob 3.2s ease-in-out infinite alternate}
.tsg-home .slab::after{content:"";flex:none;width:15px;height:8px;margin-left:3px;background:radial-gradient(circle at 3.5px 4px,currentColor 2.4px,transparent 2.9px),radial-gradient(circle at 11.5px 4px,currentColor 2.4px,transparent 2.9px)}
@keyframes lp-slabBob{to{transform:translateY(-3px) rotate(-1.5deg)}}
@media (prefers-reduced-motion: reduce){.tsg-home .slab{animation:none}}


/* ===== 販売サイト：実際のロゴ（枠なし）＋「個人・法人どちらも対応」 ===== */
.tsg-home .mq2 span{box-shadow:none !important;border:none;background:none !important;padding:6px 14px 6px 4px !important;gap:10px !important}
.tsg-home .mq2 .lg{width:34px;height:34px;border-radius:9px;object-fit:contain}
.tsg-home .st2{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:22px}
.tsg-home .st2 span{display:inline-flex;align-items:center;gap:7px;padding:8px 15px 8px 9px;border-radius:9999px;font-size:14px;font-weight:900;color:#fff}
.tsg-home .st2 span::before{content:"";width:20px;height:20px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23111' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
.tsg-home .st2 .st-a{background:#0064D2}.tsg-home .st2 .st-b{background:#86B817}
.tsg-home .st2 em{font-style:normal;font-size:15px;font-weight:900}
/* スマホ：料金プランの上のギザギザ（深さ84px）が前の区画との重なり（56px）より深く、すき間から下地の青が見えていた */
@media (max-width:1023.98px){.tsg-home .sec[data-sec="pricing"]{margin-top:-90px !important;padding-top:154px !important}}


/* ===== 見出しの別案 共通 ===== */
.tsg-home .hx{font-style:normal}.tsg-home .nw{white-space:nowrap}.tsg-home .hx-b{--hc:#0064D2}.tsg-home .hx-r{--hc:#E53238}.tsg-home .hx-y{--hc:#FFC93C}.tsg-home .hx-o{--hc:#F48612}

.tsg-home .sec h2 .hx{color:var(--hc)}
.tsg-home .hx{position:relative;display:inline-block;isolation:isolate;color:var(--hc);margin:0 .04em;transform:scale(.7) rotate(-3deg);opacity:0;transition:transform .5s cubic-bezier(.3,1.6,.5,1) .15s,opacity .2s .15s}
.tsg-home .hx.on{transform:none;opacity:1}
.tsg-home .hx::before,.tsg-home .hx::after{content:attr(data-t);position:absolute;left:0;top:0;z-index:-1;white-space:nowrap;-webkit-text-stroke:.17em currentColor}
.tsg-home .hx::before{color:#0B2A5B;transform:translate(.06em,.08em)}
.tsg-home .hx::after{color:#fff}
.tsg-home .sec h2.h-wt{text-shadow:none}

.tsg-home .hx4::before,.tsg-home .hx4::after{content:none}
.tsg-home .hx4 span{position:relative;display:inline-block;isolation:isolate;color:#fff}
.tsg-home .hx4 span::before,.tsg-home .hx4 span::after{content:attr(data-t);position:absolute;left:0;top:0;z-index:-1}
.tsg-home .hx4 span::after{color:#0B2A5B;-webkit-text-stroke:.09em #0B2A5B}
.tsg-home .hx4 span::before{-webkit-text-stroke:.09em currentColor;transform:translate(.07em,.09em)}
.tsg-home .hx4 .c1::before{color:#E53238}.tsg-home .hx4 .c2::before{color:#F5AF02}.tsg-home .hx4 .c3::before{color:#86B817}.tsg-home .hx4 .c4::before{color:#F48612}
.tsg-home .hx4 .cq::before{color:var(--sc)}
.tsg-home .hx4 .ct{color:var(--sc)}
.tsg-home .hx4 .ct::after{color:#fff;-webkit-text-stroke:.17em #fff}
.tsg-home .hx4 .ct::before{color:#0B2A5B;-webkit-text-stroke:.17em #0B2A5B;transform:translate(.06em,.08em)}

@media (prefers-reduced-motion: reduce){.tsg-home .hx,.tsg-home .hx::after{transition:none!important;transform:none!important;opacity:1!important;clip-path:none!important}}


/* ===== ボタン案 3 ひょっこり ===== */
.tsg-home .nk-btn,.tsg-home .pill-dark,.tsg-home .cta2 .bd,.tsg-home .plan2 .go:not(.lt),.tsg-home .btnP{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none;border-radius:9999px;background:#F48612 !important;color:#fff !important;box-shadow:none !important;font-weight:900;text-decoration:none;cursor:pointer;transform:none;transition:transform .35s cubic-bezier(.3,1.6,.5,1),background .2s}
.tsg-home .pill-light,.tsg-home .cta2 .bw,.tsg-home .plan2 .go.lt,.tsg-home .btnS{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:9999px;background:#fff !important;color:#0B2A5B !important;box-shadow:none !important;font-weight:900;text-decoration:none;cursor:pointer;transform:none;transition:transform .35s cubic-bezier(.3,1.6,.5,1),background .2s}
.tsg-home .nk-btn,.tsg-home .pill-dark,.tsg-home .cta2 .bd,.tsg-home .plan2 .go:not(.lt),.tsg-home .btnP{padding:15px 30px !important;background:transparent !important;isolation:isolate}
.tsg-home .nk-btn::after,.tsg-home .pill-dark::after,.tsg-home .cta2 .bd::after,.tsg-home .plan2 .go:not(.lt)::after,.tsg-home .btnP::after{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#F48612;transition:background .2s}
.tsg-home .nk-btn:hover::after,.tsg-home .pill-dark:hover::after,.tsg-home .cta2 .bd:hover::after,.tsg-home .plan2 .go:not(.lt):hover::after,.tsg-home .btnP:hover::after{background:#E2760A}
.tsg-home .nk-btn::before,.tsg-home .pill-dark::before,.tsg-home .cta2 .bd::before,.tsg-home .plan2 .go:not(.lt)::before,.tsg-home .btnP::before{content:'';position:absolute;z-index:-2;left:50%;bottom:40%;width:66px;height:82px;margin-left:-33px;background:url(/lp/kv2/parts-sec/peek-green.webp) center bottom/contain no-repeat;transform-origin:50% 100%;transform:translateY(16px) scale(.45);transition:transform .45s cubic-bezier(.3,1.6,.5,1)}
.tsg-home .nk-btn:hover::before,.tsg-home .pill-dark:hover::before,.tsg-home .cta2 .bd:hover::before,.tsg-home .plan2 .go:not(.lt):hover::before,.tsg-home .btnP:hover::before{transform:translateY(-4px) rotate(-6deg)}
.tsg-home .nk-btn:hover,.tsg-home .pill-dark:hover,.tsg-home .cta2 .bd:hover,.tsg-home .plan2 .go:not(.lt):hover,.tsg-home .btnP:hover{transform:none !important}
.tsg-home .pill-light,.tsg-home .cta2 .bw,.tsg-home .plan2 .go.lt,.tsg-home .btnS{padding:15px 28px !important;background:transparent !important;border:none !important;isolation:isolate}
.tsg-home .pill-light::after,.tsg-home .cta2 .bw::after,.tsg-home .plan2 .go.lt::after,.tsg-home .btnS::after{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#fff;border:2.5px solid #0B2A5B}
.tsg-home .pill-light::before,.tsg-home .cta2 .bw::before,.tsg-home .plan2 .go.lt::before,.tsg-home .btnS::before{content:'';position:absolute;z-index:-2;left:50%;bottom:40%;width:58px;height:72px;margin-left:-29px;background:url(/lp/kv2/parts-sec/peek-yellow.webp) center bottom/contain no-repeat;transform-origin:50% 100%;transform:translateY(16px) scale(.45);transition:transform .45s cubic-bezier(.3,1.6,.5,1)}
.tsg-home .pill-light:hover::before,.tsg-home .cta2 .bw:hover::before,.tsg-home .plan2 .go.lt:hover::before,.tsg-home .btnS:hover::before{transform:translateY(-4px) rotate(6deg)}
.tsg-home .nk-hdr .nk-btn::before{top:40%;bottom:auto;transform-origin:50% 0;transform:translateY(-16px) rotate(0deg) scale(.45) translateY(41px) scaleY(-1) translateY(-41px)}
.tsg-home .nk-hdr .nk-btn:hover::before{transform:translateY(4px) rotate(-6deg) scale(1) translateY(41px) scaleY(-1) translateY(-41px)}
.tsg-home .plan2 .go{display:flex !important}
@keyframes lp-btnJiggle{25%{transform:scale(1.06,.94)}50%{transform:scale(.96,1.05) translateY(-2px)}75%{transform:scale(1.02,.98)}}
@media (prefers-reduced-motion: reduce){.tsg-home .nk-btn,.tsg-home .pill-dark,.tsg-home .cta2 .bd,.tsg-home .plan2 .go:not(.lt),.tsg-home .btnP,.tsg-home .pill-light,.tsg-home .cta2 .bw,.tsg-home .plan2 .go.lt,.tsg-home .btnS{transition:none !important;animation:none !important}}


/* ===== Claude の区画：うすいおばけ柄（上下の端は白へ溶かす＝境目の絵と継ぎ目を出さない） ===== */
.tsg-home .sec[data-sec="claude"]{background:linear-gradient(#fff 0,rgba(255,255,255,0) 240px,rgba(255,255,255,0) calc(100% - 240px),#fff 100%),url(/lp/kv2/parts-sec/tile-pale.png) center 0/260px repeat,#fff !important}
/* ===== 新着情報・リリースノート ===== */
.tsg-home .news-sec{position:relative;z-index:26;background:#fff;padding:0 0 190px;color:#111;--sbg:#FFFFFF;--sfg:#111111}
.tsg-home .news-sec > .in{position:relative;width:1200px;margin:0 auto}
.tsg-home .nw-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:20px}
/* 外枠：ちぎり紙（淡い色の紙＋少し濃いふち） */
.tsg-home .nw-col{position:relative;isolation:isolate;padding:34px 34px 26px}
.tsg-home .nw-col::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--pf);clip-path:polygon(0.00% 0.73%,9.09% 1.27%,18.18% 0.96%,27.27% 1.38%,36.36% 1.42%,45.45% 0.42%,54.55% 0.32%,63.64% 1.80%,72.73% 0.76%,81.82% 0.72%,90.91% 2.08%,100.00% 1.14%,98.48% 10.00%,99.00% 20.00%,98.77% 30.00%,99.48% 40.00%,98.77% 50.00%,98.43% 60.00%,98.94% 70.00%,98.62% 80.00%,98.72% 90.00%,100.00% 99.59%,90.91% 98.34%,81.82% 98.64%,72.73% 99.16%,63.64% 99.64%,54.55% 98.15%,45.45% 98.85%,36.36% 98.41%,27.27% 98.13%,18.18% 98.42%,9.09% 98.05%,0.00% 98.99%,1.47% 90.00%,0.95% 80.00%,1.67% 70.00%,1.58% 60.00%,0.44% 50.00%,0.50% 40.00%,0.62% 30.00%,1.71% 20.00%,0.94% 10.00%)}
.tsg-home .nw-col::after{content:"";position:absolute;inset:-7px -6px -8px -6px;z-index:-2;background:var(--pr);clip-path:polygon(0.00% 1.19%,9.09% 0.71%,18.18% 2.08%,27.27% 0.50%,36.36% 1.77%,45.45% 1.30%,54.55% 0.46%,63.64% 1.69%,72.73% 0.40%,81.82% 1.49%,90.91% 0.49%,100.00% 0.55%,98.74% 10.00%,97.83% 20.00%,99.42% 30.00%,99.20% 40.00%,98.28% 50.00%,97.56% 60.00%,98.40% 70.00%,98.80% 80.00%,97.49% 90.00%,100.00% 99.57%,90.91% 97.35%,81.82% 98.91%,72.73% 99.30%,63.64% 99.38%,54.55% 98.85%,45.45% 97.46%,36.36% 99.20%,27.27% 98.11%,18.18% 97.95%,9.09% 98.68%,0.00% 98.20%,0.44% 90.00%,0.43% 80.00%,0.77% 70.00%,1.84% 60.00%,1.27% 50.00%,1.01% 40.00%,1.62% 30.00%,1.32% 20.00%,0.98% 10.00%)}
.tsg-home .nw-n{--pc:#86B817;--pf:#F1F8E4;--pr:#D6EDB0;--pd:#4F7A00}
.tsg-home .nw-r{--pc:#F48612;--pf:#FFF2E2;--pr:#FFD9AE;--pd:#B85A00}
.tsg-home .nw-r::before{clip-path:polygon(0.00% 1.11%,9.09% 1.30%,18.18% 1.95%,27.27% 1.13%,36.36% 1.21%,45.45% 1.35%,54.55% 0.63%,63.64% 1.22%,72.73% 1.43%,81.82% 1.72%,90.91% 0.47%,100.00% 0.84%,99.57% 10.00%,98.52% 20.00%,98.69% 30.00%,99.64% 40.00%,98.27% 50.00%,98.29% 60.00%,98.75% 70.00%,98.80% 80.00%,99.47% 90.00%,100.00% 99.67%,90.91% 98.75%,81.82% 99.59%,72.73% 99.36%,63.64% 99.27%,54.55% 99.65%,45.45% 98.87%,36.36% 98.91%,27.27% 98.19%,18.18% 98.77%,9.09% 98.55%,0.00% 98.81%,1.27% 90.00%,0.97% 80.00%,0.71% 70.00%,1.76% 60.00%,1.75% 50.00%,1.53% 40.00%,1.33% 30.00%,0.76% 20.00%,0.64% 10.00%)}.tsg-home .nw-r::after{clip-path:polygon(0.00% 1.73%,9.09% 2.51%,18.18% 2.93%,27.27% 1.09%,36.36% 2.40%,45.45% 2.23%,54.55% 2.11%,63.64% 0.60%,72.73% 0.37%,81.82% 1.35%,90.91% 2.35%,100.00% 0.99%,98.57% 10.00%,98.98% 20.00%,97.79% 30.00%,97.56% 40.00%,98.79% 50.00%,97.44% 60.00%,99.56% 70.00%,97.86% 80.00%,97.72% 90.00%,100.00% 99.29%,90.91% 97.77%,81.82% 98.17%,72.73% 97.08%,63.64% 99.12%,54.55% 98.22%,45.45% 97.28%,36.36% 97.95%,27.27% 98.85%,18.18% 99.48%,9.09% 97.13%,0.00% 98.40%,2.55% 90.00%,0.62% 80.00%,2.14% 70.00%,2.14% 60.00%,2.38% 50.00%,0.34% 40.00%,1.14% 30.00%,0.42% 20.00%,2.00% 10.00%)}
/* ふちに顔を出すおばけ */
.tsg-home .nw-gh{position:absolute;right:30px;top:-62px;width:96px;z-index:1;animation:lp-nwBob 3.2s ease-in-out infinite alternate}
.tsg-home .nw-r .nw-gh{animation-delay:-1.6s}
@keyframes lp-nwBob{to{transform:translateY(-6px) rotate(3deg)}}
/* 見出し：おばけ形のラベル */
.tsg-home .nw-hd{margin-bottom:14px}
.tsg-home .nw-tab{display:inline-flex;align-items:center;gap:8px;margin:0;background:var(--pc);color:#fff;font-size:19px;font-weight:900;padding:9px 22px 16px 24px;clip-path:url(#slab-g)}
.tsg-home .nw-tab::after{content:"";width:16px;height:8px;background:radial-gradient(circle at 4px 4px,#fff 2.6px,transparent 3.1px),radial-gradient(circle at 12px 4px,#fff 2.6px,transparent 3.1px)}
/* 記事：少し傾けた付せん。日付ははんこ */
.tsg-home .nw-row{position:relative;display:grid;grid-template-columns:76px 1fr 40px;align-items:center;gap:18px;background:#fff;border-radius:18px;padding:16px 18px 16px 16px;margin-top:14px;color:inherit;text-decoration:none;transform:rotate(-.5deg);transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.tsg-home .nw-row:nth-child(even){transform:rotate(.45deg)}
.tsg-home .nw-row:hover{transform:translateY(-3px) rotate(0)}
.tsg-home .nw-st{display:flex;flex-direction:column;align-items:center;justify-content:center;width:76px;height:76px;border-radius:22px;background:var(--pc);color:#fff;font-family:Fredoka,'Noto Sans JP',sans-serif;line-height:1;transform:rotate(-4deg);transition:transform .45s cubic-bezier(.3,1.6,.5,1)}
.tsg-home .nw-st small{font-size:12px;font-weight:600;opacity:.9;margin-bottom:4px}
.tsg-home .nw-st b{font-size:25px;font-weight:700;letter-spacing:.01em}
.tsg-home .nw-row:nth-child(even) .nw-st{transform:rotate(3deg)}
.tsg-home .nw-row:hover .nw-st{transform:rotate(-10deg) scale(1.06)}
.tsg-home .nw-tx{display:flex;flex-direction:column;gap:6px;min-width:0}
.tsg-home .nw-tx b{font-size:16px;font-weight:900;line-height:1.5}
.tsg-home .nw-tx span{font-size:13px;font-weight:700;line-height:1.7;color:#5b6472;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tsg-home .nw-go{width:40px;height:40px;border-radius:50%;background:#0B2A5B url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .35s cubic-bezier(.3,1.6,.5,1),background-color .2s}
.tsg-home .nw-row:hover .nw-go{transform:translateX(4px);background-color:var(--pc)}
.tsg-home .nw-row:hover .nw-tx b{text-decoration:underline;text-decoration-color:var(--pc);text-decoration-thickness:3px;text-underline-offset:5px}
/* いちばん新しい記事に NEW のステッカー */
.tsg-home .nw-new{position:absolute;top:-11px;right:56px;font-style:normal;font-family:Archivo,sans-serif;font-style:italic;font-weight:900;font-stretch:125%;font-size:12px;letter-spacing:.06em;color:#111;background:#FFC93C;border:2.5px solid #0B2A5B;border-radius:9999px;padding:3px 11px 3px 9px;transform:rotate(6deg)}
.tsg-home .nw-more{display:flex;justify-content:center;margin-top:40px}
@media (max-width:1023.98px){
  .tsg-home .news-sec{padding:0 0 170px}
  .tsg-home .news-sec > .in{width:auto;max-width:760px;padding:0 18px;box-sizing:border-box}
  .tsg-home .nw-grid{grid-template-columns:1fr;gap:62px;margin-top:34px}
  .tsg-home .nw-col{padding:28px 16px 20px}
  .tsg-home .nw-gh{width:78px;top:-50px;right:16px}
  .tsg-home .nw-row{grid-template-columns:60px 1fr 32px;gap:12px;padding:14px 12px}
  .tsg-home .nw-st{width:60px;height:60px;border-radius:18px}.tsg-home .nw-st b{font-size:20px}.tsg-home .nw-st small{font-size:10px}
  .tsg-home .nw-go{width:32px;height:32px;background-size:13px}
  .tsg-home .nw-tx b{font-size:14.5px}
}
@media (prefers-reduced-motion: reduce){.tsg-home .nw-gh{animation:none}}


/* ===== ナビ：乗せると文字の色だけ変わる（10/7 赤松「文字色変わるくらいでいい」）。色は項目ごとに eBay の色 ===== */
@media (min-width:1024px){
  .tsg-home .nk-hdr nav a,.tsg-home .stk-hdr .sk-nav a{color:inherit;text-decoration:none;transition:color .2s}
  .tsg-home .nk-hdr nav a::after{content:none !important}
  .tsg-home .stk-hdr .sk-nav{gap:30px}
  .tsg-home .nk-hdr nav a:nth-child(1):hover,.tsg-home .sk-nav a:nth-child(1):hover{color:#E53238}
  .tsg-home .nk-hdr nav a:nth-child(2):hover,.tsg-home .sk-nav a:nth-child(2):hover{color:#0064D2}
  .tsg-home .nk-hdr nav a:nth-child(3):hover,.tsg-home .sk-nav a:nth-child(3):hover{color:#D99500}
  .tsg-home .nk-hdr nav a:nth-child(4):hover,.tsg-home .sk-nav a:nth-child(4):hover{color:#6F9A0E}
  .tsg-home .nk-hdr nav a:nth-child(5):hover,.tsg-home .sk-nav a:nth-child(5):hover{color:#F48612}
}

/* ナビから区画へなめらかに移動。上に出ている追従ヘッダー（約70px）の分だけ手前で止める */
.tsg-home{scroll-behavior:smooth}
.tsg-home [data-sec]{scroll-margin-top:70px}
/* ===== お問い合わせボタン（紺・「無料ではじめる」の右） ===== */
.tsg-home .nk-btn.nk-ct{margin-left:10px}
.tsg-home .nk-btn.nk-ct::after{background:#0B2A5B !important}
.tsg-home .nk-btn.nk-ct:hover::after{background:#06203F !important}
.tsg-home .nk-ct span{display:inline-flex;align-items:center;gap:8px}
.tsg-home .nk-ct span::before{content:"";width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5.5' width='18' height='13' rx='2.5' fill='none' stroke='%23fff' stroke-width='2.4'/%3E%3Cpath d='M4 7.5l8 6 8-6' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.tsg-home .stk-hdr .sk-bar .nk-ct{margin-left:-14px}
@media (max-width:1023.98px){.tsg-home .nk-btn.nk-ct{width:40px;height:40px;padding:0 !important;margin-left:6px}.tsg-home .nk-ct span{font-size:0;gap:0}.tsg-home .nk-ct span::before{width:18px;height:18px}.tsg-home .nk-hdr .nk-btn.nk-ct{height:40px}}
.tsg-home .nk-hdr img.hg{height:auto !important;display:block;max-width:none}   /* ヘッダー内の画像を30pxにそろえる指定を、おばけには効かせない */
/* ===== 追従するヘッダー（下へスクロールすると上から出てくる） ===== */
.tsg-home .stk-hdr{position:fixed;left:0;right:0;top:0;z-index:300;pointer-events:none;transform:translateY(-130%);transition:transform .5s cubic-bezier(.3,1.25,.5,1)}
.tsg-home .stk-hdr.on{transform:none}
.tsg-home .stk-hdr .sk-bar{position:relative;z-index:2;pointer-events:auto;display:flex;align-items:center;gap:24px;height:64px;padding:0 14px 0 28px;background:#fff}
.tsg-home .stk-hdr .sk-logo img{height:28px;display:block}
.tsg-home .stk-hdr .sk-nav{display:flex;margin-left:auto;font-size:14.5px;font-weight:700;color:#111}
.tsg-home .stk-hdr .nk-btn{height:46px;padding:0 24px !important;font-size:14.5px}
/* ヘッダーのボタン（画面の上端で上にすき間がない）：おばけはボタンの下のふちに両手でつかまってぶら下がる。
   ふだんはボタンの後ろに縮んで隠れ、乗せると下へ出てぶらぶらゆれる（10/7 逆さだと「下に潜ってる」ように見えたため） */
.tsg-home .nk-hdr .nk-btn::before,.tsg-home .stk-hdr .nk-btn::before{top:calc(100% - 12px) !important;bottom:auto !important;width:40px !important;height:70px !important;margin-left:-20px !important;background:url(/lp/kv2/parts-sec/grip-g.webp) center top/contain no-repeat !important;transform-origin:50% 0 !important;transform:translateY(-34px) scale(.45) !important}
.tsg-home .nk-hdr .nk-btn:hover::before,.tsg-home .stk-hdr .nk-btn:hover::before{transform:none !important;animation:lp-gripSwing 1.3s ease-in-out .35s infinite alternate}
@keyframes lp-gripSwing{from{rotate:-8deg}to{rotate:8deg}}
@keyframes lp-hgBob{to{transform:translateY(-4px) rotate(-2deg)}}
@keyframes lp-hgStep{to{transform:translateY(-5px)}}
@keyframes lp-hgBreath{50%{transform:scaleY(1.05) translateY(-1px)}}
@keyframes lp-hgSwing{from{transform:rotate(-7deg)}to{transform:rotate(7deg)}}
@keyframes lp-hgBlink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}
@media (max-width:1023.98px){.tsg-home .stk-hdr .sk-nav{display:none}.tsg-home .stk-hdr .sk-bar{height:56px;padding:0 10px 0 16px;justify-content:space-between}.tsg-home .stk-hdr .sk-logo img{height:24px}.tsg-home .stk-hdr .nk-btn{height:40px;font-size:13px;padding:0 16px !important}}
@media (prefers-reduced-motion: reduce){.tsg-home .stk-hdr *,.tsg-home .hg{animation:none !important}}

.tsg-home .stk3 .sk-track{position:absolute;left:0;right:0;top:64px;height:6px;background:#EEF3FA;pointer-events:none}
.tsg-home .stk3 .sk-fill{position:absolute;left:0;top:0;bottom:0;width:calc(var(--p,0) * 100%);background:linear-gradient(90deg,#E53238 0 25%,#0064D2 25% 50%,#F5AF02 50% 75%,#86B817 75%) 0 0/100vw 100%}
.tsg-home .stk3 .sk-fly{position:absolute;top:-6px;left:calc(var(--p,0) * 100% - 26px);width:46px;transform:scaleX(-1);animation:lp-skFly 1.4s ease-in-out infinite alternate}
@keyframes lp-skFly{to{translate:0 -6px;rotate:-6deg}}
@media (max-width:1023.98px){.tsg-home .stk3 .sk-track{top:56px}.tsg-home .stk3 .sk-fly{width:36px}}

@media (min-width:1024px){
  .tsg-home.hdr6 .nk-hdr.nv1 nav{position:relative;margin-right:62px}
  .tsg-home .nv1 .hg{position:absolute;z-index:2;width:64px;pointer-events:none}
  .tsg-home .nv1 .hg-l{left:-48px;top:-6px;animation:lp-hgBob 1.8s ease-in-out infinite alternate}
  .tsg-home .nv1 .hg-r{right:-48px;top:-5px;animation:lp-hgBob 1.8s ease-in-out -.9s infinite alternate}
}

/* ===== 料金：オプション一覧 ===== */
/* 外枠は上の料金カードと同じ（白・角丸26px・同じ影）。10/7 赤松「上の料金カードと同じでいい」 */
.tsg-home .op-box{position:relative;margin:64px auto 0;padding:44px 48px 40px;color:#111;background:#fff;border-radius:26px;box-shadow:0 16px 40px rgba(17,17,17,.1)}
.tsg-home .op-gh{position:absolute;right:56px;top:-70px;width:96px;z-index:1;animation:lp-opBob 3.2s ease-in-out infinite alternate}
@keyframes lp-opBob{to{transform:translateY(-6px) rotate(3deg)}}
.tsg-home .op-hd{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin-bottom:10px}
.tsg-home .op-tab{display:inline-flex;align-items:center;gap:8px;margin:0;background:#86B817;color:#fff;font-size:20px;font-weight:900;padding:9px 22px 16px 24px;clip-path:url(#slab-g)}
.tsg-home .op-tab::after{content:"";width:16px;height:8px;background:radial-gradient(circle at 4px 4px,#fff 2.6px,transparent 3.1px),radial-gradient(circle at 12px 4px,#fff 2.6px,transparent 3.1px)}
.tsg-home .op-hd p{margin:0;font-size:14.5px;font-weight:700;color:#4b5563}
.tsg-home .op-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.tsg-home .op-row{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:20px;background:#F6F8FB;border-radius:18px;padding:12px 22px 12px 14px;transform:rotate(-.35deg);transition:transform .35s cubic-bezier(.3,1.6,.5,1),background .2s}
.tsg-home .op-row:nth-child(even){transform:rotate(.35deg)}
.tsg-home .op-row{transition:transform .35s cubic-bezier(.3,1.6,.5,1),background .2s,color .2s}
/* 乗せたとき：その行の色でベタ塗り、文字は白に反転（黄色の行だけ黒い文字＝白だと読めないため） */
.tsg-home .op-row:hover{transform:translateY(-2px) rotate(0);background:var(--oc);--ot:#fff}
.tsg-home .op-row:nth-child(4):hover{--ot:#111}
.tsg-home .op-row:hover .op-tx b,.tsg-home .op-row:hover .op-tx span,.tsg-home .op-row:hover .op-pr small,.tsg-home .op-row:hover .op-pr b,.tsg-home .op-row:hover .op-pr i,.tsg-home .op-row:nth-child(4):hover .op-pr b{color:var(--ot)}
.tsg-home .op-row:hover .op-tx span,.tsg-home .op-row:hover .op-pr small{opacity:.9}
.tsg-home .op-ic{width:72px;height:64px;object-fit:contain}
.tsg-home .op-row:hover .op-ic{animation:lp-opWig .7s ease-in-out}
@keyframes lp-opWig{25%{transform:rotate(-7deg) scale(1.06)}55%{transform:rotate(5deg) scale(1.06)}80%{transform:rotate(-2deg)}}
.tsg-home .op-tx{display:flex;flex-direction:column;gap:4px;min-width:0}
.tsg-home .op-tx b{font-size:17px;font-weight:900}
.tsg-home .op-tx span{font-size:13.5px;font-weight:700;line-height:1.7;color:#5b6472}
.tsg-home .op-pr{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:flex-end;gap:2px 6px;min-width:200px;text-align:right}
.tsg-home .op-pr small{flex-basis:100%;font-size:11.5px;font-weight:900;color:#7a8494}
.tsg-home .op-pr b{font-family:Fredoka,'Noto Sans JP',sans-serif;font-size:26px;font-weight:700;line-height:1.1;color:var(--oc);letter-spacing:-.01em}
.tsg-home .op-row:nth-child(4) .op-pr b{color:#D99500}
.tsg-home .op-pr i{font-style:normal;font-size:13px;font-weight:900;color:#4b5563}
.tsg-home .op-row:last-child .op-pr b{font-family:inherit;font-size:20px;font-weight:900}
.tsg-home .op-more{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px 22px;margin-top:28px;font-size:14px;font-weight:900;color:#4b5563}
@media (max-width:1023.98px){
  .tsg-home .op-box{margin-top:72px;padding:36px 16px 28px;border-radius:22px}
  .tsg-home .op-gh{width:76px;right:20px;top:-56px}
  .tsg-home .op-row{grid-template-columns:56px 1fr;gap:6px 12px;padding:12px 14px}
  .tsg-home .op-ic{width:56px;height:52px;grid-row:span 2}
  .tsg-home .op-pr{justify-content:flex-start;text-align:left;min-width:0}
  .tsg-home .op-pr small{flex-basis:auto}
  .tsg-home .op-pr b{font-size:21px}
}
@media (prefers-reduced-motion: reduce){.tsg-home .op-gh,.tsg-home .op-ic{animation:none !important}}


/* Integration: retain mock geometry while exposing all catalog limits and keyboard controls. */
.tsg-home .plan2 .nm { margin:0; line-height:normal; }
.tsg-home .plan2 dl { font-size:12px; }
.tsg-home .plan2 dl > div { gap:6px; }
.tsg-home .plan2 dt { white-space:normal; }
.tsg-home .plan2 dd { white-space:nowrap; margin:0; }
.tsg-home .lp-fact-note { font-size:12px; line-height:1.9; margin:20px 0 0; }
.tsg-home .src2 > .lp-fact-note { grid-column:1 / -1; }
.tsg-home button.ask { font:inherit; text-align:left; cursor:pointer; }
.tsg-home .cg-sp img, .tsg-home .cl-think img { width:24px; height:24px; object-fit:contain; }
.tsg-home .lp-motion-toggle { position:fixed; right:12px; bottom:12px; z-index:400; font:700 12px sans-serif; background:#fff; color:#0B2A5B; border:2px solid #0B2A5B; padding:8px 12px; border-radius:999px; cursor:pointer; }
.tsg-home[data-motion="paused"] *, .tsg-home[data-motion="paused"] *::before, .tsg-home[data-motion="paused"] *::after { animation-play-state:paused !important; }
@media (prefers-reduced-motion:reduce) {
 .tsg-home .nk-trav, .tsg-home .nk-routelayer, .tsg-home .nk-route-sec, .tsg-home .nk-rider-sec { display:none !important; }
 .tsg-home .nk-rise, .tsg-home .hx, .tsg-home .mk, .tsg-home .stk { opacity:1 !important; transform:none !important; clip-path:none !important; }
 .tsg-home .dp { --ty:0px !important; --k:1 !important; }
 .tsg-home .hang { --ty:0px !important; --hk:1 !important; }
}

/* Preserve existing links from shared public headers to the old feature anchor. */
.tsg-home .lp-anchor { position:absolute; top:0; scroll-margin-top:70px; }
/* 「全件出品」の条件（独立レビュー指摘）。ヒントのすぐ下に小さく */
.tsg-home .nk-hint.nk-cond{margin-top:4px;font-size:12px;opacity:.9}
/* 紺のボタンはログイン（10/9 オーナー指示でお問い合わせと入れ替え）。封筒ではなくログインのアイコン */
.tsg-home .nk-ct.nk-lg span::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4M10 17l5-5-5-5M15 12H3' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}