.article-page{--body-size:1.125rem;font-size:var(--body-size)}
.article-hero{background:var(--navy);color:white;padding:27px 0 0}
.breadcrumb{display:flex;flex-wrap:wrap;gap:10px 16px;color:#bac8cc;font-size:.875rem;line-height:1.8}.breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.article-hero-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:65px;align-items:center;padding:46px 0 50px}.article-category{display:flex;gap:10px;align-items:center;font-size:.9375rem;color:var(--lime);margin-bottom:20px}.article-category .icon{width:22px}.article-intro h1{font-size:clamp(2.25rem,4vw,3.625rem);line-height:1.48;letter-spacing:-.025em}.article-lead{color:#d0dadd;margin:22px 0 27px;line-height:1.95;font-size:1.125rem}.article-intro .button{font-size:1.0625rem}.article-meta{display:flex;flex-wrap:wrap;gap:7px 28px;padding:19px 0;border-top:1px solid #35424a;font-size:.875rem;color:#bdcbd1}
.backup-overview{border-left:1px solid #405049;padding:18px 0 18px 42px}.overview-cloud{width:62px;height:62px;stroke-width:1.1;color:var(--lime);margin-bottom:10px}.overview-heading{font-size:1.25rem;font-weight:700}.overview-flow{display:flex;flex-direction:column;margin-top:22px;gap:13px}.overview-flow li{display:flex;align-items:center;gap:13px;font-size:1rem}.overview-flow span{width:28px;height:28px;border:1px solid #6f9350;color:var(--lime);border-radius:50%;display:grid;place-items:center;font-size:.875rem;line-height:1}.overview-note{margin-top:25px;font-size:.9375rem;color:#bdcbd1}
.article-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:70px;align-items:start;padding-top:58px;padding-bottom:65px}.article-toc{position:sticky;top:126px;font-size:1rem}.toc-title{font-weight:700;margin-bottom:20px}.article-toc nav{display:flex;flex-direction:column;border-left:2px solid var(--line)}.article-toc nav a{padding:11px 0 11px 18px;color:var(--muted);margin-left:-2px;border-left:2px solid transparent;line-height:1.7}.article-toc nav a:hover,.article-toc nav a[aria-current]{color:var(--ink);border-color:#659433;background:#f2f7ec;font-weight:700}.toc-return{display:block;margin-top:25px;padding-top:20px;border-top:1px solid var(--line);font-size:.9375rem;text-decoration:underline;text-underline-offset:5px}.article-body{min-width:0}.article-body p{line-height:2}.article-body p+p{margin-top:17px}.article-body a:not(.button):not(.next-secondary){text-decoration:underline;text-underline-offset:4px}.article-body a:hover{text-decoration-thickness:2px}.article-body p a{color:#365d23}.article-notice{display:flex;align-items:flex-start;gap:14px;background:#edf3e6;border-left:3px solid #76984c;padding:23px 25px}.article-notice>.icon{width:22px;color:#517630;margin-top:5px}.article-notice strong{display:block;font-size:1.125rem;line-height:1.75}.article-notice p{font-size:1rem;margin-top:8px;color:#485647}.article-section{padding-top:62px;scroll-margin-top:12px}.article-section h2{font-size:clamp(1.625rem,2.5vw,2rem);line-height:1.6;margin-bottom:25px;letter-spacing:-.01em}.article-section h3{font-size:1.375rem;line-height:1.65;letter-spacing:-.01em}.article-body .article-small{font-size:.9375rem;color:var(--muted);line-height:1.9}.preparation-list{margin:28px 0 22px;border-top:1px solid var(--line)}.preparation-list li{display:flex;gap:17px;padding:22px 0;border-bottom:1px solid var(--line)}.preparation-list .icon{width:22px;height:22px;color:#527e29;margin-top:5px}.preparation-list strong{font-size:1.125rem}.preparation-list p{margin-top:4px;color:var(--muted);font-size:1rem}.instruction-list{margin-top:32px}.instruction{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;border-top:1px solid var(--line);padding:35px 0}.instruction:last-child{border-bottom:1px solid var(--line)}.instruction-number{display:inline-block;font-size:.9375rem;color:#456727;font-weight:700;letter-spacing:.05em;margin-bottom:13px}.instruction-copy h3{margin-bottom:14px}.instruction-copy p{font-size:1.0625rem}.source-link{display:flex;align-items:center;gap:9px;width:fit-content;max-width:100%;color:#42642b;font-size:.9375rem;margin-top:20px;line-height:1.9}.source-link .icon{width:15px;height:15px}.completion-panel{display:flex;gap:19px;background:#edf4e5;border-radius:8px;padding:27px;margin-bottom:24px;border:1px solid #cdddc0}.completion-panel>.icon{color:#456d25;width:30px;height:30px;flex-shrink:0;margin-top:4px}.completion-panel h3{font-size:1.3125rem;margin-bottom:9px}.completion-panel p{font-size:1.0625rem}.article-section .subheading{margin:35px 0 16px}.notice-plain{margin-top:25px;background:#f5f6f3;padding:20px}.notice-plain strong{font-size:1rem}.capacity-box{padding:27px;background:var(--soft);border-radius:8px;scroll-margin-top:12px}.capacity-box h3{margin-bottom:17px}.capacity-box>p{font-size:1.0625rem}.text-list{list-style:disc;padding-left:1.4em;margin:18px 0 23px}.text-list li+li{margin-top:11px}.article-faq{border-top:1px solid var(--line);margin-top:25px}.article-faq summary{font-size:1.125rem;padding:23px 0}.article-faq .detail-body{font-size:1.0625rem;padding-bottom:25px}.article-faq .detail-body a{font-size:.9375rem}.next-section{padding:36px;background:var(--navy);color:white;border-radius:10px;margin-top:60px}.next-label{color:var(--lime);font-size:.9375rem;margin-bottom:14px}.next-section h2{font-size:1.75rem;margin-bottom:19px}.next-section>p:not(.next-label){font-size:1.0625rem;color:#c5d2d8}.next-section .button{margin-top:25px;font-size:1rem;gap:16px}.next-secondary{display:flex;gap:8px;align-items:center;font-size:.9375rem;margin-top:21px;color:#c8d7dc;text-decoration:underline;text-underline-offset:4px}.next-secondary .icon{height:15px;width:15px}.article-sources{border-top:1px solid var(--line);margin-top:44px;padding-top:29px;font-size:.9375rem;color:var(--muted)}.article-sources h2{font-size:1.125rem;margin-bottom:13px}.article-sources>a{display:inline-block;margin-top:17px}.article-intro{animation:hero-in .7s var(--ease) both}
@media(max-width:1100px){.article-layout{grid-template-columns:190px minmax(0,1fr);gap:40px}.article-hero-grid{gap:30px}.backup-overview{padding-left:28px}.instruction{gap:23px}.next-section{padding:28px}}
@media(max-width:800px){.article-hero{padding-top:20px}.article-hero-grid{display:block;padding:29px 0 32px}.article-intro h1{font-size:clamp(2rem,7.4vw,3.25rem);line-height:1.5}.article-category{font-size:.875rem;gap:8px;margin-bottom:17px}.article-lead{font-size:1.125rem;margin-top:20px}.article-lead br{display:none}.backup-overview{border-left:0;border-top:1px solid #3f4f48;margin-top:32px;padding:21px 0 0}.overview-cloud,.overview-note{display:none}.overview-heading{font-size:1rem}.overview-flow{flex-direction:row;flex-wrap:wrap;gap:12px 17px;margin-top:15px}.overview-flow li{font-size:.9375rem;gap:7px}.overview-flow span{width:24px;height:24px;font-size:.875rem}.article-meta{font-size:.875rem;gap:4px 20px;padding-block:16px}.article-layout{display:flex;flex-direction:column;gap:29px;padding-top:29px;padding-bottom:45px}.article-toc{position:static;width:100%;font-size:.9375rem;padding:21px;background:var(--soft);border-radius:8px}.toc-title{margin-bottom:12px}.article-toc nav{display:grid;grid-template-columns:1fr 1fr;border:0;column-gap:13px}.article-toc nav a{padding:10px 0;border:0;margin:0;text-decoration:underline;text-underline-offset:4px}.article-toc nav a[aria-current]{font-weight:400;background:none}.toc-return{margin-top:13px;padding-top:16px}.article-notice{padding:19px 17px;gap:11px}.article-notice strong{font-size:1.0625rem}.article-notice p{font-size:1rem}.article-section{padding-top:44px;scroll-margin-top:10px}.article-section h2{font-size:1.625rem;margin-bottom:22px}.instruction{grid-template-columns:1fr;gap:21px;padding-block:29px}.instruction-copy h3{font-size:1.375rem}.instruction-copy h3 br{display:none}.instruction-copy p{font-size:1.125rem}.completion-panel{padding:22px 18px;gap:12px}.completion-panel>.icon{width:24px;height:24px}.completion-panel p{font-size:1.0625rem}.capacity-box{padding:23px 19px;scroll-margin-top:10px}.capacity-box>p,.article-faq .detail-body{font-size:1.125rem}.article-faq summary{font-size:1.0625rem}.next-section{margin-top:44px;padding:27px 22px}.next-section h2{font-size:1.5rem}.next-section h2 br{display:none}.next-section .button{padding:15px 16px;gap:9px;width:100%}.next-section .button .icon{width:19px}.article-sources{margin-top:32px}.source-link{font-size:.9375rem}}
@media(max-width:370px){.article-category{font-size:.875rem}.article-toc{padding:18px 14px}.article-toc nav{grid-template-columns:1fr}.article-notice>.icon{display:none}.next-section{padding-inline:17px}.next-section .button{font-size:.9375rem}.article-intro .button{font-size:1rem;gap:15px}}
@media(prefers-reduced-motion:reduce){.article-intro{animation:none}}
@media print{.article-page main>.article-hero{display:block!important;background:white;color:black;padding:0}.article-page .article-hero-grid{display:block;padding:0}.article-page .article-intro h1{font-size:24pt}.article-page .article-lead,.article-page .article-meta{color:black}.article-page .breadcrumb,.article-page .article-category,.article-page .backup-overview,.article-page .article-toc,.article-page .button,.article-page .next-section{display:none!important}.article-page .article-layout{display:block;width:100%;padding:20px 0}.article-page .article-section{padding-top:25px}.article-page .article-section h2{font-size:18pt}.article-page .article-body{font-size:11pt}.article-page .instruction{break-inside:avoid;grid-template-columns:1fr 1fr}.article-page .article-notice,.article-page .completion-panel{break-inside:avoid}.article-page .article-faq details>.detail-body{display:block!important}.article-page summary .plus{display:none}}

/* 手順画像は本文より小さく、中央に表示する */
.article-page .instruction{grid-template-columns:1fr;gap:24px}.instruction-copy h3 br{display:none}.instruction-image{margin:0 auto;width:100%;max-width:600px;min-width:0;border-radius:9px;overflow:hidden;border:1px solid var(--line)}.instruction-image img{width:100%;height:auto;display:block}.instruction-copy p{font-size:1.125rem}

/* 売却前チェックリスト（checklist.html） */
.check-panel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px 26px;background:var(--navy);color:white;border-radius:10px;padding:22px 26px;margin-top:28px}.check-count{font-size:1rem;white-space:nowrap}.check-count b{font-size:2.125rem;color:var(--lime);margin-right:6px;font-variant-numeric:tabular-nums}.check-bar{height:10px;border-radius:99px;background:#2d3c46;overflow:hidden}.check-bar span{display:block;height:100%;width:calc(var(--done,0) * 100%);background:var(--lime);border-radius:inherit;transition:width .5s var(--ease)}.check-actions{display:flex;flex-wrap:wrap;gap:10px}.check-actions button{display:inline-flex;align-items:center;gap:8px;border:1px solid #4a5a63;border-radius:6px;padding:9px 14px;font:inherit;font-size:.9375rem;color:white;background:transparent;cursor:pointer;white-space:nowrap;transition:border-color .2s}.check-actions button:hover{border-color:var(--lime)}.check-actions .icon{width:17px;height:17px}.check-message{grid-column:1/-1;color:var(--lime);font-size:1rem;line-height:1.8}.check-message:empty{display:none}
.check-stage{margin-top:46px;scroll-margin-top:12px}.stage-head{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:2px solid var(--navy)}.stage-num{font-size:.9375rem;font-weight:700;color:#456727;letter-spacing:.05em}.stage-head h3{font-size:1.375rem;line-height:1.6}.stage-count{margin-left:auto;font-size:.9375rem;color:var(--muted);background:var(--soft);padding:3px 11px;border-radius:99px;white-space:nowrap;font-variant-numeric:tabular-nums;transition:background .3s,color .3s}.check-stage.is-done .stage-count{background:var(--lime);color:var(--ink);font-weight:700}
.check-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line)}.check-item label{display:flex;gap:16px;align-items:flex-start;cursor:pointer;position:relative}.check-item input{position:absolute;top:2px;left:0;width:28px;height:28px;margin:0;opacity:0;cursor:pointer}.check-box{flex:0 0 28px;width:28px;height:28px;margin-top:2px;border:2px solid #8d9c99;border-radius:6px;display:grid;place-items:center;background:white;transition:background .2s,border-color .2s}.check-box .icon{width:18px;height:18px;stroke-width:3;color:var(--navy);opacity:0;transform:scale(.4);transition:opacity .2s,transform .35s var(--ease)}.check-item input:checked+.check-box{background:var(--lime);border-color:#6f9350}.check-item input:checked+.check-box .icon{opacity:1;transform:none}.check-item input:focus-visible+.check-box{outline:3px solid #365d23;outline-offset:3px}.check-text strong{display:block;font-size:1.125rem;line-height:1.75;font-weight:500}.check-text small{display:block;font-size:.9375rem;color:var(--muted);line-height:1.8;margin-top:3px}.check-item input:checked~.check-text strong{color:#56675e}.check-links{display:flex;flex-wrap:wrap;gap:4px 16px;justify-content:flex-end;font-size:.9375rem;white-space:nowrap}.article-body .check-links a{color:#365d23}
@media(max-width:800px){.check-panel{grid-template-columns:auto minmax(0,1fr);padding:20px 18px}.check-actions{grid-column:1/-1}.check-actions button{flex:1 1 140px;justify-content:center}.check-stage{margin-top:38px}.stage-head h3{font-size:1.25rem}.check-item{grid-template-columns:1fr}.check-links{justify-content:flex-start;padding-left:44px;white-space:normal}}
@media(prefers-reduced-motion:reduce){.check-bar span,.check-box .icon{transition:none}}
@media print{.article-page .check-panel,.article-page .check-links,.article-page .print-hide{display:none!important}.article-page .check-stage{margin-top:6mm}.article-page .stage-head{padding-bottom:2mm;break-after:avoid}.article-page .stage-head h3{font-size:13pt}.article-page .stage-count{display:none}.article-page .check-item{grid-template-columns:1fr;padding:2.5mm 0;break-inside:avoid}.article-page .check-box{border:1.5px solid #333;width:5mm;height:5mm;flex-basis:5mm}.article-page .check-text strong{font-size:11pt}.article-page .check-text small{font-size:9pt;color:#333}}

/* 見出しを語のまとまりで折り返す */
.nb{display:inline-block}

/* 項目の索引（faq.html） */
.chip-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.article-body .chip-nav a:not(.button){display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:99px;padding:7px 17px;font-size:.9375rem;line-height:1.6;text-decoration:none;color:var(--ink);transition:background .2s,border-color .2s}.article-body .chip-nav a:not(.button):hover{background:#f2f7ec;border-color:#9fbf7a}

/* 買取サービスの案内（sell.html） */
.service-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.service-card{display:flex;flex-direction:column;border:1px solid var(--line);border-top:4px solid var(--lime);border-radius:10px;padding:26px 26px 24px;background:white;scroll-margin-top:12px}.service-label{font-size:.9375rem;font-weight:700;color:#456727;letter-spacing:.04em}.service-card h3{font-size:1.625rem;line-height:1.5;margin:6px 0 8px}.service-card>p{font-size:1.0625rem}.service-card ul{margin:16px 0 22px;border-top:1px solid var(--line)}.service-card li{display:flex;gap:10px;font-size:1rem;line-height:1.8;padding:11px 0;border-bottom:1px solid var(--line)}.service-card li .icon{width:18px;height:18px;color:#527e29;margin-top:5px}.service-card .button{margin-top:auto;font-size:1rem;gap:12px;padding:14px 18px;min-height:52px}.service-card .button .icon{width:17px;height:17px}
.flow-list{counter-reset:flow;margin:26px 0 8px}.flow-list li{counter-increment:flow;position:relative;padding:0 0 26px 58px}.flow-list li:before{content:counter(flow);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;background:var(--navy);color:var(--lime);display:grid;place-items:center;font-weight:700;font-size:1rem}.flow-list li:after{content:"";position:absolute;left:18px;top:44px;bottom:6px;width:2px;background:var(--line)}.flow-list li:last-child{padding-bottom:4px}.flow-list li:last-child:after{display:none}.flow-list strong{display:block;font-size:1.1875rem;line-height:1.7;padding-top:3px}.flow-list p{font-size:1.0625rem;margin-top:4px}
@media(max-width:800px){.service-cards{grid-template-columns:1fr}.service-card{padding:22px 19px 20px}.flow-list li{padding-left:52px}.flow-list p{font-size:1.125rem}}

/* 判定の記号の一覧（payment-network-check.html） */
.mark-list{margin:24px 0 8px;border-top:1px solid var(--line)}.mark-list li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:18px;align-items:start;padding:20px 0;border-bottom:1px solid var(--line)}.mark-symbol{width:56px;height:56px;border-radius:10px;background:var(--navy);color:var(--lime);display:grid;place-items:center;font-size:1.75rem;font-weight:700;line-height:1}.mark-list strong{display:block;font-size:1.125rem;line-height:1.75}.mark-list p{font-size:1rem;color:var(--muted);margin-top:4px;line-height:1.9}.mark-list p+p{margin-top:6px}
@media(max-width:800px){.mark-list li{grid-template-columns:46px minmax(0,1fr);gap:14px}.mark-symbol{width:46px;height:46px;font-size:1.5rem}.mark-list p{font-size:1.0625rem}}

/* 会社情報・窓口の表（21〜23番の追加時） */
.info-table{margin:24px 0 18px;border-top:1px solid var(--line)}.info-table>div{display:grid;grid-template-columns:8.5em minmax(0,1fr);gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.info-table dt{font-size:1rem;font-weight:700;line-height:1.9;color:var(--ink)}.info-table dd{margin:0;font-size:1.0625rem;line-height:1.9;overflow-wrap:anywhere}.info-table dd small{display:block;font-size:.9375rem;color:var(--muted);margin-top:2px}.notice-plain p{font-size:1rem;margin-top:6px;line-height:1.9}@media(max-width:800px){.info-table>div{grid-template-columns:1fr;gap:2px;padding:14px 0}.info-table dt{font-size:.9375rem;color:var(--muted)}}