:root{--kjn-blue:#0466c8;--kjn-dark:#004081;--kjn-pale:#eaf3fc;--kjn-orange:#f64c03;--kjn-orange-dark:#cb4004;--kjn-ink:#1a1f36;--kjn-gray:#525d67;--kjn-mid:#6b7280;--kjn-line:#e5e7eb;--kjn-yellow:#feec6d;--kjn-red:#e5484d}
.kjn-layout>article{min-width:0}.kjn-postcontent,.kjn-article-part{min-width:0;max-width:100%}.kjn-article-part{margin:0 0 24px;color:var(--kjn-ink);font-family:"Noto Sans JP",sans-serif}.kjn-article-part *{box-sizing:border-box}.kjn-article-part a{text-decoration:none}.kjn-article-part .sz-marker-yellow,body .kjn-postcontent .sz-marker-yellow{background:linear-gradient(transparent 60%,var(--kjn-yellow) 0)}
.kjn-article-part .ah2{margin:0 0 20px;padding:13px 18px;color:#fff;background:var(--kjn-blue);border-radius:6px;font-size:22px;font-weight:800;line-height:1.5}.kjn-postcontent h2.ah2::before{content:none}.kjn-article-part .ah3{margin:28px 0 16px;padding:0 0 8px;color:#333;border:0;border-bottom:3px solid #4d8ddd;font-size:18.5px;font-weight:800;line-height:1.6}.kjn-postcontent .kjn-article-part>h3.ah3{margin:28px 0 16px!important;padding:0 0 8px}.kjn-postcontent .kjn-article-part>h3.ah3::before,.kjn-postcontent .kjn-article-part>h3.ah3::after{content:none}.kjn-article-part .ah4{margin:24px 0 14px;padding-left:12px;color:var(--kjn-ink);border-left:4px solid var(--kjn-blue);font-size:16px;font-weight:800;line-height:1.5}.kjn-article-part .ap{margin:0 0 16px;font-size:15.5px;line-height:2.05}
.kjn-article-part .ul1,.kjn-article-part .ol1{display:flex;margin:16px 0;padding:0;flex-direction:column;gap:10px;list-style:none}.kjn-article-part .ul1 li,.kjn-article-part .ol1 li{position:relative;padding-left:30px;font-size:15px;font-weight:500;line-height:1.7}.kjn-article-part .ul1 li:before{position:absolute;left:0;color:var(--kjn-blue);font-weight:900;content:""}.kjn-article-part .ol1{counter-reset:kjn-order}.kjn-article-part .ol1 li{padding-left:38px;counter-increment:kjn-order}.kjn-article-part .ol1 li:before{position:absolute;left:0;top:1px;display:flex;width:24px;height:24px;align-items:center;justify-content:center;color:#fff;background:var(--kjn-blue);border-radius:50%;font:800 12px/1 Inter,sans-serif;content:counter(kjn-order)}
.kjn-article-part .pbox,.kjn-article-part .memo,.kjn-article-part .warn{margin:0 0 16px;padding:18px 22px;border-radius:10px}.kjn-article-part .pbox{background:var(--kjn-pale)}.kjn-article-part .pboxt,.kjn-article-part .memot{margin:0 0 8px;color:var(--kjn-dark);font-size:13.5px;font-weight:800}.kjn-article-part .plist{margin:0;padding-left:22px;font-size:14.5px;font-weight:500;line-height:2.05}.kjn-article-part .memo{background:#fff;border:2px dashed #a1c3e5}.kjn-article-part .memop{margin:0;font-size:14px;font-weight:500;line-height:1.9}.kjn-article-part .warn{display:flex;align-items:flex-start;gap:14px;background:#fff;border:2px solid var(--kjn-red)}.kjn-article-part .warn img{width:40px;height:40px;object-fit:contain}.kjn-article-part .warnt{margin:0 0 4px;color:var(--kjn-red);font-size:14.5px;font-weight:800}.kjn-article-part .warnp{margin:0;color:var(--kjn-gray);font-size:13.5px;line-height:1.9}
.kjn-article-part .quote{position:relative;margin:0 0 22px;padding:18px 24px;background:#f5f6f7;border:0;border-left:5px solid var(--kjn-blue);border-radius:0 8px 8px 0}.kjn-article-part .quotep{margin:0;color:var(--kjn-gray);font-size:14.5px;font-weight:500;font-style:normal;line-height:1.95}.kjn-article-part .quotec{margin:10px 0 0;color:var(--kjn-mid);font-size:12px;font-weight:700}.kjn-article-part .quotem{position:absolute;right:16px;top:8px;color:#a1c3e5;font:40px/1 Georgia,serif}.kjn-article-part .bub{display:flex;margin:0 0 14px;align-items:flex-start;gap:14px}.kjn-article-part .bub.r{flex-direction:row-reverse}.kjn-article-part .bubav{width:60px;flex:none;text-align:center}.kjn-article-part .bubface{display:flex;width:60px;height:60px;align-items:center;justify-content:center;overflow:hidden;background:var(--kjn-pale);border-radius:50%;font-size:24px}.kjn-article-part .bubface img{width:100%;height:100%;object-fit:cover}.kjn-article-part .bubname{display:block;margin-top:5px;color:var(--kjn-gray);font-size:10.5px;font-weight:700}.kjn-article-part .bubtxt{position:relative;max-width:520px;padding:13px 18px;background:#fff;border:2px solid #a1c3e5;border-radius:12px;font-size:14px;font-weight:500;line-height:1.8}.kjn-article-part .bub.q .bubtxt{background:var(--kjn-pale);border-color:var(--kjn-pale)}
.kjn-article-part .table-scroll{max-width:100%;overflow-x:auto}.kjn-article-part .tbl,.kjn-article-part .ptbl,.kjn-article-part .mtx{width:100%;min-width:640px;table-layout:auto;border-collapse:collapse}.kjn-article-part :is(.tbl,.ptbl,.mtx) :is(th,td){min-width:260px}.kjn-article-part .th{padding:10px 14px;color:#fff;background:var(--kjn-blue);border:1px solid #fff;font-size:13.5px;font-weight:700;text-align:left}.kjn-article-part .td{padding:12px 14px;border:1px solid var(--kjn-line);font-size:14px;line-height:1.8;vertical-align:top}.kjn-article-part .tdk{color:var(--kjn-dark);background:var(--kjn-pale);font-weight:800;white-space:nowrap}.kjn-article-part .tdn{white-space:nowrap}
.kjn-article-part .fig{margin:0}.kjn-article-part .figimg{display:block;width:100%;border-radius:12px;aspect-ratio:1200/630;object-fit:cover}.kjn-article-part .figcap{margin:9px 0 0;color:var(--kjn-mid);font-size:11.5px;font-weight:600;text-align:center}
.kjn-article-part .md{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kjn-article-part .mdc{overflow:hidden;background:#fff;border:2px solid var(--kjn-blue);border-radius:12px}.kjn-article-part .mdc.dem{border-color:var(--kjn-mid)}.kjn-article-part .mdh{margin:0;padding:9px;color:#fff;background:var(--kjn-blue);font-size:15px;font-weight:800;text-align:center}.kjn-article-part .dem .mdh{background:var(--kjn-mid)}.kjn-article-part .mdb{padding:16px 20px}.kjn-article-part .mdl{display:flex;margin:0;padding:0;flex-direction:column;gap:9px;list-style:none}.kjn-article-part .mdl li{position:relative;padding-left:24px;font-size:13.5px;font-weight:500;line-height:1.7}.kjn-article-part .mdl li:before{position:absolute;left:0;color:var(--kjn-blue);content:""}.kjn-article-part .dem .mdl li:before{color:var(--kjn-mid);content:""}
.kjn-article-part .chk{overflow:hidden;background:#fff;border:2px solid var(--kjn-blue);border-radius:12px}.kjn-article-part .chkh{margin:0;padding:10px 18px;color:#fff;background:var(--kjn-blue);font-size:14.5px;font-weight:800}.kjn-article-part .chkb{display:flex;padding:16px 22px;flex-direction:column;gap:12px}.kjn-article-part .chkrow{display:flex;align-items:flex-start;gap:12px;font-size:14.5px;font-weight:600;line-height:1.6}.kjn-article-part .chkbox{display:flex;width:22px;height:22px;margin-top:1px;align-items:center;justify-content:center;flex:none;color:var(--kjn-blue);border:2px solid var(--kjn-blue);border-radius:5px;font-size:12px}
.kjn-article-part .rvw{display:flex;padding:20px 24px;align-items:flex-start;gap:16px;background:#fff;border-radius:14px;box-shadow:0 2px 8px #0000001f}.kjn-article-part .rvwface{display:block;width:56px;height:56px;overflow:hidden;flex:none;background:var(--kjn-pale);border-radius:50%}.kjn-article-part .rvwface img{width:100%;height:100%;object-fit:cover}.kjn-article-part .rvwstar{margin:0 0 5px;color:#efbc1e;font-size:14px;letter-spacing:2px}.kjn-article-part .rvwt{margin:0 0 6px;font-size:14.5px;font-weight:800;line-height:1.6}.kjn-article-part .rvwp{margin:0;color:var(--kjn-gray);font-size:13px;font-weight:500;line-height:1.85}.kjn-article-part .rvwn{margin:8px 0 0;color:var(--kjn-mid);font-size:11px;font-weight:700}
.kjn-article-part .blogcard{display:flex;overflow:hidden;margin-bottom:18px;gap:16px;color:var(--kjn-ink);background:#fff;border:1px solid var(--kjn-line);border-radius:12px}.kjn-article-part .blogcard:hover{box-shadow:0 4px 14px #0000001f}.kjn-article-part .bcimg{width:180px;flex:none;object-fit:cover}.kjn-article-part .bcbody{display:flex;padding:14px 16px 14px 0;flex-direction:column;justify-content:center;gap:6px}.kjn-article-part .bclbl{color:var(--kjn-orange);font-size:10.5px;font-weight:800}.kjn-article-part .bct{font-size:15px;font-weight:800;line-height:1.6}.kjn-article-part .bcd{color:var(--kjn-gray);font-size:12px;font-weight:500;line-height:1.7}.kjn-article-part .klist{display:flex;margin:0;padding:0;flex-direction:column;list-style:none}.kjn-article-part .klist li{border-bottom:1px dashed #d1d5db}.kjn-article-part .klist a{display:block;padding:11px 4px;color:var(--kjn-ink);font-size:14px;font-weight:700;line-height:1.6}
.kjn-article-part .wpline{display:flex;margin-bottom:20px;padding:16px 20px;align-items:center;gap:18px;background:#fff;border:3px solid var(--kjn-blue);border-radius:12px}.kjn-article-part .wpline>img{width:100px;height:88px;object-fit:contain}.kjn-article-part .wpline>div{flex:1}.kjn-article-part .wplk{margin:0 0 4px;color:var(--kjn-orange);font-size:12.5px;font-weight:800}.kjn-article-part .wplt{margin:0;font-size:16.5px;font-weight:800;line-height:1.5}.kjn-article-part .jban{display:flex;padding:22px 26px;align-items:center;gap:24px;background:var(--kjn-blue);border-radius:12px}.kjn-article-part .jbimg{width:112px;height:124px;align-self:flex-end;flex:none;object-fit:contain}.kjn-article-part .jban>div{flex:1}.kjn-article-part .jbk{margin:0 0 6px;color:var(--kjn-yellow);font-size:13px;font-weight:800}.kjn-article-part .jbt{margin:0;color:#fff;font-size:19px;font-weight:900;line-height:1.6}.kjn-article-part .jbs{margin:8px 0 0;color:#ffffffd9;font-size:12px;line-height:1.7}.kjn-article-part .kjn-part-btn{display:inline-flex;min-width:190px;min-height:46px;padding:8px 16px;align-items:center;justify-content:center;color:#fff!important;background:var(--kjn-orange);border-radius:6px;box-shadow:0 3px 0 var(--kjn-orange-dark);font-size:13px;font-weight:800;text-align:center}
.kjn-article-part .lead{padding:20px 26px;background:var(--kjn-pale);border-radius:12px}.kjn-article-part .leadh{margin:0 0 12px;color:var(--kjn-dark);font-size:14.5px;font-weight:800}.kjn-article-part .leadl{display:flex;margin:0;padding:0;flex-direction:column;gap:9px;list-style:none}.kjn-article-part .leadl li{position:relative;padding-left:26px;font-size:14.5px;font-weight:600;line-height:1.7}.kjn-article-part .leadl li:before{position:absolute;left:0;color:var(--kjn-blue);content:""}
.kjn-article-part .ptbl{border-collapse:separate;border-spacing:0;min-width:620px}.kjn-article-part .ptbl th,.kjn-article-part .ptbl td{padding:12px 14px;border-bottom:1px solid var(--kjn-line);font-size:14px;text-align:center}.kjn-article-part .ptbl thead th{color:var(--kjn-gray);background:#f5f6f7;font-size:12.5px}.kjn-article-part .ptbl thead .rec{position:relative;color:#fff;background:var(--kjn-orange);border-radius:8px 8px 0 0}.kjn-article-part .ptbl td.rec{background:#fff7f2}.kjn-article-part .ptbl .rowh{color:var(--kjn-dark);background:var(--kjn-pale);font-weight:800;text-align:left;white-space:nowrap}.kjn-article-part .price{font:800 19px/1 Inter,sans-serif}.kjn-article-part .recbdg{position:absolute;left:50%;top:-11px;padding:2px 12px;color:var(--kjn-ink);background:var(--kjn-yellow);border-radius:100px;font-size:10px;font-weight:900;white-space:nowrap;transform:translateX(-50%)}.kjn-article-part .note{margin:10px 0 0;color:var(--kjn-mid);font-size:11px}
.kjn-article-part.acc{overflow:hidden;margin-bottom:10px;background:#fff;border:2px solid #a1c3e5;border-radius:10px}.kjn-article-part.acc summary{padding:14px 18px;font-size:14.5px;font-weight:800;cursor:pointer}.kjn-article-part.acc>p{margin:0;padding:0 18px 16px;color:var(--kjn-gray);font-size:13.5px;line-height:1.9}
.kjn-article-part.acc+.kjn-article-part.acc{margin-top:12px!important}
.kjn-article-part .tabs{overflow:hidden;border:1px solid var(--kjn-line);border-radius:12px}.kjn-article-part .tabs input{position:absolute;opacity:0;pointer-events:none}.kjn-article-part .tabbar{display:flex;background:#f5f6f7}.kjn-article-part .tablbl{flex:1;padding:12px;color:var(--kjn-gray);border-bottom:2px solid transparent;font-size:13.5px;font-weight:800;text-align:center;cursor:pointer}.kjn-article-part .tabpane{display:none;padding:20px 24px;font-size:14px;font-weight:500;line-height:1.9}.kjn-article-part #kjn-tab-a:checked~.tabbar label[for=kjn-tab-a],.kjn-article-part #kjn-tab-b:checked~.tabbar label[for=kjn-tab-b]{color:var(--kjn-dark);background:#fff;border-bottom-color:var(--kjn-blue)}.kjn-article-part #kjn-tab-a:checked~.tabwrap .pA,.kjn-article-part #kjn-tab-b:checked~.tabwrap .pB{display:block}
.kjn-article-part .term{padding:14px 20px;background:#fff;border:1px solid #a1c3e5;border-left:5px solid var(--kjn-blue);border-radius:0 8px 8px 0}.kjn-article-part .termw{margin:0 0 5px;color:var(--kjn-dark);font-size:14.5px;font-weight:800}.kjn-article-part .termd{margin:0;color:var(--kjn-gray);font-size:13.5px;font-weight:500;line-height:1.9}
.kjn-article-part .auth{display:flex;padding:20px 24px;align-items:flex-start;gap:18px;background:#f5f6f7;border-radius:12px}.kjn-article-part .authface{display:block;width:64px;height:64px;overflow:hidden;flex:none;background:var(--kjn-pale);border-radius:50%}.kjn-article-part .authface img{width:100%;height:100%;object-fit:cover}.kjn-article-part .authrole{margin:0;color:var(--kjn-blue);font-size:11px;font-weight:800}.kjn-article-part .authname{margin:2px 0 6px;font-size:16px;font-weight:800}.kjn-article-part .authbio{margin:0;color:var(--kjn-gray);font-size:12.5px;font-weight:500;line-height:1.85}.kjn-article-part .authsns{display:flex;margin-top:10px;gap:12px}.kjn-article-part .authsns a{color:var(--kjn-blue);font-size:12px;font-weight:800}
.kjn-article-part .meta{display:flex;padding:14px 0;flex-direction:column;gap:8px;border-top:1px solid var(--kjn-line);border-bottom:1px solid var(--kjn-line)}.kjn-article-part .metarow{display:flex;gap:10px;color:var(--kjn-gray);font-size:12.5px;font-weight:600}.kjn-article-part .srcl{margin:0;padding-left:20px;color:var(--kjn-gray);font-size:12.5px;line-height:1.9}
.kjn-article-part .ubar{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.kjn-article-part .uback{display:inline-flex;padding:8px 20px;align-items:center;gap:8px;color:var(--kjn-blue);background:#fff;border:1.5px solid var(--kjn-blue);border-radius:100px;font-size:13px;font-weight:700}.kjn-article-part .sharelabel{margin-left:6px;color:var(--kjn-mid);font-size:12px;font-weight:700}.kjn-article-part .share{display:flex;width:40px;height:40px;align-items:center;justify-content:center;color:#fff;border-radius:50%;font-size:14px;font-weight:800}.kjn-article-part .fb{background:#1877f2}.kjn-article-part .tw{background:#111}.kjn-article-part .ln{background:#06c755}.kjn-article-part .lk{background:var(--kjn-mid)}
.kjn-article-part .dline{display:flex;padding:18px 24px;align-items:center;flex-wrap:wrap;gap:20px;background:var(--kjn-ink);border-radius:12px}.kjn-article-part .dlinei{flex:none;color:var(--kjn-yellow);font-size:30px}.kjn-article-part .dlinet{min-width:200px;margin:0;flex:1;color:#fff;font-size:15px;font-weight:800;line-height:1.6}.kjn-article-part .dlinet small{display:block;margin-top:3px;color:#ffffffb3;font-size:11.5px;font-weight:600}.kjn-article-part .dlinec{display:flex;flex:none;gap:8px}.kjn-article-part .dcbox{min-width:52px;padding:8px 12px;background:var(--kjn-blue);border-radius:8px;text-align:center}.kjn-article-part .dcnum{display:block;color:#fff;font:800 22px/1 Inter,sans-serif}.kjn-article-part .dclbl{display:block;margin-top:3px;color:#ffffffcc;font-size:9.5px;font-weight:700}
.kjn-article-part .concl{padding:18px 22px;background:#fff7f2;border:2px solid var(--kjn-orange);border-radius:12px}.kjn-article-part .conclt{margin:0 0 8px;color:var(--kjn-orange);font-size:14px;font-weight:800}.kjn-article-part .conclp{margin:0;font-size:15px;font-weight:600;line-height:1.95}
.kjn-article-part .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.kjn-article-part .statc{padding:18px 12px;background:var(--kjn-pale);border-radius:12px;text-align:center}.kjn-article-part .statn{display:block;color:var(--kjn-dark);font:800 34px/1 Inter,sans-serif}.kjn-article-part .statn small{font-size:15px}.kjn-article-part .statl{display:block;margin-top:9px;color:var(--kjn-gray);font-size:11.5px;font-weight:700;line-height:1.5}
.kjn-article-part .mtx{min-width:560px}.kjn-article-part .mtx th,.kjn-article-part .mtx td{padding:11px 12px;border:1px solid var(--kjn-line);font-size:13px;line-height:1.6;text-align:center}.kjn-article-part .mtx thead th{color:#fff;background:var(--kjn-blue)}.kjn-article-part .mtx .rowh{color:var(--kjn-dark);background:var(--kjn-pale);font-weight:800;text-align:left;white-space:nowrap}.kjn-article-part .mtx .o{color:var(--kjn-blue);font-size:16px;font-weight:900}.kjn-article-part .mtx .t{color:#e0a400;font-size:16px;font-weight:900}.kjn-article-part .mtx .x{color:var(--kjn-mid);font-size:16px;font-weight:900}
.kjn-article-part .gal2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.kjn-article-part .gal2 figure{margin:0}.kjn-article-part .gal2 img{display:block;width:100%;border-radius:10px;aspect-ratio:1200/630;object-fit:cover}.kjn-article-part .gal2 figcaption{margin-top:8px;color:var(--kjn-mid);font-size:11.5px;font-weight:600;text-align:center}
.kjn-article-part .tl{margin:0;padding:0 0 0 4px;list-style:none}.kjn-article-part .tlrow{position:relative;display:flex;padding:0 0 20px;gap:16px}.kjn-article-part .tlrow:not(:last-child):before{position:absolute;left:6px;top:16px;bottom:0;width:2px;background:#a1c3e5;content:""}.kjn-article-part .tldot{z-index:1;width:14px;height:14px;margin-top:3px;flex:none;background:var(--kjn-blue);border:3px solid var(--kjn-pale);border-radius:50%}.kjn-article-part .tly{margin:0;color:var(--kjn-dark);font:800 14px/1.5 Inter,sans-serif}.kjn-article-part .tlt{margin:2px 0 0;font-size:14px;font-weight:700}.kjn-article-part .tld{margin:4px 0 0;color:var(--kjn-gray);font-size:12.5px;font-weight:500;line-height:1.7}
.kjn-article-part .fnp{margin:0;font-size:15px;line-height:2.05}.kjn-article-part .fnref{color:#2b64c1;font-size:11px;font-weight:800;vertical-align:super}.kjn-article-part .fnlist{margin:14px 0 0;padding:14px 0 0;border-top:1px solid var(--kjn-line);list-style:none}.kjn-article-part .fnlist li{position:relative;padding-left:28px;color:var(--kjn-gray);font-size:11.5px;line-height:1.8}.kjn-article-part .fnlist li span{position:absolute;left:0;color:#2b64c1;font-weight:800}
.kjn-article-part .step3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.kjn-article-part .s3c{position:relative;padding:20px 16px;background:#fff;border:2px solid #a1c3e5;border-radius:12px;text-align:center}.kjn-article-part .s3n{display:flex;width:38px;height:38px;margin:0 auto 10px;align-items:center;justify-content:center;color:#fff;background:var(--kjn-blue);border-radius:50%;font:800 16px/1 Inter,sans-serif}.kjn-article-part .s3t{margin:0 0 5px;font-size:14px;font-weight:800}.kjn-article-part .s3d{margin:0;color:var(--kjn-gray);font-size:12px;font-weight:500;line-height:1.7}
.kjn-article-part .anch{display:flex;flex-direction:column;gap:8px}.kjn-article-part .ancha{display:flex;padding:13px 18px;align-items:center;gap:12px;color:var(--kjn-ink);background:#fff;border:2px solid #a1c3e5;border-radius:10px;font-size:14px;font-weight:800}.kjn-article-part .ancha>span:last-child{margin-left:auto;color:var(--kjn-blue)}.kjn-article-part .anchn{display:flex;width:24px;height:24px;align-items:center;justify-content:center;flex:none;color:#fff;background:var(--kjn-blue);border-radius:6px;font:800 12px/1 Inter,sans-serif}
.kjn-article-part .dlgrid,.kjn-article-part .dlbannergrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.kjn-article-part .dlrow{display:flex;padding:12px 16px;align-items:center;gap:14px;color:var(--kjn-ink);background:#fff;border:2px solid var(--kjn-blue);border-radius:10px}.kjn-article-part .dlrow img{width:64px;height:52px;object-fit:contain}.kjn-article-part .dlt{flex:1;font-size:14px;font-weight:700;line-height:1.6}.kjn-article-part .dlfree{padding:3px 10px;flex:none;color:#fff;background:var(--kjn-orange);border-radius:100px;font-size:11px;font-weight:800}.kjn-article-part .dlbanner{display:block;overflow:hidden;aspect-ratio:792/476;border-radius:12px;box-shadow:0 2px 8px #00000024}.kjn-article-part .dlbanner:hover{opacity:.85}.kjn-article-part .dlbanner img{display:block;width:100%;height:100%;object-fit:cover}
.kjn-article-part .phonecta{display:flex;max-width:900px;min-height:180px;margin:auto;padding:24px 46px;align-items:center;justify-content:center;gap:60px;color:#fff!important;background:var(--kjn-blue);border-radius:12px}.kjn-article-part .phonecta-msg,.kjn-article-part .phonecta-info{display:flex;flex-direction:column;align-items:center;text-align:center}.kjn-article-part .phonecta-msg img{width:150px;height:100px;object-fit:contain}.kjn-article-part .phonecta-msg strong{font-size:14px}.kjn-article-part .phonecta-info b{font:700 46px/1 Inter,sans-serif}.kjn-article-part .phonecta-info>span{display:flex;margin-top:14px;gap:10px}.kjn-article-part .phonecta-info small{min-width:140px;padding:6px 12px;border:1px solid #fff;border-radius:3px;font-size:11px}
.kjn-article-part .ptbl-wrap{width:100%;max-width:100%;padding-top:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.kjn-article-part .wpline .kjn-part-btn{width:200px}.kjn-article-part .jban .kjn-part-btn{width:220px;flex:none}.kjn-article-part .wpline>div,.kjn-article-part .jban>div,.kjn-article-part .auth>div{min-width:0}.kjn-article-part .kjn-part-btn span{margin-left:8px}.kjn-article-part .kjn-cvfaqset{width:100%;max-width:none;margin:24px 0 0}.kjn-article-part .kjn-cvfaqset article{margin:0}.kjn-article-part .kjn-cvfaqset article[open] p{padding-top:18px;border-top:1px dashed #d1d5db}.kjn-article-part .kjn-cvfaqset button span{width:24px;height:24px;flex:none;background:url("images/circle-plus.png") center/contain no-repeat;font-size:0}.kjn-article-part .kjn-cvfaqset article[open] button span{background-image:url("images/circle-minus.png")}.kjn-article-part .kjn-cvfaqset article[open] button span:after{content:none}.kjn-article-part .auth{background:#f8f8f8}.kjn-article-part .auth>div{flex:1}.kjn-article-part .authsns a{font-size:15px}.kjn-article-part .dline{background:#1a1f36}
.kjn-article-part .jban .kjn-part-btn{align-self:flex-end}.kjn-article-part .kjn-chevron-right{display:inline-block;width:11px;height:11px;margin-left:12px;flex:none;border-top:3px solid currentColor;border-right:3px solid currentColor;transform:rotate(45deg)}.kjn-article-part .kjn-ui-icon{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.kjn-article-part .metarow>.kjn-ui-icon{flex:none}
.kjn-postcontent>h2.ah2{margin:44px 0 20px}.kjn-postcontent>.kjn-article-part>h2.ah2{margin-top:44px!important}.kjn-postcontent>h3.ah3{margin:32px 0 14px}.kjn-postcontent>.pbox>h3{margin:0 0 8px;color:var(--kjn-dark);border:0;font-size:14px}.kjn-postcontent>.pbox>ul{margin:0}.kjn-postcontent>.memo>h3{margin:0 0 8px;color:var(--kjn-dark);border:0;font-size:14px}.kjn-postcontent>.memo>p{margin:0;color:var(--kjn-gray);font-size:14px;line-height:1.9}.kjn-postcontent>ul.ul1{display:flex;margin:16px 0 24px;padding:0;flex-direction:column;gap:10px;list-style:none}.kjn-postcontent>ul.ul1 li{position:relative;padding-left:30px;font-size:15px;font-weight:500;line-height:1.7}.kjn-postcontent>ul.ul1 li:before{position:absolute;left:0;color:var(--kjn-blue);font-weight:900;content:""}.kjn-postcontent>ul.srcl{margin:14px 0 24px;padding:14px 0 0 20px;border-top:1px solid var(--kjn-line)}
.kjn-article-part .sum{overflow:hidden;border:3px solid var(--kjn-blue);border-radius:16px}.kjn-article-part .sumh{display:flex;margin:0;padding:11px 20px;align-items:center;gap:10px;color:#fff;background:var(--kjn-blue);font-size:16px;font-weight:800}.kjn-article-part .sumi{display:flex;width:20px;height:20px;align-items:center;justify-content:center;flex:none;color:var(--kjn-blue);background:#fff;border-radius:50%;font-size:13px}.kjn-article-part .sumb{padding:20px 24px}.kjn-article-part .sumb .ul1{margin:0}
.kjn-article-part .eye{position:relative;overflow:hidden;margin:0;border-radius:12px;box-shadow:0 2px 8px #00000024}.kjn-article-part .eye+.eye{margin-top:20px}.kjn-article-part .eyeimg{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover}.kjn-article-part .eyecat{position:absolute;z-index:1;left:14px;top:14px;padding:5px 14px;color:#fff;background:var(--kjn-dark);border-radius:100px;font-size:12px;font-weight:700}.kjn-article-part .eye--caption{overflow:visible;box-shadow:none}.kjn-article-part .eyecap{margin:10px 0 0;color:var(--kjn-mid);font-size:11.5px;font-weight:600}
.kjn-article-part .qa{display:flex;flex-direction:column;gap:20px}.kjn-article-part .qaitem{display:flex;flex-direction:column;gap:12px}.kjn-article-part .qaq{display:flex;padding:14px 18px;align-items:center;gap:14px;background:#eef1f4;border-radius:8px}.kjn-article-part .qaa{display:flex;padding:0 18px;align-items:flex-start;gap:14px}.kjn-article-part .qab{display:flex;width:30px;height:30px;margin-top:1px;align-items:center;justify-content:center;flex:none;color:#fff;border-radius:50%;font:800 14px/1 Inter,sans-serif}.kjn-article-part .qabq{background:var(--kjn-ink)}.kjn-article-part .qaba{background:var(--kjn-blue)}.kjn-article-part .qaqt{margin:0;color:var(--kjn-ink);font-size:15px;font-weight:800;line-height:1.6}.kjn-article-part .qaat{margin:0;font-size:14.5px;font-weight:500;line-height:1.95}
.kjn-article-part .kjn-demo-h1{margin:0;color:var(--kjn-ink);font-size:29px;font-weight:900;line-height:1.6}.kjn-article-part .aplead{margin:0 0 16px;font-size:15.5px;line-height:2.05}.kjn-article-part .aplead strong{color:var(--kjn-dark);font-weight:800}.kjn-article-part .aplead a{color:var(--kjn-blue);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.kjn-article-part .toc{overflow:hidden;border:2px solid var(--kjn-blue);border-radius:6px}.kjn-article-part .toch{margin:0;padding:9px;color:#fff;background:var(--kjn-blue);font-size:15px;font-weight:800;letter-spacing:.25em;text-align:center}.kjn-article-part .tocl{margin:0;padding:18px 26px;list-style:none}.kjn-article-part .tocl>li{padding:7px 0;border-bottom:1px dashed #d1d5db}.kjn-article-part .tocl>li:last-child{padding-bottom:0;border-bottom:0}.kjn-article-part .tocl>li:first-child{padding-top:0}.kjn-article-part .toca{display:flex;align-items:baseline;gap:12px;color:var(--kjn-ink);font-size:14.5px;font-weight:700;line-height:1.7}.kjn-article-part .tocn{min-width:16px;flex:none;color:var(--kjn-blue);font-size:14px;font-weight:800}.kjn-article-part .tocsub{margin:8px 0 0 28px;padding:0;list-style:none}.kjn-article-part .tocsub li{padding:5px 0}.kjn-article-part .tocsub a{display:flex;align-items:baseline;gap:8px;color:var(--kjn-blue);font-size:13.5px;font-weight:600;line-height:1.6}.kjn-article-part .tocsub a:before{width:5px;height:5px;flex:none;background:#a1c3e5;border-radius:50%;content:"";transform:translateY(-2px)}
.kjn-article-part>.p-toc{overflow:hidden;margin:0;padding:0;border:2px solid var(--kjn-blue);border-radius:6px;background:#fff;background-image:none;box-shadow:none}#main_content .kjn-article-part>.p-toc{border-radius:6px}.kjn-article-part>.p-toc .p-toc__ttl{display:block;margin:0;padding:9px;color:#fff;background:var(--kjn-blue);font-size:15px;font-weight:800;letter-spacing:.25em;text-align:center}.kjn-article-part>.p-toc .p-toc__ttl:before{content:none}.kjn-article-part>.p-toc .p-toc__list{margin:0;padding:18px 26px;counter-reset:kjn-toc;list-style:none}.kjn-article-part>.p-toc .p-toc__list>li{padding:7px 0;counter-increment:kjn-toc;border-bottom:1px dashed #d1d5db}.kjn-article-part>.p-toc .p-toc__list>li:before{content:none}.kjn-article-part>.p-toc .p-toc__list>li:first-child{padding-top:0}.kjn-article-part>.p-toc .p-toc__list>li:last-child{padding-bottom:0;border-bottom:0}.kjn-article-part>.p-toc .p-toc__list>li>.p-toc__link{display:flex;align-items:baseline;gap:12px;color:var(--kjn-ink);font-size:14.5px;font-weight:700;line-height:1.7}.kjn-article-part>.p-toc .p-toc__list>li>.p-toc__link:before{min-width:16px;flex:none;color:var(--kjn-blue);font-size:14px;font-weight:800;content:counter(kjn-toc)}.kjn-article-part>.p-toc .p-toc__childList{margin:8px 0 0 28px;padding:0;border:0;list-style:none}.kjn-article-part>.p-toc .p-toc__childList li{display:block;padding:5px 0;border:0}.kjn-article-part>.p-toc .p-toc__childList li:before{content:none}.kjn-article-part>.p-toc .p-toc__childList .p-toc__link{display:flex;align-items:baseline;gap:8px;color:var(--kjn-blue);font-size:13.5px;font-weight:600;line-height:1.6}.kjn-article-part>.p-toc .p-toc__childList .p-toc__link:before{width:5px;height:5px;flex:none;background:#a1c3e5;border-radius:50%;content:"";transform:translateY(-2px)}.kjn-article-part>.p-toc .p-toc__list li[data-omit="1"]{display:block}.kjn-article-part>.p-toc .p-toc__expandBtn{display:none}
.kjn-article-part>.p-toc[data-omit]:after{content:none}
.kjn-article-part>.p-toc .p-toc__list>li{margin-left:0}
.kjn-postcontent>h2.ah2,.kjn-postcontent>.kjn-article-part>h2.ah2{margin-top:64px!important}
.kjn-article-part>.p-toc .p-toc__ttl.kjn-toc-toggle-wrap{padding:0}.kjn-article-part>.p-toc .kjn-toc-toggle{position:relative;display:flex;width:100%;min-height:41px;padding:9px 42px;align-items:center;justify-content:center;color:inherit;background:transparent;border:0;font:inherit;letter-spacing:inherit;cursor:pointer}.kjn-article-part>.p-toc .kjn-toc-toggle:after{position:absolute;right:16px;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;content:"";transform:rotate(45deg);transition:transform .2s}.kjn-article-part>.p-toc .kjn-toc-toggle[aria-expanded=true]:after{transform:rotate(225deg)}
@media(min-width:960px){#main_content .kjn-article-part>.p-toc{width:100%;margin-right:0;margin-left:0}.kjn-postcontent>h2.ah2,.kjn-postcontent>.kjn-article-part>h2.ah2{margin-top:80px!important}}
.kjn-article-part .flow{display:flex;flex-direction:column}.kjn-article-part .frow{position:relative;display:flex;padding:0 0 24px;align-items:flex-start;gap:18px}.kjn-article-part .frow:last-child{padding-bottom:0}.kjn-article-part .frow:not(:last-child):before{position:absolute;left:21px;top:44px;bottom:6px;width:2px;background:#a1c3e5;content:""}.kjn-article-part .fnum{z-index:1;display:flex;width:44px;height:44px;align-items:center;justify-content:center;flex:none;color:#fff;background:var(--kjn-blue);border-radius:50%;font-size:18px;font-weight:800}.kjn-article-part .fbody{padding-top:2px}.kjn-article-part .ftit{margin:0 0 5px;font-size:16px;font-weight:800}.kjn-article-part .ftxt{margin:0;color:var(--kjn-gray);font-size:13.5px;font-weight:500;line-height:1.85}
.kjn-article-part .acc{overflow:hidden;margin-bottom:10px;background:#fff;border:2px solid #a1c3e5;border-radius:10px}.kjn-article-part .acc summary{display:flex;padding:14px 18px;align-items:center;justify-content:space-between;gap:12px;font-size:14.5px;font-weight:800;list-style:none;cursor:pointer}.kjn-article-part .acc summary::-webkit-details-marker{display:none}.kjn-article-part .acc summary i{color:var(--kjn-blue);transition:transform .3s}.kjn-article-part .acc[open] summary i{transform:rotate(45deg)}.kjn-article-part .accb{padding:0 18px 16px;color:var(--kjn-gray);font-size:13.5px;font-weight:500;line-height:1.9}
.kjn-pattern-catalog-lead{margin:0 0 32px!important;padding:18px 22px;background:var(--kjn-pale);border-radius:10px;font-weight:700}.kjn-pattern-group-title{display:flex!important;margin:42px 0 16px!important;padding:0!important;align-items:center;gap:12px;color:var(--kjn-ink)!important;background:none!important;border:0!important;font-size:20px!important}.kjn-pattern-group-title span{display:flex;width:32px;height:32px;align-items:center;justify-content:center;color:#fff;background:var(--kjn-blue);border-radius:8px;font-size:13px}.kjn-pattern-spec{overflow:hidden;margin:0 0 20px;background:#fff;border:1px solid var(--kjn-line);border-radius:14px;box-shadow:0 2px 8px #00000012}.kjn-pattern-spec-label{padding:9px 18px;background:#f5f6f7;border-bottom:1px solid var(--kjn-line);font-size:12.5px;font-weight:800}.kjn-pattern-spec-body{padding:26px 30px}.kjn-pattern-spec-body>.kjn-article-part{margin-bottom:0}
@media(max-width:640px){.kjn-article-part .md,.kjn-article-part .stats,.kjn-article-part .gal2,.kjn-article-part .step3,.kjn-article-part .dlgrid,.kjn-article-part .dlbannergrid{grid-template-columns:1fr}.kjn-article-part .blogcard,.kjn-article-part .wpline,.kjn-article-part .jban,.kjn-article-part .phonecta{align-items:stretch;flex-direction:column}.kjn-article-part .bcimg{width:100%;aspect-ratio:1200/630}.kjn-article-part .bcbody{padding:14px 16px}.kjn-article-part .wpline,.kjn-article-part .jban{width:100%;padding:18px}.kjn-article-part .wpline>img,.kjn-article-part .jbimg{align-self:center}.kjn-article-part .wplt,.kjn-article-part .jbt,.kjn-article-part .jbs{overflow-wrap:anywhere}.kjn-article-part .jbt br{display:none}.kjn-article-part .kjn-part-btn,.kjn-article-part .wpline .kjn-part-btn,.kjn-article-part .jban .kjn-part-btn{width:100%;min-width:0}.kjn-article-part .auth{padding:18px;gap:14px}.kjn-article-part .dline{padding:18px;align-items:flex-start;flex-direction:column;gap:14px}.kjn-article-part .dlinet{width:100%;min-width:0}.kjn-article-part .dlinec{width:100%;justify-content:center;gap:6px}.kjn-article-part .dcbox{min-width:0;padding:8px 10px;flex:1}.kjn-article-part .phonecta{padding:24px 18px;gap:18px}.kjn-article-part .phonecta-info b{font-size:36px}.kjn-article-part .phonecta-info>span{flex-wrap:wrap;justify-content:center}.kjn-article-part .phonecta-info small{min-width:125px}.kjn-article-part .ubar{gap:8px}.kjn-article-part>.p-toc .p-toc__list{padding:16px 18px}.kjn-article-part>.p-toc .p-toc__childList{margin-left:22px}}
.kjn-article-part .ul1 li:before,.kjn-postcontent>ul.ul1 li:before,.kjn-article-part .mdl li:before{left:3px;top:.6em;width:11px;height:6px;border:0;border-left:2px solid var(--kjn-blue);border-bottom:2px solid var(--kjn-blue);content:"";transform:rotate(-45deg)}
.kjn-article-part .dem .mdl li:before{top:.45em;width:12px;height:12px;border:0;background:linear-gradient(45deg,transparent 43%,var(--kjn-mid) 44% 56%,transparent 57%),linear-gradient(-45deg,transparent 43%,var(--kjn-mid) 44% 56%,transparent 57%);content:"";transform:none}
.kjn-article-part .leadl li:before{left:3px;top:.55em;width:8px;height:8px;border-top:2px solid var(--kjn-blue);border-right:2px solid var(--kjn-blue);content:"";transform:rotate(45deg)}
.kjn-article-part .sumi{font-size:0}.kjn-article-part .sumi:before,.kjn-article-part .chkh:before,.kjn-article-part .conclt:before,.kjn-article-part .chkbox.is-checked:before{display:inline-block;width:10px;height:6px;flex:none;border-left:2px solid currentColor;border-bottom:2px solid currentColor;content:"";transform:rotate(-45deg)}
.kjn-article-part .chkh,.kjn-article-part .conclt{display:flex;align-items:center;gap:9px}.kjn-article-part .dlinei:before{font:900 30px/1 Inter,sans-serif;content:"!"}.kjn-article-part .ancha>span:last-child{width:9px;height:9px;flex:none;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
@media(max-width:640px){.kjn-article-part .table-scroll:before{position:sticky;left:0;display:block;width:max-content;margin:0 0 6px;padding-right:14px;color:#8b95a5;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 1l4 4-4 4' fill='none' stroke='%238b95a5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right center/9px 9px no-repeat;font-size:10.5px;font-weight:600;content:"横にスクロールできます"}.kjn-article-part .table-scroll>.tbl{min-width:640px}}


/* ===== 2026-10-07 記事部品の配色見直し・崩れの修正・口コミ（ここから） =====
   方針：元々箱の部品は白地と細い灰色の枠で形を残す。色の帯・太い色枠・灰色の面は使わない。
   真っ青（--kjn-blue）は、結論の箱、POINTのラベル、メリットの見出し、手順の番号、リンクと目印に限る。
   角丸の箱に色付きの上辺線・左辺線は付けない。 */
/* 崩れの修正（配色に関係なく本番へ入れる）
   本番は Font Awesome を読み込んでいないため、fas アイコンが空白になっている */
.kjn-article-part i.fas{font-style:normal}
/* POINT・MEMO：見出しの文字で十分なので、空のアイコンを詰める */
.kjn-article-part .pboxt>i.fas,.kjn-article-part .memot>i.fas{display:none}
/* 関連リンクの矢印：線で描く */
.kjn-article-part i.fa-chevron-right{display:inline-block;width:7px;height:7px;margin:0 10px 2px 2px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);vertical-align:middle}
/* 吹き出しの人物：頭と肩を描く */
.kjn-article-part .bubface>i.fa-user{position:relative;display:block;width:30px;height:30px}
.kjn-article-part .bubface>i.fa-user:before,.kjn-article-part .bubface>i.fa-user:after{position:absolute;left:50%;content:"";background:#8a94a3;transform:translateX(-50%)}
.kjn-article-part .bubface>i.fa-user:before{top:2px;width:13px;height:13px;border-radius:50%}
.kjn-article-part .bubface>i.fa-user:after{bottom:1px;width:26px;height:12px;border-radius:13px 13px 3px 3px}

/* 新配色（案3）：箱を減らす
   面（背景色）は原則使わない。まとまりは見出し・太さ・余白で示す
   線は表と、本文の流れから外れる部品（相談・資料の案内）にだけ使う
   青＝リンクと小さな目印、オレンジ＝押すボタン、黄＝マーカー、赤＝注意 */
body{--n-ink:#1a1f36;--n-sub:#4b5563;--n-line:#e3e6eb;--n-mark:#8a94a3}


/* 本文まわり */
body :is(.kjn-article-part,.kjn-postcontent) .aplead strong{color:var(--n-ink)}
body :is(.kjn-article-part,.kjn-postcontent) .ol1 li:before{color:var(--n-ink);background:none;font-weight:800}
body :is(.kjn-article-part,.kjn-postcontent) .pbox,body :is(.kjn-article-part,.kjn-postcontent) .lead{background:none;padding-inline:0}
body :is(.kjn-article-part,.kjn-postcontent) .pboxt,body :is(.kjn-article-part,.kjn-postcontent) .memot,body :is(.kjn-article-part,.kjn-postcontent) .leadh{color:var(--n-ink)}
body :is(.kjn-article-part,.kjn-postcontent) .memo{border:0;padding-inline:0}
body :is(.kjn-article-part,.kjn-postcontent) .quote{border-left:2px solid var(--n-line);background:none}
body :is(.kjn-article-part,.kjn-postcontent) .quotem{color:var(--n-mark)}
body :is(.kjn-article-part,.kjn-postcontent) .bubface,body :is(.kjn-article-part,.kjn-postcontent) .rvwface,body :is(.kjn-article-part,.kjn-postcontent) .authface{background:none}
body :is(.kjn-article-part,.kjn-postcontent) .bubtxt{border:1px solid var(--n-line)}
body :is(.kjn-article-part,.kjn-postcontent) .bub.q .bubtxt{background:none;border-color:var(--n-line)}

/* 表：見出し行は太字と下線だけ */
body :is(.kjn-article-part,.kjn-postcontent) .th,body :is(.kjn-article-part,.kjn-postcontent) .mtx thead th{color:var(--n-ink);background:none;border:0;border-bottom:2px solid var(--n-ink)}
body :is(.kjn-article-part,.kjn-postcontent) .tdk,body :is(.kjn-article-part,.kjn-postcontent) .ptbl .rowh,body :is(.kjn-article-part,.kjn-postcontent) .mtx .rowh{color:var(--n-ink);background:none}
body :is(.kjn-article-part,.kjn-postcontent) .ptbl thead .rec{background:var(--n-ink)}

/* 結論・比較・チェック：箱をやめ、見出しと項目だけ */
body :is(.kjn-article-part,.kjn-postcontent) .mdc,body :is(.kjn-article-part,.kjn-postcontent) .chk,body :is(.kjn-article-part,.kjn-postcontent) .sum{border:0;border-radius:0;background:none}
body :is(.kjn-article-part,.kjn-postcontent) .mdh,body :is(.kjn-article-part,.kjn-postcontent) .chkh,body :is(.kjn-article-part,.kjn-postcontent) .sumh{color:var(--n-ink);background:none;padding-inline:0}
body :is(.kjn-article-part,.kjn-postcontent) .mdb,body :is(.kjn-article-part,.kjn-postcontent) .chkb,body :is(.kjn-article-part,.kjn-postcontent) .sumb{padding-inline:0}
body :is(.kjn-article-part,.kjn-postcontent) .mdh{text-align:left}
body :is(.kjn-article-part,.kjn-postcontent) .sumi{display:none}
body :is(.kjn-article-part,.kjn-postcontent) .chkbox{color:var(--n-ink);border-color:var(--n-mark);background:#fff}
body :is(.kjn-article-part,.kjn-postcontent) .concl{border:0;background:none;padding-inline:0}
body :is(.kjn-article-part,.kjn-postcontent) .conclt{color:var(--n-ink)}
body :is(.kjn-article-part,.kjn-postcontent) .statc{background:none;border-top:1px solid var(--n-line);border-radius:0}
body :is(.kjn-article-part,.kjn-postcontent) .statn{color:var(--n-ink)}
body :is(.kjn-article-part,.kjn-postcontent) .term{border:0;padding-inline:0}
body :is(.kjn-article-part,.kjn-postcontent) .termw{color:var(--n-ink)}
body .kjn-article-part.acc,body :is(.kjn-article-part,.kjn-postcontent) .acc{border:0;border-top:1px solid var(--n-line);border-bottom:1px solid var(--n-line);border-radius:0}
body :is(.kjn-article-part,.kjn-postcontent) .s3c{border:0}
body :is(.kjn-article-part,.kjn-postcontent) .ancha{border:0;border-bottom:1px solid var(--n-line);border-radius:0}

/* 目次：上下の線だけ */
body :is(.kjn-article-part,.kjn-postcontent) .toc,body :is(.kjn-article-part,.kjn-postcontent)>.p-toc{border:0;border-top:1px solid var(--n-line);border-bottom:1px solid var(--n-line);border-radius:0}
body :is(.kjn-article-part,.kjn-postcontent) .toch,body :is(.kjn-article-part,.kjn-postcontent)>.p-toc .p-toc__ttl{color:var(--n-ink);background:none;text-align:left;letter-spacing:0;padding:16px 0 4px}
body :is(.kjn-article-part,.kjn-postcontent) .tocl{padding:8px 0 16px}
body :is(.kjn-article-part,.kjn-postcontent) .tocn,body :is(.kjn-article-part,.kjn-postcontent)>.p-toc .p-toc__list>li>.p-toc__link:before{color:var(--n-mark)}
body :is(.kjn-article-part,.kjn-postcontent) .tocsub a:before,body :is(.kjn-article-part,.kjn-postcontent)>.p-toc .p-toc__childList .p-toc__link:before{background:var(--n-line)}

/* 手順・時系列：番号は文字だけ、線は灰色 */
body :is(.kjn-article-part,.kjn-postcontent) .s3n,body :is(.kjn-article-part,.kjn-postcontent) .fnum,body :is(.kjn-article-part,.kjn-postcontent) .anchn{color:var(--n-ink);background:none;border:1.5px solid var(--n-ink)}
body :is(.kjn-article-part,.kjn-postcontent) .tldot{background:var(--n-ink);border-color:#fff}
body :is(.kjn-article-part,.kjn-postcontent) .tly{color:var(--n-ink)}
body :is(.kjn-article-part,.kjn-postcontent) .tlrow:not(:last-child):before,body :is(.kjn-article-part,.kjn-postcontent) .frow:not(:last-child):before{background:var(--n-line)}
body :is(.kjn-article-part,.kjn-postcontent) .dcbox{background:var(--n-ink)}
body :is(.kjn-article-part,.kjn-postcontent) .eyecat{background:var(--n-ink)}

/* 本文の流れから外れる部品：白地に細い線1本で囲み、色はオレンジのボタンだけ */
body :is(.kjn-article-part,.kjn-postcontent) .wpline,body :is(.kjn-article-part,.kjn-postcontent) .dlrow{border:1px solid var(--n-line)}
body :is(.kjn-article-part,.kjn-postcontent) .jban,body :is(.kjn-article-part,.kjn-postcontent) .phonecta{background:#fff;border:1px solid var(--n-line);color:var(--n-ink)!important}
body :is(.kjn-article-part,.kjn-postcontent) .jban *,body :is(.kjn-article-part,.kjn-postcontent) .phonecta *{color:inherit}
body :is(.kjn-article-part,.kjn-postcontent) .jban .kjn-part-btn,body :is(.kjn-article-part,.kjn-postcontent) .jban .kjn-part-btn *,body :is(.kjn-article-part,.kjn-postcontent) .phonecta .kjn-part-btn{color:#fff}
body :is(.kjn-article-part,.kjn-postcontent) .phonecta-info>span>*{border-color:var(--n-line)}
body :is(.kjn-article-part,.kjn-postcontent) .uback{color:var(--n-ink);border-color:var(--n-line)}
body :is(.kjn-article-part,.kjn-postcontent) .qaq{background:none;padding-inline:0;border-bottom:1px solid var(--n-line);border-radius:0}


/* 料金表・監修者・吹き出しの顔 */
body :is(.kjn-article-part,.kjn-postcontent) .ptbl thead th{background:none;color:var(--n-sub);border-bottom:2px solid var(--n-ink)}
body :is(.kjn-article-part,.kjn-postcontent) .ptbl thead .rec{color:#fff;background:var(--n-ink)}
body :is(.kjn-article-part,.kjn-postcontent) .ptbl td.rec{background:none;font-weight:700}
body :is(.kjn-article-part,.kjn-postcontent) .auth{background:none;border-top:1px solid var(--n-line);border-bottom:1px solid var(--n-line);border-radius:0;padding-inline:0}
body :is(.kjn-article-part,.kjn-postcontent) .bubface{background:#fff;box-shadow:inset 0 0 0 1px var(--n-line)}
/* 吹き出し：まめぶろぐの吹き出しに合わせる。丸い顔の横に、横幅いっぱいの白い吹き出しと話し手へ向く小さなしっぽ。q は左、r は右 */
body :is(.kjn-article-part,.kjn-postcontent) .bub{gap:12px;align-items:flex-start;margin-bottom:20px}
body :is(.kjn-article-part,.kjn-postcontent) .bubav{width:88px}
body :is(.kjn-article-part,.kjn-postcontent) .bubface{width:88px;height:88px;margin-inline:auto;background:#fff;border:1px solid #dce7ee;box-shadow:none}
body :is(.kjn-article-part,.kjn-postcontent) .bubname{margin-top:4px;color:var(--n-ink);font-size:11px;font-weight:700;line-height:1.5;white-space:nowrap}
body :is(.kjn-article-part,.kjn-postcontent) .bubtxt,body :is(.kjn-article-part,.kjn-postcontent) .bub.q .bubtxt{flex:1;min-width:0;max-width:none;padding:13px 16px;background:#fff;border:2px solid #c6d4e0;border-radius:12px;color:var(--n-ink);font-size:15px;font-weight:500;line-height:1.7}
body :is(.kjn-article-part,.kjn-postcontent) .bubtxt:before{content:"";position:absolute;top:18px;left:-7px;width:11px;height:11px;background:#fff;border:solid #c6d4e0;border-width:0 0 2px 2px;transform:rotate(45deg)}
body :is(.kjn-article-part,.kjn-postcontent) .bub.r .bubtxt:before{left:auto;right:-7px;border-width:2px 2px 0 0}
@media(max-width:640px){body :is(.kjn-article-part,.kjn-postcontent) .bubav{width:64px}body :is(.kjn-article-part,.kjn-postcontent) .bubface{width:64px;height:64px}body :is(.kjn-article-part,.kjn-postcontent) .bubtxt{font-size:14px}}
/* 表の見出し行：本文の行と同じ線で囲み、ごく薄い地色で見出しと分かるようにする。おすすめ列だけ濃い色のまま */
body :is(.kjn-article-part,.kjn-postcontent) .th,body :is(.kjn-article-part,.kjn-postcontent) .mtx thead th{color:var(--n-ink);background:#f3f5f8;border:1px solid var(--n-line);border-bottom:1px solid #cfd5dd}
body :is(.kjn-article-part,.kjn-postcontent) .ptbl thead th{color:var(--n-ink);background:#f3f5f8;border-bottom:1px solid #cfd5dd}
body :is(.kjn-article-part,.kjn-postcontent) .ptbl thead .rec{color:#fff;background:var(--n-ink)}


/* ===== 案4：真っ青をアクセントとして数か所だけ使う ===== */
/* この記事の結論：記事に1つだけの青い面 */
body :is(.kjn-article-part,.kjn-postcontent) .sum{border:2px solid var(--kjn-blue);border-radius:10px}
body :is(.kjn-article-part,.kjn-postcontent) .sumh{color:#fff;background:var(--kjn-blue);padding:11px 20px}
body :is(.kjn-article-part,.kjn-postcontent) .sumb{padding:18px 22px}
/* 手順の番号：塗りの青い丸 */
body :is(.kjn-article-part,.kjn-postcontent) .s3n,body :is(.kjn-article-part,.kjn-postcontent) .fnum,body :is(.kjn-article-part,.kjn-postcontent) .anchn{color:#fff;background:var(--kjn-blue);border:0}
body :is(.kjn-article-part,.kjn-postcontent) .ol1 li:before{color:#fff;background:var(--kjn-blue)}
/* 小さな目印 */
body :is(.kjn-article-part,.kjn-postcontent) .tocn,body :is(.kjn-article-part,.kjn-postcontent)>.p-toc .p-toc__list>li>.p-toc__link:before{color:var(--kjn-blue)}
body :is(.kjn-article-part,.kjn-postcontent) .chkbox{color:var(--kjn-blue)}
body :is(.kjn-article-part,.kjn-postcontent) .tldot{background:var(--kjn-blue)}

/* ===== 案5：元々箱の部品は箱の形を残す（白地・細い灰色の枠・角丸。色の帯と灰色の面は使わない） ===== */
body{--n-box:#d9dee5}
body :is(.kjn-article-part,.kjn-postcontent) .chk,body :is(.kjn-article-part,.kjn-postcontent) .mdc,body :is(.kjn-article-part,.kjn-postcontent) .pbox,body :is(.kjn-article-part,.kjn-postcontent) .lead,
body :is(.kjn-article-part,.kjn-postcontent) .concl,body :is(.kjn-article-part,.kjn-postcontent) .term,body :is(.kjn-article-part,.kjn-postcontent) .auth,body :is(.kjn-article-part,.kjn-postcontent) .s3c,
body :is(.kjn-article-part,.kjn-postcontent) .statc,body :is(.kjn-article-part,.kjn-postcontent) .toc,body :is(.kjn-article-part,.kjn-postcontent)>.p-toc{background:#fff;border:1px solid var(--n-box);border-radius:10px}
body :is(.kjn-article-part,.kjn-postcontent) .memo{background:#fff;border:1px dashed var(--n-box);border-radius:10px}
body :is(.kjn-article-part,.kjn-postcontent) .pbox,body :is(.kjn-article-part,.kjn-postcontent) .lead,body :is(.kjn-article-part,.kjn-postcontent) .concl,body :is(.kjn-article-part,.kjn-postcontent) .term,
body :is(.kjn-article-part,.kjn-postcontent) .memo,body :is(.kjn-article-part,.kjn-postcontent) .auth{padding:18px 22px}
body .kjn-article-part.acc,body :is(.kjn-article-part,.kjn-postcontent) .acc{border:1px solid var(--n-box);border-radius:10px}
/* 箱の見出し：太字の文字と、本文との間の細い線 */
body :is(.kjn-article-part,.kjn-postcontent) .chkh,body :is(.kjn-article-part,.kjn-postcontent) .mdh{color:var(--n-ink);background:none;padding:12px 20px;border-bottom:1px solid var(--n-line)}
body :is(.kjn-article-part,.kjn-postcontent) .chkb,body :is(.kjn-article-part,.kjn-postcontent) .mdb{padding:14px 20px 16px}
body :is(.kjn-article-part,.kjn-postcontent) .toch,body :is(.kjn-article-part,.kjn-postcontent)>.p-toc .p-toc__ttl{padding:12px 20px;border-bottom:1px solid var(--n-line);text-align:left}
body :is(.kjn-article-part,.kjn-postcontent) .tocl,body :is(.kjn-article-part,.kjn-postcontent)>.p-toc .p-toc__list{padding:12px 24px 16px}
/* 手順3列・アンカーリンクも箱に戻す */
body :is(.kjn-article-part,.kjn-postcontent) .s3c{padding:18px 14px}
body :is(.kjn-article-part,.kjn-postcontent) .ancha{border:1px solid var(--n-box);border-radius:8px}
/* FAQの質問・吹き出し */
body :is(.kjn-article-part,.kjn-postcontent) .qaq{background:#fff;border:1px solid var(--n-box);border-radius:8px;padding:14px 18px}

/* ===== 案7：POINT・MEMOは固定の短いラベルを枠線に乗せ、見出しは箱の中に残す ===== */
body :is(.kjn-article-part,.kjn-postcontent) .pbox,body :is(.kjn-article-part,.kjn-postcontent) .memo{position:relative;margin-top:16px;padding:28px 22px 18px}
body :is(.kjn-article-part,.kjn-postcontent) .pbox:before,body :is(.kjn-article-part,.kjn-postcontent) .memo:before{position:absolute;top:-12px;left:18px;padding:2px 12px;border-radius:4px;font:800 12px/1.6 Inter,"Noto Sans JP",sans-serif;letter-spacing:.06em;box-shadow:0 0 0 6px #fff}
body :is(.kjn-article-part,.kjn-postcontent) .pbox:before{content:"POINT";color:#fff;background:var(--kjn-blue)}
body :is(.kjn-article-part,.kjn-postcontent) .memo:before{content:"MEMO";color:var(--n-sub);background:#fff;border:1px solid var(--n-mark)}
/* MEMO：補足だと分かるよう、紺の塗りラベルと実線の枠で目立たせる（POINTの青とは色で分ける） */
body :is(.kjn-article-part,.kjn-postcontent) .memo{border:1.5px solid #9aa5b4}
body :is(.kjn-article-part,.kjn-postcontent) .memo:before{color:#fff;background:var(--n-ink);border:0}
body :is(.kjn-article-part,.kjn-postcontent) .memot{font-size:16px}
/* 手順（横3連）：1つの枠を3つに区切り、区切りの「＞」で順番を示す。番号は「STEP 1」の文字にし、丸い番号はやめる */
body :is(.kjn-article-part,.kjn-postcontent) .step3{gap:0;background:#fff;border:1px solid var(--n-box);border-radius:10px}
body :is(.kjn-article-part,.kjn-postcontent) .s3c{padding:18px 20px 18px 30px;background:none;border:0;border-radius:0;text-align:left}
body :is(.kjn-article-part,.kjn-postcontent) .s3c:first-child{padding-left:22px}
body :is(.kjn-article-part,.kjn-postcontent) .s3c:not(:last-child):after{content:"";position:absolute;z-index:1;top:50%;right:-10px;width:20px;height:20px;margin-top:-10px;background:#fff;border:solid #aab4c1;border-width:1px 1px 0 0;transform:rotate(45deg)}
body :is(.kjn-article-part,.kjn-postcontent) .s3n{display:block;width:auto;height:auto;margin:0 0 6px;color:var(--kjn-blue);background:none;border:0;border-radius:0;font:800 12px/1.4 Inter,"Noto Sans JP",sans-serif;letter-spacing:.08em}
body :is(.kjn-article-part,.kjn-postcontent) .step3{counter-reset:kjnstep3}body :is(.kjn-article-part,.kjn-postcontent) .s3c{counter-increment:kjnstep3}
body :is(.kjn-article-part,.kjn-postcontent) .s3n{font-size:0}
body :is(.kjn-article-part,.kjn-postcontent) .s3n:before{font-size:12px;content:"STEP " counter(kjnstep3,decimal-leading-zero)}
body :is(.kjn-article-part,.kjn-postcontent) .s3t{margin:0 0 4px;color:var(--n-ink);font-size:15px}
body :is(.kjn-article-part,.kjn-postcontent) .s3d{color:var(--n-sub);font-size:12.5px}
@media(max-width:640px){body :is(.kjn-article-part,.kjn-postcontent) .s3c,body :is(.kjn-article-part,.kjn-postcontent) .s3c:first-child{padding:16px 20px}body :is(.kjn-article-part,.kjn-postcontent) .s3c:not(:last-child){border-bottom:1px solid var(--n-line)}body :is(.kjn-article-part,.kjn-postcontent) .s3c:not(:last-child):after{top:auto;right:auto;bottom:-10px;left:26px;margin-top:0;transform:rotate(135deg)}}
/* 手順（縦）：番号は「STEP」と数字の文字。数字の下から次の手順まで細い線でつなぐ */
body :is(.kjn-article-part,.kjn-postcontent) .frow{gap:20px;padding-bottom:30px}
body :is(.kjn-article-part,.kjn-postcontent) .fnum{display:block;width:52px;height:auto;color:var(--kjn-blue);background:none;border:0;border-radius:0;font:800 26px/1 Inter,sans-serif;text-align:center}
/* 番号は2桁（01）で表示する。「1」は左に旗がある字形で、中央に置いても右へずれて見えるため。STEPの字間の空きは左右に振り分ける */
body :is(.kjn-article-part,.kjn-postcontent) .flow{counter-reset:kjnstep}body :is(.kjn-article-part,.kjn-postcontent) .frow{counter-increment:kjnstep}
body :is(.kjn-article-part,.kjn-postcontent) .fnum{font-size:0;font-variant-numeric:tabular-nums}
body :is(.kjn-article-part,.kjn-postcontent) .fnum:before{display:block;margin-bottom:5px;padding-left:.12em;color:var(--n-sub);font-size:10.5px;line-height:1.2;letter-spacing:.12em;content:"STEP"}
body :is(.kjn-article-part,.kjn-postcontent) .fnum:after{display:block;font-size:24px;line-height:1;letter-spacing:.02em;content:counter(kjnstep,decimal-leading-zero)}
body :is(.kjn-article-part,.kjn-postcontent) .frow:not(:last-child):before{left:25.5px;top:52px;bottom:6px;width:1px;background:#c6d4e0}
body :is(.kjn-article-part,.kjn-postcontent) .fbody{flex:1;min-width:0;padding-top:4px}
body :is(.kjn-article-part,.kjn-postcontent) .ftit{color:var(--n-ink);font-size:16px}
body :is(.kjn-article-part,.kjn-postcontent) .ftxt{color:var(--n-sub)}
/* タブ：上だけ角を丸めたつまみを、本文の枠の上辺に隙間なく載せる。選んだつまみは青の塗りに白い文字で一段高く、選んでいないつまみは灰色の地で低くする。つまみが本文の幅いっぱいに並ぶので、本文の上の角は丸めない。選んだつまみは本文の上辺の線を覆って本文とつなげる */
body :is(.kjn-article-part,.kjn-postcontent) .tabs{overflow:visible;border:0;border-radius:0}
body :is(.kjn-article-part,.kjn-postcontent) .tabbar{align-items:flex-end;gap:4px;padding:0;background:none}
body :is(.kjn-article-part,.kjn-postcontent) .tablbl{position:relative;display:flex;min-height:44px;padding:10px 14px;align-items:center;justify-content:center;color:#4b5563;background:#e9edf2;border:0;border-radius:8px 8px 0 0;font-size:14.5px;font-weight:700;line-height:1.45;letter-spacing:.02em;transition:background-color .12s,color .12s}
body :is(.kjn-article-part,.kjn-postcontent) .tablbl:hover{color:var(--n-ink);background:#dde3ea}
body :is(.kjn-article-part,.kjn-postcontent) #kjn-tab-a:checked~.tabbar label[for=kjn-tab-a],body :is(.kjn-article-part,.kjn-postcontent) #kjn-tab-b:checked~.tabbar label[for=kjn-tab-b]{z-index:1;min-height:52px;margin-bottom:-1px;color:#fff;background:var(--kjn-blue);font-weight:800;cursor:default}
body :is(.kjn-article-part,.kjn-postcontent) #kjn-tab-a:focus-visible~.tabbar label[for=kjn-tab-a],body :is(.kjn-article-part,.kjn-postcontent) #kjn-tab-b:focus-visible~.tabbar label[for=kjn-tab-b]{outline:2px solid var(--kjn-blue);outline-offset:3px}
body :is(.kjn-article-part,.kjn-postcontent) .tabwrap{background:#fff;border:1px solid #c6ced8;border-radius:0 0 10px 10px}
body :is(.kjn-article-part,.kjn-postcontent) .tabpane{padding:22px 26px 24px;color:var(--n-ink);font-size:15px;line-height:1.9}
body :is(.kjn-article-part,.kjn-postcontent) .tabpane>:first-child{margin-top:0}body :is(.kjn-article-part,.kjn-postcontent) .tabpane>:last-child{margin-bottom:0}
@media(prefers-reduced-motion:reduce){body :is(.kjn-article-part,.kjn-postcontent) .tablbl{transition:none}}
/* 期限訴求バーの右端：期限の日付と、そこから計算した残り日数。英語の単位や数字の箱はやめ、文字の大きさの差で見せる。残り日数はスクリプトが計算できたときだけ出す */
body :is(.kjn-article-part,.kjn-postcontent) .dlinec{flex-direction:column;align-items:flex-end;gap:4px;padding-left:24px;border-left:1px solid #ffffff2e;text-align:right}
body :is(.kjn-article-part,.kjn-postcontent) .dcdate{margin:0;color:#ffffffb3;font-size:12px;font-weight:700;letter-spacing:.04em;line-height:1.4}
body :is(.kjn-article-part,.kjn-postcontent) .dcdate span{margin-left:.5em;color:#fff}
body :is(.kjn-article-part,.kjn-postcontent) .dcleft{display:none;margin:0;align-items:baseline;gap:4px;color:#fff;font-size:13px;font-weight:700;line-height:1}
body :is(.kjn-article-part,.kjn-postcontent) .dlinec.is-ready .dcleft{display:flex}
body :is(.kjn-article-part,.kjn-postcontent) .dcleft .dcnum{display:inline;color:var(--kjn-yellow);font:800 36px/1 Inter,sans-serif;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
@media(max-width:640px){body :is(.kjn-article-part,.kjn-postcontent) .dlinec{width:100%;padding:12px 0 0;flex-direction:row;align-items:baseline;justify-content:space-between;border-left:0;border-top:1px solid #ffffff2e}body :is(.kjn-article-part,.kjn-postcontent) .dcleft .dcnum{font-size:30px}}
@media(max-width:640px){body :is(.kjn-article-part,.kjn-postcontent) .tablbl{min-height:42px;padding:8px 10px;font-size:13.5px}body :is(.kjn-article-part,.kjn-postcontent) #kjn-tab-a:checked~.tabbar label[for=kjn-tab-a],body :is(.kjn-article-part,.kjn-postcontent) #kjn-tab-b:checked~.tabbar label[for=kjn-tab-b]{min-height:48px}body :is(.kjn-article-part,.kjn-postcontent) .tabpane{padding:18px 18px 20px;font-size:14.5px}}
body :is(.kjn-article-part,.kjn-postcontent) .pboxt,body :is(.kjn-article-part,.kjn-postcontent) .memot{margin:0 0 8px;color:var(--n-ink);font-size:15px}
/* メリット・デメリット：角丸の箱に色の上辺線は使わない。見出しの前の印と文字色で区別する */
body :is(.kjn-article-part,.kjn-postcontent) .mdc .mdh{display:flex;align-items:center;gap:10px}
body :is(.kjn-article-part,.kjn-postcontent) .mdc .mdh:before{flex:none;width:12px;height:7px;margin:-3px 2px 0;border-left:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:rotate(-45deg);content:""}
body :is(.kjn-article-part,.kjn-postcontent) .mdc.dem .mdh:before{width:14px;height:14px;margin:0;border:0;transform:none;background:linear-gradient(45deg,transparent 44%,currentColor 44%,currentColor 56%,transparent 56%),linear-gradient(-45deg,transparent 44%,currentColor 44%,currentColor 56%,transparent 56%)}
body :is(.kjn-article-part,.kjn-postcontent) .mdc .mdh{color:var(--kjn-blue)}
body :is(.kjn-article-part,.kjn-postcontent) .mdc.dem .mdh{color:var(--n-sub)}
body :is(.kjn-article-part,.kjn-postcontent) .chkh:before{color:var(--kjn-blue);border-color:var(--kjn-blue)}

/* ===== 体験談カード：言葉を主役にし、顔と肩書きは下にまとめる。根拠のない評価点は出さない ===== */
body :is(.kjn-article-part,.kjn-postcontent) .rvw{display:grid;grid-template-columns:44px 1fr;grid-template-areas:"t t" "p p" "f n";gap:0 12px;padding:24px 26px 20px;background:#fff;border:1px solid var(--n-box);border-radius:10px;box-shadow:none}
body :is(.kjn-article-part,.kjn-postcontent) .rvw>div{display:contents}
body :is(.kjn-article-part,.kjn-postcontent) .rvwstar{display:none}
body :is(.kjn-article-part,.kjn-postcontent) .rvwt{grid-area:t;margin:0 0 8px;color:var(--n-ink);font-size:18px;font-weight:800;line-height:1.6}
body :is(.kjn-article-part,.kjn-postcontent) .rvwt:before{content:"「";margin-left:-.5em}
body :is(.kjn-article-part,.kjn-postcontent) .rvwt:after{content:"」"}
body :is(.kjn-article-part,.kjn-postcontent) .rvwp{grid-area:p;margin:0 0 18px;color:var(--n-sub);font-size:14.5px;line-height:1.9}
body :is(.kjn-article-part,.kjn-postcontent) .rvwface{grid-area:f;width:44px;height:44px;align-self:center;background:#fff;box-shadow:inset 0 0 0 1px var(--n-line)}
body :is(.kjn-article-part,.kjn-postcontent) .rvwn{grid-area:n;align-self:center;margin:0;color:var(--n-sub);font-size:13px;font-weight:700}

/* 口コミ（09）：1つの箱に複数の声を線で区切って並べる。評価は実際に聞き取った点数がある場合だけ載せる */
.kjn-article-part .rv{margin:0;padding:4px 24px;background:#fff;border:1px solid #d9dee5;border-radius:10px}
.kjn-article-part .rvi{display:grid;grid-template-columns:44px 1fr;gap:4px 14px;padding:20px 0}
.kjn-article-part .rvi+.rvi{border-top:1px solid #e3e6eb}
.kjn-article-part .rvav{grid-row:1/3;display:block;width:44px;height:44px;overflow:hidden;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 1px #e3e6eb}
.kjn-article-part .rvav img{display:block;width:100%;height:100%;object-fit:cover}
.kjn-article-part .rvwho{margin:0;color:#1a1f36;font-size:13.5px;font-weight:800;line-height:1.5}
.kjn-article-part .rvsc{display:flex;margin:0;align-items:center;gap:8px;color:#4b5563;font-size:12px;font-weight:700;line-height:1.4}
.kjn-article-part .rvst{position:relative;display:inline-block;color:#d9dee5;font-size:15px;letter-spacing:2px;line-height:1}
.kjn-article-part .rvst:before{content:"★★★★★"}
.kjn-article-part .rvst>i{position:absolute;top:0;left:0;overflow:hidden;color:#efbc1e;font-style:normal;white-space:nowrap}
.kjn-article-part .rvst>i:before{content:"★★★★★"}
.kjn-article-part .rvst.s1>i{width:20%}.kjn-article-part .rvst.s2>i{width:40%}.kjn-article-part .rvst.s3>i{width:60%}.kjn-article-part .rvst.s4>i{width:80%}.kjn-article-part .rvst.s5>i{width:100%}
.kjn-article-part .rvt{grid-column:2;margin:8px 0 0;color:#1a1f36;font-size:14.5px;font-weight:500;line-height:1.9}
.kjn-article-part .rvd{grid-column:2;margin:6px 0 0;color:#8a94a3;font-size:12px}
@media(max-width:640px){.kjn-article-part .rv{padding:2px 16px}.kjn-article-part .rvt{grid-column:1/-1}.kjn-article-part .rvd{grid-column:1/-1}}

/* ===== 2026-10-07 ここまで ===== */

/* ===== 2026-10-08 編集画面で文字を直接直せる部品（WordPress標準の段落・表・リスト、SWELLのキャプションボックス・ステップ）を、記事部品と同じ見た目にする =====
   記事部品（カスタムHTML）と同じ色と形に合わせる。部品の種類は SWELL のキャプションボックスに付けた追加CSSクラスで見分ける。
   kjn-sum：この記事の結論／kjn-memo：MEMO／kjn-warn：注意／kjn-concl：まとめの結論／kjn-chk：確認リスト */
body .kjn-postcontent .kjn-lead{margin:0 0 16px;font-size:15.5px;line-height:2.05}
body .kjn-postcontent .kjn-lead strong{color:var(--n-ink);font-weight:800}

/* キャプションボックス共通：SWELLの既定の見出し帯と枠を外す */
body .kjn-postcontent .swell-block-capbox[class*="kjn-"]{margin:0 0 2em;padding:0;background:#fff;border:0;border-radius:10px;box-shadow:none}
body .kjn-postcontent .swell-block-capbox[class*="kjn-"] .cap_box_ttl{position:static;display:block;margin:0;padding:0;color:var(--n-ink);background:none;border:0;border-radius:0;font-size:16px;font-weight:800;line-height:1.6;text-align:left;transform:none}
body .kjn-postcontent .swell-block-capbox[class*="kjn-"] .cap_box_ttl:before,body .kjn-postcontent .swell-block-capbox[class*="kjn-"] .cap_box_ttl:after{display:none}
body .kjn-postcontent .swell-block-capbox[class*="kjn-"] .cap_box_ttl span{display:inline;padding:0;background:none}
body .kjn-postcontent .swell-block-capbox[class*="kjn-"] .cap_box_content{margin:0;padding:0;background:none;border:0;font-size:15px;line-height:1.9}
body .kjn-postcontent .swell-block-capbox[class*="kjn-"] .cap_box_content>:first-child{margin-top:0}
body .kjn-postcontent .swell-block-capbox[class*="kjn-"] .cap_box_content>:last-child{margin-bottom:0}
body .kjn-postcontent .swell-block-capbox[class*="kjn-"] .cap_box_content p{margin:0 0 .8em}

/* この記事の結論：青い枠と青い見出しの帯 */
body .kjn-postcontent .swell-block-capbox.kjn-sum{overflow:hidden;border:2px solid var(--kjn-blue)}
body .kjn-postcontent .swell-block-capbox.kjn-sum .cap_box_ttl{padding:11px 20px;color:#fff;background:var(--kjn-blue)}
body .kjn-postcontent .swell-block-capbox.kjn-sum .cap_box_content{padding:18px 22px}

/* チェック付きのリスト（結論・確認リスト） */
body .kjn-postcontent ul.kjn-checks{display:flex;margin:0;padding:0;flex-direction:column;gap:10px;list-style:none}
body .kjn-postcontent ul.kjn-checks li{position:relative;margin:0;padding-left:30px;font-size:15px;font-weight:500;line-height:1.7;list-style:none}
body .kjn-postcontent ul.kjn-checks li:before{position:absolute;top:.6em;left:3px;width:11px;height:6px;border-left:2px solid var(--kjn-blue);border-bottom:2px solid var(--kjn-blue);background:none;border-radius:0;content:"";transform:rotate(-45deg)}

/* MEMO：紺の塗りラベルを枠線に乗せる */
body .kjn-postcontent .swell-block-capbox.kjn-memo{position:relative;margin-top:28px;padding:28px 22px 18px;border:1.5px solid #9aa5b4}
body .kjn-postcontent .swell-block-capbox.kjn-memo:before{position:absolute;top:-12px;left:18px;padding:2px 12px;color:#fff;background:var(--n-ink);border-radius:4px;font:800 12px/1.6 Inter,"Noto Sans JP",sans-serif;letter-spacing:.06em;box-shadow:0 0 0 6px #fff;content:"MEMO"}
body .kjn-postcontent .swell-block-capbox.kjn-memo .cap_box_ttl{margin-bottom:8px}

/* 注意：赤い枠と赤い見出し、左に注意の印 */
body .kjn-postcontent .swell-block-capbox.kjn-warn{padding:18px 22px 18px 64px;border:2px solid var(--kjn-red);background:#fff}
body .kjn-postcontent .swell-block-capbox.kjn-warn:before{position:absolute;top:18px;left:18px;width:32px;height:32px;background:url("images/exclamation-yellow.png?v=20260716") no-repeat center/contain;content:""}
body .kjn-postcontent .swell-block-capbox.kjn-warn{position:relative}
body .kjn-postcontent .swell-block-capbox.kjn-warn .cap_box_ttl{margin-bottom:4px;color:var(--kjn-red);font-size:14.5px}
body .kjn-postcontent .swell-block-capbox.kjn-warn .cap_box_content{color:var(--n-sub);font-size:13.5px}

/* まとめの結論：枠なし、見出しの前に青いチェック */
body .kjn-postcontent .swell-block-capbox.kjn-concl{background:none;border-radius:0}
body .kjn-postcontent .swell-block-capbox.kjn-concl .cap_box_ttl{display:flex;margin-bottom:8px;align-items:center;justify-content:flex-start;gap:9px;font-size:14px}
body .kjn-postcontent .swell-block-capbox.kjn-concl .cap_box_ttl:before{display:inline-block;width:10px;height:6px;flex:none;margin-top:-3px;border-left:2px solid var(--kjn-blue);border-bottom:2px solid var(--kjn-blue);content:"";transform:rotate(-45deg)}
body .kjn-postcontent .swell-block-capbox.kjn-concl .cap_box_content{font-weight:600;line-height:1.95}

/* 確認リスト：細い枠、見出しの下に線 */
body .kjn-postcontent .swell-block-capbox.kjn-chk{overflow:hidden;border:1px solid var(--n-box)}
body .kjn-postcontent .swell-block-capbox.kjn-chk .cap_box_ttl{padding:12px 20px;border-bottom:1px solid var(--n-line);font-size:14.5px}
body .kjn-postcontent .swell-block-capbox.kjn-chk .cap_box_content{padding:16px 20px}
body .kjn-postcontent .kjn-chk ul.kjn-checks li{padding-left:34px;font-weight:600}
body .kjn-postcontent .kjn-chk ul.kjn-checks li:before{top:.2em;left:0;width:22px;height:22px;border:2px solid var(--n-mark);border-radius:5px;transform:none}

/* 表：各列に260px以上を確保する。本文幅を超える場合は表の中で横にスクロールする */
body .kjn-postcontent .wp-block-table{--swl-cell1-width:260px;--swl-minwidth-cell:260px;max-width:100%;margin:0 0 2em;overflow-x:auto}
body .kjn-postcontent .wp-block-table table{width:100%;min-width:640px;table-layout:auto;border-collapse:collapse;border:0}
body .kjn-postcontent .wp-block-table th,body .kjn-postcontent .wp-block-table td{min-width:260px;padding:12px 14px;border:1px solid var(--n-line);font-size:14px;line-height:1.8;text-align:left;vertical-align:top}
body .kjn-postcontent .wp-block-table thead th{color:var(--n-ink);background:#f3f5f8;border-bottom:1px solid #cfd5dd;font-size:13.5px;font-weight:700}
body .kjn-postcontent .wp-block-table thead{border:0}
body .kjn-postcontent .wp-block-table tbody td:first-child{color:var(--n-ink);font-weight:700}

/* SWELLのステップ：番号は「STEP」と2桁の数字、数字の下から次の手順まで細い線 */
body .kjn-postcontent .swell-block-step{counter-reset:kjnswstep;margin:0 0 2em;padding:0}
body .kjn-postcontent .swell-block-step__item{position:relative;display:grid;grid-template-columns:52px 1fr;column-gap:20px;margin:0;padding:0 0 30px;counter-increment:kjnswstep}
body .kjn-postcontent .swell-block-step__item:last-child{padding-bottom:0}
body .kjn-postcontent .swell-block-step__item:before{display:none}
body .kjn-postcontent .swell-block-step__item:not(:last-child):after{position:absolute;top:52px;bottom:6px;left:25.5px;width:1px;background:#c6d4e0;content:""}
body .kjn-postcontent .swell-block-step__number{position:static;grid-row:1/3;width:52px;height:auto;margin:0;padding:0;color:var(--kjn-blue)!important;background:none!important;border:0;border-radius:0;font:800 0/1 Inter,sans-serif;text-align:center;transform:none}
body .kjn-postcontent .swell-block-step__number>.__label{display:none}
body .kjn-postcontent .swell-block-step__number:before{position:static;display:block;margin-bottom:5px;padding-left:.12em;color:var(--n-sub);font-size:10.5px;line-height:1.2;letter-spacing:.12em;content:"STEP";transform:none}
body .kjn-postcontent .swell-block-step__number:after{position:static;display:block;color:var(--kjn-blue);font-size:24px;line-height:1;letter-spacing:.02em;content:counter(kjnswstep,decimal-leading-zero);transform:none}
body .kjn-postcontent .swell-block-step__title{margin:4px 0 5px;padding:0;color:var(--n-ink);font-size:16px!important;font-weight:800;line-height:1.6}
body .kjn-postcontent .swell-block-step__body{margin:0;padding:0;color:var(--n-sub);font-size:13.5px;line-height:1.85}
body .kjn-postcontent .swell-block-step__body>:last-child{margin-bottom:0}

/* 最終確認日と参考資料 */
body .kjn-postcontent .kjn-meta{margin:2em 0 0;padding:14px 0;border-top:1px solid var(--n-line);border-bottom:1px solid var(--n-line);color:var(--n-sub);font-size:12.5px}
body .kjn-postcontent .kjn-meta p{margin:0 0 6px;font-size:12.5px;font-weight:600}
body .kjn-postcontent .kjn-meta ul.kjn-sources{margin:0 0 6px;padding-left:20px;font-size:12.5px;line-height:1.9}
body .kjn-postcontent .kjn-meta ul.kjn-sources li{margin:0}
body .kjn-postcontent .kjn-meta .kjn-note{margin:10px 0 0;color:#8a94a3;font-size:11px;font-weight:500}
/* ===== 2026-10-08 ここまで ===== */

/* ===== 2026-10-08 編集できる部品の追加分：見出しの飾り線、番号付きリスト、FAQ、確認リストの見出し ===== */
/* 見出し：SWELLが付ける上下の飾り線を消し、記事部品の見出しと同じにする */
body .kjn-postcontent h2.wp-block-heading:before,body .kjn-postcontent h2.wp-block-heading:after,body .kjn-postcontent h3.wp-block-heading:before,body .kjn-postcontent h3.wp-block-heading:after{display:none;content:none}
/* 番号付きリスト：青い丸に白い数字 */
body .kjn-postcontent ol.kjn-numbered{display:flex;margin:16px 0 24px;padding:0;flex-direction:column;gap:10px;list-style:none;counter-reset:kjn-order}
body .kjn-postcontent ol.kjn-numbered li{position:relative;margin:0;padding-left:38px;font-size:15px;font-weight:500;line-height:1.7;list-style:none;counter-increment:kjn-order}
body .kjn-postcontent ol.kjn-numbered li:before{position:absolute;top:1px;left:0;display:flex;width:24px;height:24px;align-items:center;justify-content:center;color:#fff;background:var(--kjn-blue);border-radius:50%;font:800 12px/1 Inter,sans-serif;content:counter(kjn-order)}
/* 本文中の注記 */
body .kjn-postcontent>.kjn-note{margin:8px 0 24px;color:#8a94a3;font-size:11px;line-height:1.7}
/* 確認リストの見出しの前に青いチェック */
body .kjn-postcontent .swell-block-capbox.kjn-chk .cap_box_ttl{display:flex;align-items:center;justify-content:flex-start;gap:9px}
body .kjn-postcontent .swell-block-capbox.kjn-chk .cap_box_ttl:before{display:inline-block;width:10px;height:6px;flex:none;margin-top:-3px;border-left:2px solid var(--kjn-blue);border-bottom:2px solid var(--kjn-blue);content:"";transform:rotate(-45deg)}
/* FAQ：質問は白い箱に紺のQ、回答は青のA */
body .kjn-postcontent .swell-block-faq{display:flex;margin:0 0 2em;padding:0;flex-direction:column;gap:20px;background:none;border:0}
body .kjn-postcontent .swell-block-faq__item{display:flex;margin:0;padding:0;flex-direction:column;gap:12px;background:none;border:0;box-shadow:none}
body .kjn-postcontent .swell-block-faq .faq_q,body .kjn-postcontent .swell-block-faq .faq_a{position:relative;margin:0;border:0;box-shadow:none}
body .kjn-postcontent .swell-block-faq .faq_q{padding:14px 18px 14px 62px;color:var(--n-ink);background:#fff;border:1px solid var(--n-box);border-radius:8px;font-size:15px;font-weight:800;line-height:1.6}
body .kjn-postcontent .swell-block-faq .faq_a{padding:0 18px 0 62px;background:none;font-size:14.5px;font-weight:500;line-height:1.95}
body .kjn-postcontent .swell-block-faq .faq_a>:first-child{margin-top:0}
body .kjn-postcontent .swell-block-faq .faq_a>:last-child{margin-bottom:0}
body .kjn-postcontent .swell-block-faq .faq_q:before,body .kjn-postcontent .swell-block-faq .faq_a:before{position:absolute;left:18px;display:flex;width:30px;height:30px;align-items:center;justify-content:center;color:#fff;border:0;border-radius:50%;box-shadow:none;font:800 14px/1 Inter,sans-serif;transform:none}
body .kjn-postcontent .swell-block-faq .faq_q:before{top:50%;margin-top:-15px;background:var(--n-ink);content:"Q"}
body .kjn-postcontent .swell-block-faq .faq_a:before{top:0;background:var(--kjn-blue);content:"A"}
body .kjn-postcontent .swell-block-faq .faq_q:after,body .kjn-postcontent .swell-block-faq .faq_a:after{display:none}
/* ===== 2026-10-08 ここまで ===== */

/* ===== 2026-10-08 目次：記事を編集できる作りに変えたあと、目次は本文の直下に入る。記事部品の中にあったときと同じ見た目にする ===== */
.kjn-postcontent>.p-toc{overflow:hidden;margin:0;padding:0;border:2px solid var(--kjn-blue);border-radius:6px;background:#fff;background-image:none;box-shadow:none}
#main_content .kjn-postcontent>.p-toc{border-radius:6px}
.kjn-postcontent>.p-toc .p-toc__ttl{display:block;margin:0;padding:9px;color:#fff;background:var(--kjn-blue);font-size:15px;font-weight:800;letter-spacing:.25em;text-align:center}
.kjn-postcontent>.p-toc .p-toc__ttl:before{content:none}
.kjn-postcontent>.p-toc .p-toc__list{margin:0;padding:18px 26px;counter-reset:kjn-toc;list-style:none}
.kjn-postcontent>.p-toc .p-toc__list>li{padding:7px 0;counter-increment:kjn-toc;border-bottom:1px dashed #d1d5db}
.kjn-postcontent>.p-toc .p-toc__list>li:before{content:none}
.kjn-postcontent>.p-toc .p-toc__list>li:first-child{padding-top:0}
.kjn-postcontent>.p-toc .p-toc__list>li:last-child{padding-bottom:0;border-bottom:0}
.kjn-postcontent>.p-toc .p-toc__list>li>.p-toc__link{display:flex;align-items:baseline;gap:12px;color:var(--kjn-ink);font-size:14.5px;font-weight:700;line-height:1.7}
.kjn-postcontent>.p-toc .p-toc__list>li>.p-toc__link:before{min-width:16px;flex:none;color:var(--kjn-blue);font-size:14px;font-weight:800;content:counter(kjn-toc)}
.kjn-postcontent>.p-toc .p-toc__childList{margin:8px 0 0 28px;padding:0;border:0;list-style:none}
.kjn-postcontent>.p-toc .p-toc__childList li{display:block;padding:5px 0;border:0}
.kjn-postcontent>.p-toc .p-toc__childList li:before{content:none}
.kjn-postcontent>.p-toc .p-toc__childList .p-toc__link{display:flex;align-items:baseline;gap:8px;color:var(--kjn-blue);font-size:13.5px;font-weight:600;line-height:1.6}
.kjn-postcontent>.p-toc .p-toc__childList .p-toc__link:before{width:5px;height:5px;flex:none;background:#a1c3e5;border-radius:50%;content:"";transform:translateY(-2px)}
.kjn-postcontent>.p-toc .p-toc__list li[data-omit="1"]{display:block}
.kjn-postcontent>.p-toc .p-toc__expandBtn{display:none}
.kjn-postcontent>.p-toc[data-omit]:after{content:none}
.kjn-postcontent>.p-toc .p-toc__list>li{margin-left:0}
.kjn-postcontent>.p-toc .p-toc__ttl.kjn-toc-toggle-wrap{padding:0}
.kjn-postcontent>.p-toc .kjn-toc-toggle{position:relative;display:flex;width:100%;min-height:41px;padding:9px 42px;align-items:center;justify-content:center;color:inherit;background:transparent;border:0;font:inherit;letter-spacing:inherit;cursor:pointer}
.kjn-postcontent>.p-toc .kjn-toc-toggle:after{position:absolute;right:16px;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;content:"";transform:rotate(45deg);transition:transform .2s}
.kjn-postcontent>.p-toc .kjn-toc-toggle[aria-expanded=true]:after{transform:rotate(225deg)}
@media(min-width:960px){#main_content .kjn-postcontent>.p-toc{width:100%;margin-right:0;margin-left:0}}
@media(max-width:640px){.kjn-postcontent>.p-toc .p-toc__list{padding:16px 18px}.kjn-postcontent>.p-toc .p-toc__childList{margin-left:22px}}
/* 記事部品の外枠が持っていた余白を、本文の直下に入った目次と大見出しにも付ける */
.kjn-postcontent>.p-toc{margin-bottom:24px}
#main_content .kjn-postcontent>.p-toc{margin-bottom:24px}
.kjn-postcontent>h2.wp-block-heading{margin-top:80px!important}
/* ===== 2026-10-08 ここまで ===== */

/* ===== 2026-10-08 見出しのデザイン（h2〜h6）=====
   青の帯をやめ、文字の大きさ・太さと最小限の線で区切る。下の階層ほど飾りを減らす。
   h2：左に青の太い線／h3：左に淡い青の細い線／h4：全幅の細い灰色の下線／h5：太字だけ／h6：灰色の小さな太字 */
body .kjn-postcontent h2,body .kjn-article-part h2.ah2{padding:4px 0 4px 16px;color:var(--n-ink);background:none;border:0;border-left:5px solid var(--kjn-blue);border-radius:0;box-shadow:none;font-size:23px;font-weight:800;line-height:1.45}
body .kjn-postcontent h3,body .kjn-article-part h3.ah3{padding:2px 0 2px 12px;color:var(--n-ink);background:none;border:0;border-left:3px solid #a1c3e5;border-radius:0;box-shadow:none;font-size:18.5px;font-weight:800;line-height:1.5}
body .kjn-postcontent h4{margin:26px 0 10px;padding:0 0 6px;color:var(--n-ink);background:none;border:0;border-bottom:1px solid var(--n-box);border-radius:0;font-size:17px;font-weight:800;line-height:1.5}
body .kjn-postcontent h5{margin:22px 0 8px;padding:0;color:var(--n-ink);background:none;border:0;font-size:15.5px;font-weight:800;line-height:1.6}
body .kjn-postcontent h6{margin:20px 0 6px;padding:0;color:var(--n-sub);background:none;border:0;font-size:14px;font-weight:700;line-height:1.6;letter-spacing:.04em}
body .kjn-postcontent :is(h2,h3,h4,h5,h6):before,body .kjn-postcontent :is(h2,h3,h4,h5,h6):after,body .kjn-article-part :is(h2.ah2,h3.ah3):before,body .kjn-article-part :is(h2.ah2,h3.ah3):after{display:none;content:none}
@media(max-width:640px){body .kjn-postcontent h2,body .kjn-article-part h2.ah2{font-size:20px}body .kjn-postcontent h3,body .kjn-article-part h3.ah3{font-size:17px}body .kjn-postcontent h4{font-size:16px}}
/* SWELLのステップは番号の欄を縦に引き伸ばして中央に寄せるため、番号が手順をつなぐ線に重なる。番号の欄は上端にそろえ、中身の高さにする */
body .kjn-postcontent .swell-block-step__number{display:block;align-self:start}
/* SWELLはスマホで手順の本文を左へ48pxずらすため、番号の欄と線に重なる。ずらしを打ち消す */
body .kjn-postcontent .swell-block-step:not(.is-style-big):not(.is-style-small)>.swell-block-step__item>.swell-block-step__body{margin-left:0}
/* 記事の下の「あわせて読みたいお役立ち資料」「関連記事」の見出しも、記事の大見出しと同じ形にする */
body .kjn-downloads>h2,body .kjn-related>h2{padding:4px 0 4px 16px;color:var(--n-ink);background:none;border:0;border-left:5px solid var(--kjn-blue);border-radius:0;box-shadow:none;font-size:23px;font-weight:800;line-height:1.45}
body .kjn-downloads>h2:before,body .kjn-downloads>h2:after,body .kjn-related>h2:before,body .kjn-related>h2:after{display:none;content:none}
@media(max-width:640px){body .kjn-downloads>h2,body .kjn-related>h2{font-size:20px}}
/* 編集画面で文字を直せる形（グループ・段落・リスト・画像・引用ブロック）に置き換えた部品。中のclassは元のカスタムHTMLと同じ */
/* SWELLはクラシックテーマなので、グループの中身が wp-block-group__inner-container で一段包まれる。包みを無視して元の並び（横並び・2列）を効かせる */
body .kjn-postcontent .kjn-article-part.wp-block-group .wp-block-group__inner-container{display:contents}
body .kjn-postcontent .kjn-article-part.wp-block-group :where(.wp-block-group,p,ul,figure,blockquote){margin-top:0}
/* 2列・3列の並びでは、SWELLがグループに付ける下の余白で高さがそろわなくなるので消す */
body .kjn-postcontent .kjn-article-part :is(.md,.stats,.step3,.gal2)>.wp-block-group__inner-container>*{margin-bottom:0}
body .kjn-postcontent .kjn-article-part p.kjn-note{text-align:left}
body .kjn-postcontent .kjn-article-part .bub>.bubav{margin:0}
body .kjn-postcontent .kjn-article-part figure.bubface{margin:0 auto}
body .kjn-postcontent .kjn-article-part figure.bubface img{display:block;width:100%;height:100%;object-fit:cover}
body .kjn-postcontent .kjn-article-part p.bubname{margin:4px 0 0;text-align:center}
body .kjn-postcontent .kjn-article-part p.bubtxt{margin:0}
body .kjn-postcontent .kjn-article-part :is(.pboxt,.leadh,.termw,.mdh){margin-bottom:8px}
body .kjn-postcontent .kjn-article-part .termd,body .kjn-postcontent .kjn-article-part :is(.plist,.leadl,.mdl){margin-bottom:0}
body .kjn-postcontent .kjn-article-part .mdc>.mdh{margin:0}
body .kjn-postcontent .kjn-article-part blockquote.quote{margin:0 0 22px;padding:18px 24px;color:inherit;background:none;border:0;border-left:2px solid var(--n-line);border-radius:0;font-size:inherit}
body .kjn-postcontent .kjn-article-part blockquote.quote:before{display:none}
body .kjn-postcontent .kjn-article-part blockquote.quote:after{position:absolute;right:16px;top:8px;left:auto;bottom:auto;width:auto;height:auto;color:var(--n-mark);background:none;font:40px/1 Georgia,serif;content:"\201D";opacity:1;transform:none}
body .kjn-postcontent .kjn-article-part blockquote.quote>p{margin:0;padding:0}
body .kjn-postcontent .kjn-article-part blockquote.quote>.quotec{margin-top:10px}
body .kjn-postcontent .kjn-article-part figure.fig{margin:0}
body .kjn-postcontent .kjn-article-part figure.fig img{display:block;width:100%;border-radius:12px;aspect-ratio:1200/630;object-fit:cover}
body .kjn-postcontent .kjn-article-part figure.fig figcaption{margin:9px 0 0;color:var(--kjn-mid);font-size:11.5px;font-weight:600;text-align:center}
/* デメリットの見出しは灰色の帯に灰色の文字で読めなかった。メリットと同じ白地にし、文字を濃い灰色にする */
body :is(.kjn-article-part,.kjn-postcontent) .mdc.dem .mdh{color:var(--n-sub);background:none}
/* 口コミ：評価の星は段落の追加CSSクラス rvs1〜rvs5 で塗る割合を決める（文字を直せる段落に空の要素を置けないため） */
body .kjn-postcontent .kjn-article-part figure.rvav{margin:0}
body .kjn-postcontent .kjn-article-part p.rvsc[class*="rvs"]:before{font-size:15px;letter-spacing:2px;line-height:1;background:linear-gradient(90deg,#efbc1e var(--rvp,0%),#d9dee5 var(--rvp,0%));-webkit-background-clip:text;background-clip:text;color:transparent;content:"★★★★★"}
body .kjn-postcontent .kjn-article-part p.rvs1{--rvp:20%}body .kjn-postcontent .kjn-article-part p.rvs2{--rvp:40%}body .kjn-postcontent .kjn-article-part p.rvs3{--rvp:60%}body .kjn-postcontent .kjn-article-part p.rvs4{--rvp:80%}body .kjn-postcontent .kjn-article-part p.rvs5{--rvp:100%}
body .kjn-postcontent .kjn-article-part p.rvt{margin-top:8px}
body .kjn-postcontent .kjn-article-part p.rvd{margin-top:6px}
/* 期限訴求バー：補足文は段落、期限の日付は太字で書く */
body .kjn-postcontent .kjn-article-part .dline>.dlinetx,body .kjn-postcontent .kjn-article-part .dlinetx{min-width:200px;flex:1}
body .kjn-postcontent .kjn-article-part p.dlinei{margin:0;font:900 30px/1 Inter,sans-serif}
body .kjn-postcontent .kjn-article-part p.dlinei:before{content:none}
body .kjn-postcontent .kjn-article-part p.dlinesub{margin:3px 0 0;color:#ffffffb3;font-size:11.5px;font-weight:600;line-height:1.6}
body .kjn-postcontent .kjn-article-part .dcdate strong{margin-left:.5em;color:#fff;font-weight:inherit}
/* 料金表・比較表：標準の表ブロックに kjn-compare を付け、中央ぞろえと1列目の見出しにする */
body .kjn-postcontent figure.kjn-compare :is(th,td){text-align:center}
body .kjn-postcontent figure.kjn-compare tbody td:first-child{font-weight:800;text-align:left;white-space:nowrap}
/* 年表：点は行の擬似要素で描く */
body .kjn-postcontent .kjn-article-part div.tlrow{display:block;padding:0 0 20px 30px}
body .kjn-postcontent .kjn-article-part div.tlrow:after{position:absolute;z-index:1;box-sizing:border-box;left:0;top:3px;width:14px;height:14px;background:var(--kjn-blue);border:3px solid #fff;border-radius:50%;content:""}
body .kjn-postcontent .kjn-article-part div.tlrow>p,body .kjn-postcontent .kjn-article-part div.tlrow>.wp-block-group__inner-container>p{margin-bottom:0}
body .kjn-postcontent .kjn-article-part p.tlt{margin-top:2px}
body .kjn-postcontent .kjn-article-part p.tld{margin-top:4px}
/* 数字の強調 */
body .kjn-postcontent .kjn-article-part p.statn{margin:0}
body .kjn-postcontent .kjn-article-part p.statl{margin:9px 0 0}
/* 横3連ステップ：見出しの「STEP 01」は連番で自動表示し、段落の文字は隠す */
body .kjn-postcontent .kjn-article-part :is(p.s3n,p.s3t,p.s3d){margin-bottom:0}
body .kjn-postcontent .kjn-article-part p.s3n{margin:0 0 6px}
body .kjn-postcontent .kjn-article-part p.s3t{margin-bottom:4px}
/* 脚注：本文の「※1」はリンク、注の番号は太字で書く */
body .kjn-postcontent .kjn-article-part .fnp a[href^="#fn"]{color:#2b64c1;font-size:11px;font-weight:800;text-decoration:none;vertical-align:super}
body .kjn-postcontent .kjn-article-part .fnlist>p,body .kjn-postcontent .kjn-article-part .fnlist p{position:relative;margin:0;padding-left:28px;color:var(--kjn-gray);font-size:11.5px;line-height:1.8}
body .kjn-postcontent .kjn-article-part .fnlist p strong{position:absolute;left:0;color:#2b64c1;font-weight:800}
/* タブ：SWELLのタブブロックに kjn-tabs を付け、作ったタブと同じ見た目（選択中は青の塗り）にする */
body .kjn-postcontent .swell-block-tab.kjn-tabs .c-tabList{display:flex;margin:0;padding:0;align-items:flex-end;gap:4px;background:none;border:0;list-style:none}
body .kjn-postcontent .swell-block-tab.kjn-tabs .c-tabList__item{flex:1;margin:0;padding:0}
body .kjn-postcontent .swell-block-tab.kjn-tabs .c-tabList__item:before{display:none}
body .kjn-postcontent .swell-block-tab.kjn-tabs .c-tabList__button{position:relative;display:flex;width:100%;min-height:44px;padding:10px 14px;align-items:center;justify-content:center;color:#4b5563;background:#e9edf2;border:0;border-radius:8px 8px 0 0;box-shadow:none;font-size:14.5px;font-weight:700;line-height:1.45;letter-spacing:.02em;opacity:1}
body .kjn-postcontent .swell-block-tab.kjn-tabs .c-tabList__button:is(:before,:after){display:none}
body .kjn-postcontent .swell-block-tab.kjn-tabs .c-tabList__button:hover{color:var(--n-ink);background:#dde3ea}
body .kjn-postcontent .swell-block-tab.kjn-tabs .c-tabList__button[aria-selected="true"]{z-index:1;min-height:52px;margin-bottom:-1px;color:#fff;background:var(--kjn-blue);font-weight:800}
body .kjn-postcontent .swell-block-tab.kjn-tabs .c-tabBody{padding:0;background:#fff;border:1px solid #c6ced8;border-radius:0 0 10px 10px;box-shadow:none}
body .kjn-postcontent .swell-block-tab.kjn-tabs .c-tabBody__item{padding:22px 26px 24px;color:var(--n-ink);font-size:15px;line-height:1.9}
body .kjn-postcontent .swell-block-tab.kjn-tabs .c-tabBody__item>:first-child{margin-top:0}
body .kjn-postcontent .swell-block-tab.kjn-tabs .c-tabBody__item>:last-child{margin-bottom:0}
@media(max-width:640px){body .kjn-postcontent .swell-block-tab.kjn-tabs .c-tabList__button{min-height:42px;padding:8px 10px;font-size:13.5px}
body .kjn-postcontent .swell-block-tab.kjn-tabs .c-tabList__button[aria-selected="true"]{min-height:48px}
body .kjn-postcontent .swell-block-tab.kjn-tabs .c-tabBody__item{padding:18px 18px 20px;font-size:14.5px}}
/* 標準の表ブロックも、スマホでは表の上に「横にスクロールできます」を出す（表は最小幅640pxで、スマホでは必ず横にはみ出す） */
@media(max-width:640px){body .kjn-postcontent .wp-block-table:before{position:sticky;left:0;display:block;width:max-content;margin:0 0 6px;padding-right:14px;color:#8b95a5;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 1l4 4-4 4' fill='none' stroke='%238b95a5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right center/9px 9px no-repeat;font-size:10.5px;font-weight:600;content:"横にスクロールできます"}}
/* ===== 2026-10-08 ここまで ===== */