/* jcn-vis（2026-10-12）: www.jcn-it.com 全ページ共通の見た目。オリーブ色と生成り、朱の差し色（整備手帳・サービスマニュアルの調子）。
   各ページの <!-- jcn-vis --> ブロックから読み込む。外すときは lp-rebuild-vis-jcn --remove。 */
:root{--jo:#3d4a22;--jo2:#2c3618;--jc:#f6f2e6;--jc2:#ebe5d2;--jl:#d8d0b8;--jv:#d4472a;--jv2:#b53a20;--ji:#1f2416;--jg:#5d6350;
--paper:#f6f2e6!important;--accent:#3d4a22!important;--line:#d8d0b8!important;--line-2:#e6dfca!important;--ink:#1f2416!important;--sub:#555a48!important}
body{background-color:var(--jc)!important;color:var(--ji)}
/* 共通ヘッダー・バナー・相談枠 */
html body header.jcnH{background:var(--jo2)!important;border-bottom:0!important;position:sticky!important;top:0;z-index:200!important;box-shadow:inset 0 -4px 0 var(--jv)}
html body header.jcnH .jcnH__logo img{background:#fff;padding:4px 8px;border-radius:2px;height:39px!important;box-sizing:border-box}
html body header.jcnH .jcnH__name{color:#fff!important;border-left-color:#5c6a3c!important;letter-spacing:.04em}
html body header.jcnH .jcnH__name small{color:#c3c9ac!important}
html body header.jcnH .jcnH__nav a{color:#f1eedc!important}
html body header.jcnH .jcnH__nav a.jcnH__cta{background:var(--jv)!important;color:#fff!important;border-radius:2px!important}
html body header.jcnH .jcnH__nav a.jcnH__cta:hover{background:var(--jv2)!important}
html body .jcnS{background:var(--jc)!important;border-bottom:1px solid var(--jl)!important}
.jcnS__ttl{color:var(--jg)!important;letter-spacing:.08em}
html body .jcnF{background:var(--jc2)!important;border-top:1px solid var(--jl)!important}
html body .jcnF .jcnF__cta{background:var(--jo2)!important;border:0!important;border-radius:2px!important;border-left:10px solid var(--jv)!important;color:#fff}
html body .jcnF .jcnF__t{color:#fff!important}
html body .jcnF .jcnF__d,.jcnF__tel,.jcnF__tel small{color:#dfe2cd!important}
html body .jcnF .jcnF__tel a{color:#fff!important}
html body .jcnF .jcnF__btn{background:var(--jv)!important;color:#fff!important;border-radius:2px!important}
html body .jcnF .jcnF__btn:hover{background:var(--jv2)!important}
html body .jcnF .jcnF__ttl{color:var(--jo)!important;border-bottom-color:var(--jo)!important}
html body .jcnF .jcnF__grid a{border-radius:2px!important;border-color:var(--jl)!important}
html body .jcnF .jcnF__cap b{color:var(--jo)!important}
/* トップ・ガイド一覧（ハブ） */
header:has(>.wrap.hero){position:relative;overflow:hidden;background:var(--jo2)!important;border-bottom:6px solid var(--jv)!important;color:#fff}
header:has(>.wrap.hero):before{content:"";position:absolute;inset:0;background:url(/assets/jcv-hero-poster.webp) center/cover no-repeat;opacity:.55}
header:has(>.wrap.hero):after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(44,54,24,.94) 0,rgba(44,54,24,.7) 55%,rgba(44,54,24,.25) 100%);z-index:1}
header:has(>.wrap.hero) .jcv-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.75}
.wrap.hero{position:relative;z-index:2;padding:88px 24px 70px!important}
.wrap.hero .badge{color:#e7c9a0!important;border-left:4px solid var(--jv);padding-left:12px}
.wrap.hero h1{color:#fff!important;font-size:clamp(1.7rem,4vw,3.05rem)!important;font-weight:700!important;line-height:1.45!important;letter-spacing:.04em!important;text-shadow:0 2px 18px rgba(0,0,0,.4)}
.wrap.hero p.lead,.wrap.hero>p{color:#e9ecd9!important}
.wrap.hero .stats{border-color:rgba(246,242,230,.35)!important}
.wrap.hero .stat b{color:#fff!important;font-size:1.9rem!important}
.wrap.hero .stat span{color:#d5d9c1!important}
.wrap.hero .btn{background:var(--jv)!important;border-radius:2px!important;padding:15px 34px!important}
.wrap.hero .btn:hover{background:var(--jv2)!important}
.catnav{top:59px!important;background:rgba(246,242,230,.95)!important;border-bottom:1px solid var(--jl)!important}
.cat{--c:#3d4a22!important;--t:#ebe5d2!important}
.cat-h{border-radius:0!important;border:0!important;border-left:10px solid var(--jv)!important;background:var(--jo2)!important}
.cat-h h2,.cat-h h2 a{color:#fff!important}
.cat-note{color:#d5d9c1!important}
.cat-h .count{background:var(--jv)!important;border-radius:2px!important}
.card,.sis a,.hsec,.hfaq,.intro,.cat-lead,.blk,.oc{border-radius:2px!important;border-color:var(--jl)!important}
.card{border-top:3px solid var(--jo)!important;position:relative;transition:transform .15s,box-shadow .15s,background .15s!important}
.card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(44,54,24,.14);background:#fff!important}
.card .go{color:var(--jv)!important}
.grid{counter-reset:jc}
.grid .card{counter-increment:jc}
.grid .card:before{content:"No." counter(jc,decimal-leading-zero);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;letter-spacing:.14em;color:var(--jg);margin-bottom:8px}
.hblk>h2.hh,.sec>h2{border-bottom:2px solid var(--jo)!important;color:var(--jo2)!important;position:relative}
.hsec h2,.sis .t{color:var(--jo)!important}
.hsec{border-left:5px solid var(--jo)!important}
.hfaq h3::before{background:var(--jv)!important}
body>footer:not(.jg-foot){background:var(--jo2)!important;border-top:0!important;color:#d5d9c1!important}
body>footer:not(.jg-foot) h3,body>footer .jcn-official .ttl{color:#fff!important}
body>footer .jcn-official a{color:#f1eedc!important}
body>footer .off{border-top-color:#55633a!important}
body>footer .cp{border-top-color:#55633a!important;color:#b9bf9f!important}
/* 新しい実務ガイド（jg） */
.jg-hero{position:relative;background:var(--jo2) url(/assets/jcv-hero-poster.webp) center/cover no-repeat!important;padding:64px 20px 46px!important;border-bottom:6px solid var(--jv)}
.jg-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(44,54,24,.95) 0,rgba(44,54,24,.78) 60%,rgba(44,54,24,.4) 100%)}
.jg-hero .in{position:relative}
.jg-cat{border:0!important;border-left:4px solid var(--jv)!important;border-radius:0!important;padding:0 0 0 12px!important;color:#e7c9a0;letter-spacing:.14em!important}
.jg-hero h1{font-size:clamp(23px,2.8vw,34px)!important;letter-spacing:.02em}
.jg-date{color:#d5d9c1!important;font-family:ui-monospace,Menlo,Consolas,monospace}
.jg{background:#fffdf7;box-shadow:0 0 0 1px var(--jl);margin-top:26px!important;margin-bottom:40px!important;padding:38px 44px 50px!important}
.jg h2{color:var(--jo2)!important;border-bottom:2px solid var(--jo)!important;position:relative;padding-left:16px!important}
.jg h2:before{content:"";position:absolute;left:0;top:.25em;bottom:14px;width:6px;background:var(--jv)}
.jg h3{color:var(--jo)!important}
.jg a,.jg-toc a{color:#31631f!important}
.jg-toc{background:var(--jc)!important;border:0!important;border-left:5px solid var(--jo)!important;border-radius:0!important}
.jg-toc p,.jg-point__t,.jg-rel p,.jg-faq dt{color:var(--jo2)!important}
.jg-table th{background:var(--jo2)!important;color:#fff!important;border-color:var(--jo2)!important}
.jg-table td{border-color:var(--jl)!important}
.jg-point{background:var(--jc)!important;border:0!important;border-top:4px solid var(--jo)!important;border-radius:0!important}
.jg-note{background:#fff!important;border:1px dashed var(--jv)!important;border-radius:0!important}
.jg-faq dd::before{color:var(--jv)!important}
.jg-faq dd{border-bottom-color:var(--jl)!important}
.jg-rel{border-top:2px solid var(--jo)!important}
.jg-rel a{border-radius:2px!important;border-color:var(--jl)!important;border-left:4px solid var(--jo)!important}
.jg-rel a:hover{border-color:var(--jv)!important}
footer.jg-foot{background:var(--jo2)!important}
/* 以前からのガイド（図版つき） */
body.grid-paper{background-image:none!important}
.text-blue-950,.text-blue-900,.text-blue-800{color:var(--jo2)!important}
.bg-blue-950,.bg-blue-900{background-color:var(--jo2)!important}
.text-orange-600,.text-orange-500{color:var(--jv)!important}
.border-orange-500,.border-orange-400\/40{border-color:var(--jv)!important}
.bg-orange-500\/10{background-color:rgba(212,71,42,.1)!important}.border-orange-500\/30{border-color:rgba(212,71,42,.35)!important}
.bg-blue-900\/5{background-color:rgba(61,74,34,.07)!important}.border-blue-900\/15,.border-blue-900\/20,.border-blue-900\/30{border-color:rgba(61,74,34,.28)!important}
.from-orange-600{background-image:none!important;background-color:var(--jv)!important;box-shadow:none!important;border-radius:2px!important}
.rounded-2xl,.rounded-xl,.rounded-lg{border-radius:3px!important}
.rounded-full{border-radius:2px!important}
.shadow-2xl,.shadow-xl{box-shadow:0 14px 34px rgba(44,54,24,.14)!important}
.bg-white\/70{background-color:var(--jc2)!important}
.lp-contact{background:var(--jc2)!important}
.lp-contact .in{border-radius:2px!important;border-color:var(--jl)!important;border-top:4px solid var(--jo)!important}
.lp-contact h2,.lp-contact .tel a{color:var(--jo2)!important}
.lp-contact .btn{background:var(--jv)!important;border-radius:2px!important}
.jcv-wm{position:relative;display:block}
.jcv-wm:after{content:"";position:absolute;right:0;bottom:0;width:17%;height:7.5%;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:rgba(238,240,236,.55)}
.jcn-nav,.jcn-sib,.jcn-cats{--c:#3d4a22}
@media(max-width:720px){.wrap.hero{padding:54px 20px 44px!important}.jg{padding:24px 16px 36px!important;margin-top:0!important}.jg-hero{padding:44px 16px 30px!important}.jcnH__name small{display:none}.jcnH__logo img{height:32px!important}.catnav{top:50px!important}}
@media print{.jcv-v{display:none}}
@media(max-width:720px){html body header.jcnH .jcnH__in{padding:8px 10px!important;gap:8px!important}html body header.jcnH .jcnH__logo{gap:8px!important;min-width:0}html body header.jcnH .jcnH__logo img{height:28px!important;padding:3px 5px!important}html body header.jcnH .jcnH__name{font-size:12.5px!important;padding-left:8px!important;line-height:1.35!important}html body header.jcnH .jcnH__nav a.jcnH__lk{display:none!important}html body header.jcnH .jcnH__nav a.jcnH__cta{font-size:12.5px!important;padding:8px 10px!important;margin-left:0!important}}
@media(max-width:400px){html body header.jcnH .jcnH__logo img{height:22px!important}}