/* 貞和のしるしと、freee の器に足した最小限の部品だけ（寸法は freee のまま） */
.tw-logo{display:inline-flex;align-items:center;gap:10px}.tw-logo svg{width:40px;height:auto;flex:none}
.tw-logo-t{font-size:18px;font-weight:700;color:#23221f;letter-spacing:.06em;white-space:nowrap}
footer .tw-logo-t{color:#fff}
.tw-fbtn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:24px;background:#2c4f86;color:#fff!important;font-weight:700;text-decoration:none}
.tw-fnav{display:flex;flex-wrap:wrap;gap:12px 32px;list-style:none;margin:0;padding:0}.tw-fnav a{color:#fff;text-decoration:none}
.lazy_image{opacity:1!important}
/* freee の受賞バッジ・宣伝バナーと同じ寸法の器に入れた貞和の事実 */
.tw-aw{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:189px;height:100px;max-width:100%;color:#1d3a6b;text-align:center;line-height:1.4}
.tw-aw small{font-size:15px;font-weight:700}.tw-aw b{font-size:26px;font-weight:700}
.tw-bnr{display:flex;align-items:center;gap:24px;aspect-ratio:1680/440;width:100%;background:#f2f5f9;border:2px solid #1d3a6b;border-radius:12px;padding:0 24px;overflow:hidden;text-decoration:none}
.tw-bnr-t{display:flex;flex-direction:column;gap:6px;color:#23221f;font-weight:700;font-size:clamp(16px,2vw,26px);flex:1;text-align:left}
.tw-bnr-t small{font-size:15px;color:#1d3a6b}.tw-bnr-t b{display:inline-block;width:max-content;background:#1d3a6b;color:#fff;border-radius:24px;padding:4px 18px;font-size:15px}
.tw-bnr img{width:53%;height:auto;border-radius:6px;border:1px solid #d5dde8}
/* freee の器で、元はスクリプトが担っていた開け閉めと、検査に掛かる元の作りの直し */
.slim_header-sp-menu{overflow:hidden}
.slim_header-sp-menu.tw-open{overflow:visible;height:auto!important;background:#fff;box-shadow:0 8px 16px rgba(0,0,0,.08)}
.accounting-top__body{overflow-x:clip}
.accounting-top__kv__heading__title{max-width:100%;width:auto!important}
@media (max-width:1023px){.fr-rh92md0b .accounting-top__kv__heading__title{display:block;font-size:min(40px,9.4vw)}}
:is(h1,h2,h3,p,a,li,span,button,dt,dd){word-break:auto-phrase}
.fr-rh92md0b .accounting-top__kv__heading__title:before{display:none!important}
.accounting-top__kv__heading{width:auto!important;max-width:100%}
.fr-rh92md0b .accounting-top__kv__heading__title{display:block}
.slim_header-sp-menu:not(.tw-open)>*{display:none!important}
.tw-nw{white-space:nowrap}
@media (max-width:359px){.slim_header-cta .c-btn-primary,.slim_header-cta-menuBtnSp+*{display:none!important}.tw-logo-t{font-size:15px}}
.accounting-top__body>section,.accounting-top__select__inner,.accounting-top__kv__wrap,.accounting-top__value__inner,.g-footerNav_mainService,.l-container{overflow-x:clip}
/* 押す所は高さ44px以上（文字だけのリンクも） */
@media (max-width:1024px){.c-link,.slim_header-cta a,.slim_header-cta button,.slim_header-cta-menuBtnSp,.slim_header-cta-menuBtnPc{min-height:44px;display:inline-flex;align-items:center}}
.slim_header-menu-item:not(.tw-open) .slim_header-menu-item-accordion{display:none!important}
@media (max-width:1024px){.slim_header-menu-item-btn{min-height:44px;width:auto!important;white-space:nowrap}}
@media (max-width:1024px){.c-btn{min-height:44px}}
@media (max-width:419px){.slim_header-cta .c-btn-primary{display:none!important}}

.slim_header-cta-menuBtnSp>span~span,.slim_header-cta-menuBtnPc>span~span{display:none!important}

/* 1024〜1279px：freee の PC 版（最小幅1280）を画面に収める */
@media (min-width:1024px) and (max-width:1279px){body{min-width:0!important}.accounting-top__body [class*="__inner"],.accounting-top__kv__wrap,.g-footer_inner{max-width:calc(100% - 32px)!important}}
.slim_header-menu-item-btn{min-width:max-content}
.accounting-top__reason__item__title,.accounting-top__reason__item__text{overflow:hidden}
@media (max-width:1023px){.slim_header-cta-menuBtnPc{display:none!important}}
@media (min-width:1024px){.slim_header-cta-menuBtnSp{display:none!important}}
@media (min-width:1024px) and (max-width:1279px){.accounting-top__reason__item__image{max-width:34%!important;height:auto!important}}
.slim_header-cta{flex-shrink:0}
@media (max-width:1279px){.slim_header-cta-menuBtnPc>span{display:none!important}}
@media (max-width:1023px){.tw-bnr{aspect-ratio:auto;padding:14px 16px}.tw-bnr img{display:none}.tw-bnr-t{font-size:17px}}
:root{--svh:8px} /* vh-ok 読み込み前の仮の値（JS が px で上書き） */
.accounting-top__security__item img{width:96px;height:97px;object-fit:contain}
html,body{scroll-behavior:auto!important}
.tw-sic{display:flex;align-items:center;justify-content:center;width:96px;height:97px;margin:0 auto;color:#1d3a6b}
.g-footerSubNav_list{display:flex;flex-wrap:wrap;gap:8px 24px}
.accounting-top__select__heading__title>span:before{background-color:#cddcf0!important}
@media (max-width:1023px){.accounting-top__value__card__image img{display:block!important;width:48px;height:48px;object-fit:cover;object-position:center top;border-radius:8px}}
@media (max-width:1023px){.accounting-top__value__card__image{position:relative}.accounting-top__value__card__image img{position:absolute!important;inset:0;margin:0!important;z-index:1;background:#fff}}
@media (max-width:1023px){.accounting-top__value__card__image img{width:48px!important;height:48px!important;aspect-ratio:auto!important;object-fit:cover!important}}

/* 実例の絵：元の freee と同じ箱（PC 340×209・上へ80px重ねる／スマホは上に24px） */
@media (min-width:1024px){.accounting-top__reason__item__image{height:209px!important;aspect-ratio:auto!important;object-fit:contain!important}}
@media (min-width:1024px){.accounting-top__reason__item__title{max-width:calc(100% - 364px)}}
@media (min-width:1024px) and (max-width:1279px){.accounting-top__reason__item__title{max-width:calc(66% - 24px)}}
/* 実例の写真の列：元の freee と同じ箱（PC は高さ344px、スマホは 194:134） */
@media (min-width:1024px){.accounting-top__reason__slider__item img{height:344px!important;width:auto!important;aspect-ratio:564/344!important;object-fit:cover!important}}
@media (max-width:1023px){.accounting-top__reason__slider__item img{aspect-ratio:194/134!important;height:auto!important;width:100%;object-fit:cover!important}}
/* 価値の区画の飾り（元は freee のキャラクターと吹き出し）：同じ箱に、貞和の絵と吹き出し */
.tw-sweee{display:none!important;align-items:center;gap:8px;box-sizing:border-box}
@media (min-width:1024px){.tw-sweee.is-pc{display:flex!important}}@media (max-width:1023px){.tw-sweee.is-sp{display:flex!important}}
.tw-sweee img{height:100%;width:auto;aspect-ratio:901/538;object-fit:contain;flex:none}
.tw-bubble{position:relative;border:1.5px solid #2c4f86;border-radius:999px;padding:8px 16px;font-size:15px;line-height:1.4;font-weight:700;color:#1d3a6b;background:#fff;white-space:nowrap}
.tw-bubble::before{content:"";position:absolute;left:-7px;top:50%;width:10px;height:10px;background:#fff;border-left:1.5px solid #2c4f86;border-bottom:1.5px solid #2c4f86;transform:translateY(-50%) rotate(45deg)}
@media (min-width:1024px){.tw-sweee{width:228px!important;flex-direction:column-reverse;justify-content:flex-end;align-items:center;gap:6px}.tw-sweee img{height:96px}.tw-bubble::before{left:50%;top:auto;bottom:-6px;transform:translateX(-50%) rotate(-45deg)}}
@media (max-width:1023px){.tw-sweee img{height:89px!important}}
.tw-logo,.tw-logo *,a:has(>.tw-logo){text-decoration:none!important}
.accounting-top__value__wrap{overflow-x:clip}
@media (max-width:1023px){.tw-sweee{height:100px!important;align-items:center}.tw-sweee img{height:72px!important}}
@media (min-width:1024px){.accounting-top__value__inner>.c-paragraph{max-width:calc(100% - 424px);margin-inline:auto}}
@media (min-width:1024px) and (max-width:1279px){.tw-sweee.is-pc img{height:55px!important}.tw-sweee.is-pc{height:auto!important}}
@media (min-width:1280px){.tw-sweee.is-pc{height:134px!important}.tw-sweee.is-pc img{height:76px!important}}
.slim_header-menu-item-btn{width:auto!important;white-space:nowrap}
.slim_header a:has(>.tw-logo),.slim_header .tw-logo{display:inline-flex!important;align-items:center}.slim_header a:has(>.tw-logo){height:44px;margin-top:0}
@media (min-width:1024px){.slim_header-menu-item-btn{line-height:22.5px;align-self:center}}
.accounting-top__select__heading__title>span:before{background-color:#c3d4ee!important}
/* 「サービスを知る」の矢印：元は枠の右外18px。見た目はそのままで枠の中に収める */
.slim_header-menu-item-btn{padding-right:18px!important;margin-right:-18px}.slim_header-menu-item-btn:before{right:0!important}
.slim_header-menu-item-btn{margin-right:0!important}.slim_header-menu-item:has(>.slim_header-menu-item-btn){margin-right:-2px}
@media (max-width:1024px){.slim_header-menu-item-link{min-height:44px;display:inline-flex!important;align-items:center}}
/* 1024〜1279px：元の freee は 1280px 固定で横に切れる。貞和は右の2枚の札を残りの幅に縮めて収める（縦横比は元の 292:… のまま） */
@media (min-width:1024px) and (max-width:1279px){
 .accounting-top__kv__wrap>.u-display-only-lg{flex:1 1 0;min-width:0;margin-left:24px}
 .accounting-top__kv__banner,.accounting-top__kv__banner__wrap{width:100%!important}
 .accounting-top__kv__banner__card{flex:1 1 0!important;min-width:0;width:auto!important}
 .accounting-top__kv__banner__card img{width:100%!important;height:auto!important}
}
@media (min-width:1024px) and (max-width:1279px){
 .accounting-top__kv__banner__card{height:auto!important;aspect-ratio:292/346;background-size:100% calc(100% - 88px)!important;container-type:inline-size}
 .accounting-top__kv__banner__card__link{font-size:8.9cqw!important;white-space:nowrap}
 .accounting-top__kv__banner__card__label,.accounting-top__kv__banner__card small,.accounting-top__kv__banner__card p{font-size:max(15px,5.1cqw)!important;white-space:nowrap}
}
.accounting-top__kv__banner__tips{text-wrap:balance}
/* 狭い幅：元の freee は中身を 312px 固定にしていて 320px では左右 4px しか空かない。左右 16px（55÷φ²に近い 21 の段の手前）を確保 */
@media (max-width:359px){.accounting-top__kv__inner{width:calc(100% - 32px)!important;margin-inline:16px!important}}
@media (max-width:359px){.accounting-top__kv__button{column-gap:8px!important}.accounting-top__kv__button a{padding-inline:10px!important;flex:1 1 0;min-width:0;justify-content:center}.accounting-top__kv__button a span{white-space:nowrap}}
@media (max-width:359px){.accounting-top__kv__button a{padding-inline:6px!important}.accounting-top__kv__button a>span{column-gap:4px!important}}
/* 320〜359px：横並びのまま、ボタンの中の小さな矢印・取り込みの印を外して 288px に収める */
@media (max-width:359px){.accounting-top__kv__button a>span>*:last-child:not(:only-child),.accounting-top__kv__button a img,.accounting-top__kv__button a svg{display:none!important}}
@media (max-width:359px){.accounting-top__kv__button a::after,.accounting-top__kv__button a span::after,.accounting-top__kv__button a::before,.accounting-top__kv__button a span::before{display:none!important}}
@media (max-width:359px){.accounting-top__select__inner>*:not(.accounting-top__select__heading){margin-inline:16px!important;width:auto!important;max-width:none!important}.ab-accounting-top__select__wrap{margin-inline:16px!important}}
@media (max-width:359px){.fr-rh92md0b .ab-accounting-top__select__wrap .ab-accounting-top__select__card{margin-inline:0!important;width:100%!important;max-width:100%!important}}
@media (max-width:359px){.fr-rh92md0b .ab-accounting-top__select__card>a,.fr-rh92md0b .ab-accounting-top__select__card *{max-width:100%;box-sizing:border-box}.fr-rh92md0b .ab-accounting-top__select__card>a{width:100%!important}.ab-accounting-top__select__card{overflow:hidden;border-radius:8px}}
@media (max-width:359px){.fr-rh92md0b .ab-accounting-top__select__card>a{padding-left:96px!important}.fr-rh92md0b .ab-accounting-top__select__card img{max-width:88px!important;height:auto!important}}
@media (max-width:359px){.fr-rh92md0b .ab-accounting-top__select__card>a::before{width:88px!important;height:69px!important;background-size:88px 69px!important;left:4px!important;top:40px!important}}
/* 実例の絵（スマホ）：絵ごとの縦横比で箱を取る（読み込み前から高さを確保し、跳ばない） */
@media (max-width:1023px){.accounting-top__reason__item__image{height:auto!important}.accounting-top__reason__item__image[src*='real-ai-request']{aspect-ratio:800/420!important}.accounting-top__reason__item__image[src*='real-ai-result-sp']{aspect-ratio:800/520!important}.accounting-top__reason__item__image[src*='il-s3']{aspect-ratio:1!important}}

/* ---- 手作業の時間 → AI の時間／キットの商品（トップに足した区画） ---- */
.tw-ba,.tw-kit{padding:96px 0;background:#fff}.tw-kit{background:#f4f2ec}
.tw-in{max-width:1120px;margin:0 auto;padding:0 24px}
.tw-eyebrow{font-size:15px;font-weight:700;letter-spacing:.14em;color:#8a6a1c;margin:0 0 12px}
.tw-h2{font-size:clamp(26px,3.4vw,40px);font-weight:700;line-height:1.45;color:#23221f;margin:0 0 20px;letter-spacing:.04em}
.tw-lead{font-size:16px;line-height:1.9;color:#3c3a35;max-width:760px;margin:0 0 40px}
.tw-ba-list{list-style:none;margin:0;padding:0;border-top:1px solid #d9d5ca}
.tw-ba-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr) 48px minmax(0,1fr);align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid #d9d5ca}
.tw-ba-task{font-weight:700;font-size:17px;color:#23221f;line-height:1.5}
.tw-ba-b,.tw-ba-a{display:flex;flex-direction:column;gap:4px}
.tw-ba-b b{font-size:24px;font-weight:700;color:#6b675e}.tw-ba-a b{font-size:28px;font-weight:700;color:#1d3a6b}
.tw-ba-b b.tw-na{font-size:17px;color:#8b877d}
.tw-src{font-size:15px;color:#77736a;line-height:1.5}a.tw-src{color:#5d5a52;text-decoration:underline;text-underline-offset:3px}
.tw-ba-ar{height:2px;background:#c9a235;position:relative}.tw-ba-ar:after{content:"";position:absolute;right:-1px;top:-5px;border:6px solid transparent;border-left:9px solid #c9a235;border-right:0}
.tw-note{font-size:15px;color:#6b675e;margin:24px 0 0;line-height:1.8}
.tw-kc-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.tw-kc a{display:flex;flex-direction:column;gap:8px;height:100%;background:#fff;border-radius:12px;overflow:hidden;text-decoration:none;color:#23221f;padding-bottom:16px;box-shadow:0 0 0 1px #e2ded3}
.tw-kc a:hover{box-shadow:0 0 0 2px #1d3a6b}
.tw-kc-img{position:relative;display:block;aspect-ratio:16/9;background:#0b0f18}.tw-kc-img img{width:100%;height:100%;object-fit:cover;display:block}
.tw-kc-play{position:absolute;right:12px;bottom:12px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.92)}
.tw-kc-play:after{content:"";position:absolute;left:16px;top:12px;border:8px solid transparent;border-left:12px solid #1d3a6b;border-right:0}
.tw-kc-p{font-size:15px;color:#6b675e;line-height:1.6;padding:4px 16px 0}
.tw-kc-n{font-size:18px;font-weight:700;line-height:1.5;padding:0 16px}
.tw-kc-t{margin-top:auto;font-size:15px;font-weight:700;color:#1d3a6b;padding:0 16px}
.tw-more{margin:40px 0 0;text-align:center}
@media (max-width:1023px){.tw-ba,.tw-kit{padding:64px 0}.tw-kc-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tw-pc{display:none}
 .tw-ba-row{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);gap:8px 12px}.tw-ba-task{grid-column:1/-1}}
@media (max-width:479px){.tw-kc-list{grid-template-columns:minmax(0,1fr)}}
/* ---- /kit/ ---- */
.tw-kit-hero{padding-top:64px}
.tw-flow{list-style:none;margin:0 0 40px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;counter-reset:f}
.tw-flow li{background:#f4f2ec;border-radius:10px;padding:16px;font-size:15px;line-height:1.6;color:#4a4740;counter-increment:f}
.tw-flow b{display:block;font-size:17px;color:#1d3a6b;margin-bottom:4px}.tw-flow b:before{content:counter(f) "　";color:#8a6a1c}
.tw-kit-idx{display:flex;flex-wrap:wrap;gap:8px}
.tw-kit-idx a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:22px;box-shadow:0 0 0 1px #d9d5ca;color:#23221f;text-decoration:none;font-size:15px}
.tw-kit-idx a span{color:#8a6a1c;font-weight:700}
.tw-kp{background:#fff;border-radius:16px;padding:40px;margin:0 0 32px;scroll-margin-top:96px}
.tw-kp-h{display:flex;gap:24px;align-items:flex-start;margin-bottom:24px}
.tw-kp-no{font-size:40px;font-weight:300;color:#c9a235;line-height:1}
.tw-kp-pain{font-size:16px;color:#6b675e;margin:0 0 4px;line-height:1.6}
.tw-kp-name{font-size:clamp(24px,2.6vw,32px);font-weight:700;margin:0;color:#23221f;line-height:1.4}
.tw-kp-main{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:32px;align-items:start}
.tw-kp-film{width:100%;aspect-ratio:16/9;background:#0b0f18;border-radius:10px;display:block;object-fit:cover}
.tw-kp-cap{font-size:15px;color:#77736a;margin:8px 0 0}
.tw-kp-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.tw-kp-steps li{border-left:2px solid #e2ded3;padding:0 0 0 16px}
.tw-kp-steps small{display:block;font-size:15px;font-weight:700;color:#8a6a1c;letter-spacing:.06em}
.tw-kp-steps p{margin:2px 0 0;font-size:16px;line-height:1.7;color:#2f2d29}
.tw-kp-say{font-weight:700;color:#1d3a6b!important;font-size:18px!important}
.tw-ba-one{margin-top:28px;border-top:1px solid #d9d5ca;border-bottom:1px solid #d9d5ca}
.tw-kp-shots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}
.tw-kp-shots figure{margin:0}.tw-kp-shots img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px;box-shadow:0 0 0 1px #e2ded3;display:block}
.tw-kp-shots figcaption{font-size:15px;color:#5d5a52;line-height:1.6;margin-top:8px}
@media (max-width:1023px){.tw-flow{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tw-kp{padding:24px 16px}.tw-kp-main{grid-template-columns:minmax(0,1fr)}.tw-kp-shots{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tw-kp-h{gap:12px}}
@media (max-width:479px){.tw-flow{grid-template-columns:minmax(0,1fr)}}
.tw-h3{font-size:18px;font-weight:700;color:#23221f;margin:48px 0 16px;line-height:1.6}
.tw-ba-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;border-top:1px solid #d9d5ca}
.tw-ba-grid li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 0;border-bottom:1px solid #e6e2d8;font-size:15px;line-height:1.6;color:#3c3a35}
.tw-ba-grid b{font-size:20px;color:#1d3a6b;white-space:nowrap}
@media (max-width:1023px){.tw-ba-grid{grid-template-columns:minmax(0,1fr)}}
.tw-ba *,.tw-kit *,.tw-kit-hero *{word-break:keep-all;overflow-wrap:anywhere}
@media (max-width:767px){.tw-ba-row{grid-template-columns:minmax(0,1fr)!important;gap:8px}.tw-ba-ar{width:40px;transform:rotate(90deg);transform-origin:20px 50%;margin:6px 0 10px 0}}
@media (max-width:479px){.tw-kp-h{flex-direction:column;gap:4px}.tw-kp-no{font-size:28px}.tw-kp-shots{grid-template-columns:minmax(0,1fr)}}
a.tw-src{display:inline-flex;align-items:center;min-height:44px}
/* 一番上：数字の札の代わりに、頼んだ一文と返ってきた表の実物 */

.tw-real{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #d9d5ca;border-radius:12px;padding:16px;box-shadow:0 8px 24px rgba(29,58,107,.08);text-align:left}
.tw-real-q{font-size:15px;font-weight:700;line-height:1.6;color:#23221f}.tw-real-q small{display:block;font-size:15px;color:#8a6a1c;font-weight:700}
.tw-real img{width:100%;height:auto;display:block;border-radius:4px}
.tw-real-c{font-size:15px;color:#1d3a6b;font-weight:700;line-height:1.5}
.tw-made{display:flex;flex-direction:column;gap:10px;text-align:left}
.tw-made-h{font-size:15px;font-weight:700;color:#8a6a1c;letter-spacing:.06em}
.tw-made-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tw-made-i{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:#23221f;font-size:15px;font-weight:700;line-height:1.5}
.tw-made-i img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top;border-radius:8px;box-shadow:0 0 0 1px #d9d5ca;display:block;background:#fff}
.tw-made-i:hover img{box-shadow:0 0 0 2px #1d3a6b}
@media (min-width:1024px) and (max-width:1279px){.accounting-top__kv__banner__card__link{font-size:15px!important}.accounting-top__kv__banner__card__link span{font-size:15px!important}}
.tw-made-i b{font-size:18px;color:#1d3a6b;line-height:1.3}
/* /kit/ 売り方 */
.tw-mk{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;align-items:start;margin-bottom:28px}
.tw-mk-plan{margin:0;display:flex;flex-direction:column;gap:14px}
.tw-mk-plan>div{border-left:2px solid #e2ded3;padding-left:16px}
.tw-mk-plan dt{font-size:15px;font-weight:700;color:#8a6a1c;letter-spacing:.06em}
.tw-mk-plan dd{margin:2px 0 0;font-size:16px;line-height:1.75;color:#2f2d29}
.tw-mk-ad{display:flex;flex-direction:column;gap:12px}
.tw-mk-ad img{width:100%;height:auto;border-radius:10px;box-shadow:0 0 0 1px #e2ded3;display:block}
.tw-mk-adt{background:#f4f2ec;border-radius:10px;padding:14px 16px}.tw-mk-adt small{display:block;font-size:15px;color:#8a6a1c;font-weight:700}
.tw-mk-adt b{display:block;font-size:17px;margin:4px 0}.tw-mk-adt p{margin:0;font-size:15px;line-height:1.8;color:#3c3a35}
.tw-mk-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin-bottom:28px}
.tw-mk-b h3{font-size:17px;font-weight:700;margin:0 0 10px;color:#23221f}
.tw-sa{border:1px solid #d9d5ca;border-radius:10px;padding:14px 16px;background:#fff}.tw-sa small{font-size:15px;font-weight:700;color:#23221f}
.tw-sa b{display:block;color:#1a4fb4;font-size:17px;line-height:1.5;margin:4px 0}.tw-sa p{margin:0;font-size:15px;line-height:1.7;color:#3c3a35}
.tw-mk-k{font-size:15px;font-weight:700;color:#6b675e;margin:12px 0 6px}
.tw-kw{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.tw-kw li{font-size:15px;background:#f4f2ec;border-radius:16px;padding:4px 12px}
.tw-mk-t{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6}.tw-mk-t th,.tw-mk-t td{border-bottom:1px solid #e6e2d8;padding:8px 6px;text-align:left;vertical-align:top}
.tw-mk-t thead th{color:#6b675e;font-weight:700}.tw-pr{font-weight:700;color:#23221f}
.tw-mk-mkt{font-size:15px;line-height:1.7;margin:10px 0 0;color:#3c3a35}
@media (max-width:1023px){.tw-mk,.tw-mk-row{grid-template-columns:minmax(0,1fr)}.tw-mk-t{display:block;overflow-x:auto}}
.tw-kp-shots2{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:0!important}.tw-ba-one{margin:0 0 28px}
.tw-cp{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.tw-cp li{display:flex;flex-direction:column;gap:2px;border-bottom:1px solid #e6e2d8;padding:0 0 10px;font-size:15px;line-height:1.6}
.tw-cp b{font-size:16px;color:#23221f}.tw-cp .tw-pr{color:#1d3a6b}.tw-cp-w{color:#5d5a52}.tw-cp .tw-src{min-height:32px}
.tw-mk-mkt{display:flex;flex-direction:column;gap:2px}.tw-mk-mkt small{font-size:15px;color:#6b675e}
/* キットのカード：freee の「選ばれる理由」のカードをそのまま使い、6枚を3列で折り返すだけ */
.tw-kitv .accounting-top__value__wrap{flex-wrap:wrap;row-gap:32px}
.tw-kitv-a{display:block;color:inherit;text-decoration:none}
a.tw-aw{text-decoration:none}
.tw-kp2 *,.tw-kith *,.tw-kitv *{word-break:keep-all}

/* ---- 「これまでに作ったもの」と /kit/ の商品の段。型は本人が選んだサイボウズ製品情報（cybozu.co.jp/products/、2026-10-31）。
   寸法：左右の列・間40・色札140x80と間20・丸ボタン高54 は型の実測。文字・色・幅はサイトのほかの区画の実測にそろえる
   （見出し38/500/57・#323232、本文16/24・#5a5a5a、青 #386ec0、中身の幅1064、本文は15px以上）。
   区画は白地。上の区画の雲の背景の下端がかからないよう、白地の始まりだけ48pxで溶かす ---- */
.accounting-top__body>section.tw-cys{position:relative;overflow-x:visible;padding:144px max(24px,calc((100% - 1064px) / 2)) 0}
.tw-cys::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,0),#fff 48px);pointer-events:none}
.tw-cys>*{position:relative}
.tw-cys *{word-break:keep-all}
.tw-cys-lead{font-size:38px;font-weight:500;line-height:57px;text-align:center;color:#323232;margin:0}
.tw-cys-sub{font-size:16px;line-height:24px;text-align:center;color:#5a5a5a;margin:24px 0 0}
.tw-cys-more{text-align:center;margin:40px 0 0}
.tw-cy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 40px;align-items:center;padding-top:96px;scroll-margin-top:96px}
.tw-cy-l{text-align:center;position:relative}
.tw-cy-chip{position:absolute;left:0;top:-56px;display:inline-flex;align-items:center;justify-content:center;min-width:80px;height:28px;padding:0 10px;border:1px solid #386ec0;border-radius:4px;font-size:15px;color:#386ec0}
.tw-cy-name{font-size:32px;font-weight:500;line-height:1.45;color:#386ec0;margin:0 0 16px}
.tw-cy-lead{font-size:16px;font-weight:700;line-height:24px;color:#323232;margin:0 0 32px}
.tw-cy-tiles{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(3,140px);gap:0 20px;justify-content:center;text-align:left}
.tw-cy-tiles b{display:flex;align-items:center;justify-content:center;height:80px;border-radius:8px;background:#386ec0;color:#fff;font-size:17px;line-height:24px;font-weight:700;text-align:center}
.tw-cy-tiles b i{font-style:normal;display:block;padding:0 6px}
.tw-cy-tiles li>span{display:block;margin-top:14px;font-size:15px;line-height:26px;color:#5a5a5a}
.tw-cy-btn{display:inline-flex;align-items:center;justify-content:center;min-width:200px;height:54px;padding:11px 28px;margin-top:40px;border:2px solid #386ec0;border-radius:27px;background:#fff;color:#386ec0!important;font-size:15px;font-weight:700;text-decoration:none}
.tw-cy-btn:hover{background:#386ec0;color:#fff!important}
.tw-cy-src{font-size:15px;line-height:26px;color:#5a5a5a;margin:16px 0 0}.tw-cy-src a{display:inline-block;white-space:nowrap;margin:0 6px;color:#5a5a5a;text-decoration:underline}
.tw-cy-r{display:flex;flex-direction:column;align-items:center;gap:8px}
.tw-cy-r>img{width:380px;max-width:100%;height:auto;border-radius:8px;box-shadow:0 0 0 1px #e2ded3}
.tw-cy-rw video,.tw-cy-rw img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px;box-shadow:0 0 0 1px #e2ded3;background:#000;display:block}
.tw-cy-rw img{object-fit:contain;background:#f4f2ec}
.tw-cy-r>p{font-size:15px;color:#5a5a5a;margin:0}
@media (max-width:1023px){
 .accounting-top__body>section.tw-cys{padding:96px 16px 0}
 .tw-cys-lead{font-size:28px;line-height:42px}
 .tw-cy{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:72px}
 .tw-cy-chip{position:static;margin-bottom:16px}.tw-cy-name{font-size:26px}
 .tw-cy-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 10px}.tw-cy-tiles b{font-size:15px;height:72px}}
@media (max-width:599px){
 .tw-cy-tiles{grid-template-columns:minmax(0,1fr);gap:16px}
 .tw-cy-tiles li{display:grid;grid-template-columns:132px minmax(0,1fr);gap:0 12px;align-items:center}
 .tw-cy-tiles b{height:64px}.tw-cy-tiles li>span{margin-top:0}}
/* ===== 一番上の区画の比率（2026-11-01 本人「比率が数学的に美しくない」）=====
   軸：本文の幅 W(1064) = 列 | 40 | 列。下の「作ったもの」の段（512|40|512）と同じ縦の線に乗せる。
   カード：2枚・間20（下の段の札の間と同じ）・縦横比 1:φ。見出し 68px（16·φ³。段 16→26→42→68）。
   見出しの字の上端＝カードの上端、説明文の最後の行の下端＝カードの下端。縦の間はフィボナッチ 55／89／144。 */
@media (min-width:1024px){
 .accounting-top__kv{padding:0!important;min-height:0!important;height:auto!important}
 .accounting-top__kv__wrap{display:grid!important;grid-template-columns:1fr 1fr;column-gap:40px;align-items:stretch;padding:55px 0 0!important;margin:0 auto!important}
 .accounting-top__kv__group{width:auto!important;max-width:none!important;display:flex!important;flex-direction:column;justify-content:space-between;margin:0!important;padding:0!important}
 .accounting-top__kv__group>.u-display-only-md{display:none!important}
 .accounting-top__kv__heading{margin:0!important;padding:0!important}
 .fr-rh92md0b .accounting-top__kv__heading__title,.accounting-top__kv__heading__title{font-size:68px!important;line-height:1.25!important;margin:-8.5px 0 0!important;padding:0!important;letter-spacing:.02em}
 .accounting-top__kv__text{margin:0 0 -6.5px!important;line-height:29px!important}
 .accounting-top__kv__wrap>.u-display-only-lg{margin:0!important;width:auto!important;flex:none!important;min-width:0}
 .accounting-top__kv__banner,.accounting-top__kv__banner__wrap{width:100%!important;margin:0!important;padding:0!important}
 .accounting-top__kv__banner__wrap{display:grid!important;grid-template-columns:1fr 1fr;gap:20px!important}
 .accounting-top__kv__banner__card{width:auto!important;height:auto!important;aspect-ratio:1/1.618!important;margin:0!important;background-size:auto calc(100% - 88px)!important;background-position:center top!important;background-repeat:no-repeat!important}
 .accounting-top__kv__banner__tips{display:none!important}
 /* 映像の帯：本文の全幅。写真は右の列にぴったり（16:9）。帯の左右の端＝見出しの左端・カードの右端 */
 .l-section:has(.tw-bnr){margin:89px 0 0!important;padding:0!important}
 .l-section:has(.tw-bnr) .l-container{width:min(1064px,calc(100% - 32px))!important;max-width:none!important;margin:0 auto!important;padding:0!important}
 .l-section:has(.tw-bnr) .l-grid{display:block!important;margin:0!important}
 .l-section:has(.tw-bnr) .l-grid_item{width:100%!important;max-width:none!important;flex:none!important;margin:0!important;padding:0!important}
 .l-section:has(.tw-bnr) a.c-img{display:block!important}
 .tw-bnr{display:grid!important;grid-template-columns:1fr 1fr;column-gap:40px;align-items:center;aspect-ratio:auto!important;padding:0!important;gap:0 40px}
 .tw-bnr-t{padding-left:55px;font-size:26px!important;gap:13px!important}
 .tw-bnr img{width:100%!important;aspect-ratio:16/9;height:auto!important;object-fit:cover;border:0!important;border-radius:0 10px 10px 0!important;display:block}
}
/* 本文の幅 W を上の区画・帯・下の段で共通にする（下の段 tw-cys は左右 24px 以上の余白） */
@media (min-width:1024px){
 .accounting-top__kv__inner,.accounting-top__kv__wrap{width:min(1064px,calc(100% - 48px))!important;max-width:none!important;margin-inline:auto!important}
 .accounting-top__kv__wrap{width:100%!important}
 .accounting-top__kv__wrap,.accounting-top__kv__banner__wrap,.tw-bnr{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
 .l-section:has(.tw-bnr) .l-container{width:min(1064px,calc(100% - 48px))!important}
}
@media (min-width:1024px){
 .accounting-top__body .accounting-top__kv .accounting-top__kv__inner{width:min(1064px,calc(100% - 48px))!important;max-width:none!important;min-width:0!important;margin-inline:auto!important;padding-inline:0!important}
 .accounting-top__body .accounting-top__kv .accounting-top__kv__wrap{width:100%!important;max-width:none!important;padding-inline:0!important}
 .fr-rh92md0b .accounting-top__kv .accounting-top__kv__heading__title{margin-top:-22.5px!important}
}
/* 改：カードは 1:√2（白銀比）。見出し3行＋間34＋説明2行の高さ＝カードの高さ。見出しの字は列の幅に比例（W1064 で 68px） */
@media (min-width:1024px){
 .accounting-top__kv__banner__card{aspect-ratio:1/1.41421!important}
 .accounting-top__kv__group{container-type:inline-size}
 .fr-rh92md0b .accounting-top__kv .accounting-top__kv__heading__title{font-size:min(68px,13.28cqi)!important;margin-top:-.331em!important}
}
/* 見出しの字 F：見出し3行の字の高さ(3.38F)＋間34＋説明2行の字の高さ44 ＝ カードの高さ((列-20)/2·√2)。F = 0.2092·列 − 26.1px（W1064 で 81px。字の間を点で測って34に合わせた） */
@media (min-width:1024px){
 .fr-rh92md0b .accounting-top__kv .accounting-top__kv__heading__title{font-size:min(81px,calc(20.92cqi - 26.1px))!important}
}
/* ===== 下の区画も同じ体系に（W・間40・見出し38）=====
   3つの理由＝3列、料金＝2列（上の区画と同じ 512|40|512 の軸）、安心＝4列、よくある質問＝W。どれも左右の端は W の端 */
@media (min-width:1024px){
 .accounting-top__value__inner,.accounting-top__select__inner,.accounting-top__security__inner{width:min(1064px,calc(100% - 48px))!important;max-width:none!important;margin-inline:auto!important;padding-inline:0!important}
 .accounting-top__value__wrap{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px!important;width:100%!important;margin-inline:0!important}
 .accounting-top__value__card{width:auto!important;max-width:none!important;margin:0!important}
 .accounting-top__value__card__image{height:auto!important;aspect-ratio:284/131;overflow:hidden}
 .accounting-top__value__card__image img{width:100%!important;height:100%!important;object-fit:cover}
 .ab-accounting-top__select__wrap{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px!important;width:100%!important;margin-inline:0!important}
 .ab-accounting-top__select__card{width:auto!important;max-width:none!important;margin:0!important}
 .accounting-top__security__wrap{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px!important;width:100%!important;margin-inline:0!important}
 .accounting-top__security__item{width:auto!important;max-width:none!important;margin:0!important}
 .accounting-top__faq>.l-grid{width:min(1064px,calc(100% - 48px))!important;max-width:none!important;margin-inline:auto!important;padding:0!important}
 .accounting-top__faq>.l-grid>.l-grid_item{width:100%!important;max-width:none!important;flex:none!important;padding:0!important;margin-inline:0!important}
 .accounting-top__security__heading__title,.accounting-top__faq .c-headingLv2{font-size:38px!important;line-height:57px!important}
}
/* 区画の間：前の区画の最後の部品の下端 → 次の区画の見出しの上端 ＝ 144（フィボナッチ。帯→「作ったもの」と同じ） */
@media (min-width:1024px){
 .accounting-top__body>section.accounting-top__value{padding-top:132px!important}
 .accounting-top__body>section.ab-accounting-top__select{padding-top:144px!important}
 .accounting-top__body>section.accounting-top__security{padding-top:96px!important}
 .accounting-top__body>section.accounting-top__faq{padding-top:144px!important}
}
@media (min-width:1024px){.accounting-top__body .ab-accounting-top__select .ab-accounting-top__select__wrap{padding-inline:0!important}}
/* /kit/：札の説明の長い語（「（日本ビジネスメール協会）」など）は枠の端で折り返す。出典のリンクは行の見た目を変えずに押せる高さを44に */
.tw-cy-tiles li>span{overflow-wrap:anywhere;min-width:0}
.tw-cy-tiles li{min-width:0}
@media (max-width:1024px){.tw-cy-src{line-height:44px}.tw-cy-src a{display:inline-block;min-height:44px;line-height:44px}}
/* ===== 配置のそろえ直し（2026-11-02 本人「バランスもゴミ」）===== */
/* ヘッダーとフッターの左右の端も本文の幅 W に */
@media (min-width:1280px){
 .slim_header-inner{width:min(1064px,calc(100% - 48px))!important;max-width:none!important;margin-inline:auto!important;padding-inline:0!important}
 .g-footer_inner{width:min(1064px,calc(100% - 48px))!important;max-width:none!important;margin-inline:auto!important;padding-inline:0!important}
}
@media (min-width:1024px){
 /* 作ったもの：左の列はすべて左ぞろえ、右の実物と上下の中心をそろえる */
 .tw-cy{align-items:center!important}
 .tw-cy-l{text-align:left!important;align-items:flex-start!important}
 .tw-cy-l .tw-cy-name,.tw-cy-l .tw-cy-lead{text-align:left!important}
 .tw-cy-l .tw-cy-tiles{justify-content:flex-start!important;margin-inline:0!important}
 .tw-cy-l .tw-cy-tiles li{text-align:left!important}
 .tw-cy-l .tw-cy-btn{margin-inline:0!important;align-self:flex-start}
 /* 3つの理由：説明の行の長さをそろえる */
 .accounting-top__value__inner>.c-paragraph{text-wrap:balance;max-width:640px;margin-inline:auto}
 /* 料金：写真をカードの幅いっぱいに。高さの 1/φ（61.8%）が写真、残りが文字 */
 .ab-accounting-top__select__card{overflow:hidden;border-radius:12px}
 .ab-accounting-top__select__card>a::before{top:0!important;left:0!important;width:100%!important;height:61.8%!important;background-size:cover!important;background-position:center 35%!important}
 .ab-accounting-top__select__card__count{z-index:2}
 /* 安心：図・題・本文をすべて左ぞろえ */
 .accounting-top__security__item,.accounting-top__security__item *{text-align:left!important}
 .accounting-top__security__item .tw-sic{display:block;margin-left:0!important}
}
/* ===== 動き（2026-11-02 本人「アニメーションもゴミ」）=====
   位置と透明度だけ（ページの高さは変えない）。画面の中で完結する動きなので「動きを減らす」設定でも止めない（本人のPCは常にその設定）。
   距離 21px・時間 0.8s・ずらし 0.1s。見える位置（上端が画面の82%）で始める。 */
html.tw-m [data-tw-r]{opacity:0;transform:translate3d(0,21px,0)}
html.tw-m [data-tw-r].is-in{opacity:1;transform:none;transition:opacity .8s cubic-bezier(.22,1,.36,1) var(--d,0s),transform .8s cubic-bezier(.22,1,.36,1) var(--d,0s)}
html.tw-m .tw-ln{display:block;overflow:hidden}
html.tw-m .tw-ln>span{display:inline-block;transform:translate3d(0,105%,0)}
html.tw-m .tw-ln.is-in>span{transform:none;transition:transform .9s cubic-bezier(.22,1,.36,1) var(--d,0s)}
@media (hover:hover){
 .accounting-top__value__card,.ab-accounting-top__select__card,.accounting-top__kv__banner__card,.tw-bnr,.tw-cy-r>img,.tw-cy-r>video{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}
 .accounting-top__value__card:hover,.ab-accounting-top__select__card:hover,.accounting-top__kv__banner__card:hover{transform:translate3d(0,-3px,0);box-shadow:0 13px 34px rgba(29,58,107,.14)}
 a.c-img:hover .tw-bnr{transform:translate3d(0,-3px,0);box-shadow:0 13px 34px rgba(29,58,107,.14)}
}
/* 行に分けた見出し：元の「見出しの中の span は青」が行の箱に当たらないように（青は「終わらせる」だけ） */
.accounting-top__kv__heading__title .tw-ln,.accounting-top__kv__heading__title .tw-ln>span{color:inherit!important;font-size:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;line-height:inherit!important}
/* 描く前から隠す（head の印 tw-m）。隠す間は元の部品の「変化に時間をかける」指定を止める */
html.tw-m .accounting-top__kv__heading__title:not(.tw-split){opacity:0}
html.tw-m .accounting-top__kv__text:not(.is-in),html.tw-m .accounting-top__kv__banner__card:not(.is-in),html.tw-m a.c-img:has(>.tw-bnr):not(.is-in){opacity:0;transform:translate3d(0,21px,0);transition:none!important}
html.tw-m [data-tw-r]:not(.is-in){transition:none!important}
/* フッターのメニュー：本文の幅いっぱいに3列（間40）。上の区切り線も W の端まで */
@media (min-width:1280px){
 .g-footerNav .g-footer_inner>.l-grid{margin-inline:0!important;display:block!important}
 .g-footerNav .g-footer_inner>.l-grid>.l-grid_item{width:100%!important;max-width:none!important;flex:none!important;padding-inline:0!important}
 .g-footerNav_mainService>.l-tile{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;margin:0!important;width:100%!important}
 .g-footerNav_mainService>.l-tile>.l-tile_item{width:auto!important;max-width:none!important;padding-inline:0!important}
}
html.tw-m .tw-ln>span>span{display:inline-block}
/* 改2（2026-11-02 文字の大きさの差を4倍以内に）：見出し 53.3px（16·√φ⁵、最小15pxの3.55倍）。
   見出し3行の字の高さ(3.38F)＋間21＋説明2行44 ＝ カードの高さ。カードは 1:1。F = 0.1479·列 − 22.19px（W1064 で 53.3px） */
@media (min-width:1024px){
 .accounting-top__kv__banner__card{aspect-ratio:1/1!important}
 .fr-rh92md0b .accounting-top__kv .accounting-top__kv__heading__title{font-size:min(53.3px,calc(14.79cqi - 22.19px))!important}
}
/* 見出しの行送り 1.30：行どうしの字の間と、見出し→説明の字の間をどちらも約21にそろえる */
@media (min-width:1024px){.fr-rh92md0b .accounting-top__kv .accounting-top__kv__heading__title{line-height:1.3!important;margin-top:-.356em!important}}
/* カード1:1：写真はカード全体を覆う大きさで上ぞろえ、下88pxはカードの色の帯で覆う（左右の隙間を出さない） */
@media (min-width:1024px){
 .accounting-top__kv__banner__card.is-primary{background-image:linear-gradient(0deg,#386ec0 88px,rgba(56,110,192,0) 88px),url(../img/rp-kv1.webp)!important}
 .accounting-top__kv__banner__card.is-secondary{background-image:linear-gradient(0deg,#274d87 88px,rgba(39,77,135,0) 88px),url(../img/rp-kv2.webp)!important}
 .accounting-top__kv__banner__card.is-primary,.accounting-top__kv__banner__card.is-secondary{background-size:100% 100%,cover!important;background-position:0 0,center top!important;background-repeat:no-repeat!important}
}
/* せり上げが終わった見出しの行：はみ出しを隠す指定と変化の指定を外す（終わった後は不要なため） */
html.tw-m .tw-ln.tw-done{overflow:visible}
html.tw-m .tw-ln.tw-done>span{transform:none;transition:none}
/* スマホ：ヘッダーの「メニュー」が幅44のボタンで「メニ／ュー」に割れていた。1行のまま */
.slim_header-cta-menuBtnSp>span{white-space:nowrap;word-break:keep-all}
/* 料金の「＼ … ／」の行：最後の「／」だけが1行に残らないよう行の長さをそろえ、「）／」を離さない */
.accounting-top__select__inner>p.u-tc-white{text-wrap:balance}
/* ===== 組み直し（2026-11-03 本人「HPゴミすぎ」・審査役「迫力を削るな」）=====
   見出し 68px（16·φ³）。一流サイトの字の大きさの比を実測（SmartHR 4.8倍・freee 5.0倍・サイボウズ 3.0倍）→ 4.5倍は同じ範囲。
   カード 4:5。見出し3行の字の高さ(3.38F)＋間34＋説明2行44 ＝ カードの高さ。F = 0.1849·列 − 26.77px（W1064 で 68px） */
@media (min-width:1024px){
 .accounting-top__kv__banner__card{aspect-ratio:4/5!important}
 .fr-rh92md0b .accounting-top__kv .accounting-top__kv__heading__title{font-size:min(68px,calc(18.49cqi - 26.77px))!important;line-height:1.25!important;margin-top:-.331em!important}
 /* 作ったもの：文字と実物の左右を段ごとに入れ替える */
 .tw-cys>div.tw-cy:nth-of-type(2n)>.tw-cy-l{order:2}
 /* 区画の区切り：3つの理由・よくある質問を薄い帯に。前の部品→帯の端 55、帯の端→見出し 89（計144） */
 .accounting-top__body>section.tw-cys{padding-bottom:55px!important}
 .accounting-top__body>section.accounting-top__value{background:#f3f5f9!important;padding-top:89px!important;padding-bottom:89px!important}
 .accounting-top__body>section.ab-accounting-top__select{padding-top:55px!important}
 .accounting-top__body>section.accounting-top__security{padding-bottom:55px!important}
 .accounting-top__body>section.accounting-top__faq{background:#f3f5f9!important;padding-top:89px!important}
}
@media (min-width:1024px){.fr-rh92md0b .accounting-top__kv .accounting-top__kv__heading__title{line-height:1.287!important;margin-top:-.3495em!important}}
/* よくある質問の灰色の帯のすぐ下に、フッターの上の帯（赤みのある灰色）が続いて濁っていた。白にして帯と分ける。帯の下端→白の帯 89 */
@media (min-width:1024px){.accounting-top__body>section.accounting-top__faq{padding-bottom:89px!important}.g-footerApp{background:#fff!important}}
/* 帯の濃さ（2026-11-03 本人の Brave で撮ると #f3f5f9 は白との差がほとんど見えなかった）。スマホにも同じ帯 */
.accounting-top__body>section.accounting-top__value,.accounting-top__body>section.accounting-top__faq{background:#e8edf5!important}
@media (max-width:1023px){.accounting-top__body>section.accounting-top__value,.accounting-top__body>section.accounting-top__faq{padding-top:55px!important;padding-bottom:55px!important}}
/* スマホの最初の画面：文字とボタンだけで絵が無かった。PC のカードと同じ写真を説明文の下に（元の縦横比 584:516、角丸12） */
@media (max-width:1023px){
 .accounting-top__kv__text::after{content:"";display:block;width:100%;aspect-ratio:584/516;margin-top:21px;border-radius:12px;background:url(../img/rp-kv1.webp) center/cover no-repeat}
}
/* 改3（2026-11-03）：見出しを検査の目安（最小の字の4倍＝60px）に収める。カード 7:8＝見出し3行＋間34＋説明2行の高さ。F = 0.1691·列 − 26.46px（W1064 で 60px） */
@media (min-width:1024px){
 .accounting-top__kv__banner__card{aspect-ratio:7/8!important}
 .fr-rh92md0b .accounting-top__kv .accounting-top__kv__heading__title{font-size:min(60px,calc(16.91cqi - 26.46px))!important}
}
/* 帯をもう一段濃く（本人の Brave で白との差が小さかった） */
.accounting-top__body>section.accounting-top__value,.accounting-top__body>section.accounting-top__faq{background:#e1e8f2!important}

/* ===== 「サービスを知る」のメニューの組み直し（2026-11-08）=====
   本文の幅 W=min(1064, 100%-48) に左右の端をそろえ、縦の軸は 512|40|512。
   1段目＝左に案内文・右に閉じる、2段目＝左に3つの選択肢（1行72）・右に内容の板（同じ高さ）。 */
@media (min-width:1024px){
 .slim_header-menu-item-accordion{left:0!important;right:0!important;width:auto!important;background:#fff!important;border-top:1px solid #e3e7ee!important;box-shadow:0 21px 34px rgba(27,34,76,.08)!important;padding:0!important;height:auto!important;min-height:0!important;max-height:none!important}
 .slim_header-menu-item-accordion-inner{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:auto auto!important;grid-template-areas:"title close" "tabs panel"!important;column-gap:40px!important;row-gap:21px!important;width:min(1064px,calc(100% - 48px))!important;max-width:none!important;margin:0 auto!important;padding:21px 0 55px!important;height:auto!important;min-height:0!important;background:none!important}
 .slim_header-menu-item-accordion-inner>*{position:static!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;height:auto!important;background:none!important;border:0!important;box-shadow:none!important}
 .slim_header-menu-item-accordion-inner-left{grid-area:title!important;align-self:center}
 .slim_header-menu-item-accordion-inner-left-title{margin:0!important;font-size:15px!important;line-height:1.6!important;color:#5a6270!important;letter-spacing:.02em!important;text-align:left!important}
 .slim_header-menu-item-accordion-inner-left-title br{display:none}
 .slim_header-menu-item-accordion-inner-right{grid-area:close!important;justify-self:end;align-self:center}
 .slim_header-menu-item-accordion-inner-right-btn{width:44px!important;height:44px!important;margin:0 -10px 0 0!important;display:inline-flex!important;align-items:center;justify-content:center;position:static!important}
 .slim_header-menu-item-accordion-inner-tabTitle{grid-area:tabs!important;align-self:stretch;border-top:1px solid #e3e7ee!important;display:flex!important;flex-direction:column!important}
 .slim_header-tabTitle-item{display:grid!important;grid-template-columns:minmax(0,1fr) auto 24px!important;align-items:center!important;column-gap:21px!important;width:100%!important;flex:1 0 72px!important;height:auto!important;min-height:72px!important;margin:0!important;padding:0 13px 0 21px!important;border:0!important;border-bottom:1px solid #e3e7ee!important;border-radius:0!important;background:transparent!important;text-align:left!important;position:relative!important}
 .slim_header-tabTitle-item[aria-selected=true]{background:#f3f5f9!important}
 .slim_header-tabTitle-item-title{margin:0!important;font-size:17px!important;line-height:1.4!important;white-space:nowrap}
 .slim_header-tabTitle-item .slim_header-tag{margin:0!important;justify-self:end;position:static!important}
 .slim_header-tabTitle-item>img,.slim_header-tabTitle-item>.tw-mic{position:static!important;width:24px!important;height:24px!important;margin:0!important;transform:none!important}
 .slim_header-menu-item-accordion .slim_header-menu-item-accordion-inner .slim_header-menu-item-accordion-inner-tabItem{grid-area:panel!important;display:flex!important;min-height:0!important;height:auto!important}
 .slim_header-tabItem{flex:1;box-sizing:border-box;margin:0!important;padding:21px!important;background:#f3f5f9!important;border-radius:8px!important}
 .slim_header-tabItem:not([style*="none"]){display:grid!important;grid-template-columns:minmax(0,1fr) 34%!important;grid-template-rows:auto 1fr!important;column-gap:21px!important}
 .slim_header-tabItem-title-tag{grid-column:1;grid-row:1;display:inline-flex!important;justify-self:start;align-self:start;align-items:center;gap:8px;margin:0 0 13px!important;padding:5px 13px!important;background:#fff!important;border-radius:999px!important;position:static!important;transform:none!important;font-size:15px!important;line-height:1.4!important}
 .slim_header-tabItem-title-tag svg{width:18px!important;height:18px!important;flex:none}
 .slim_header-tabItem-flex{display:contents!important}
 .slim_header-tabItem-flex-btn{grid-column:1;grid-row:2;align-self:end}
 .slim_header-tabItem-flex-image{grid-column:2;grid-row:1/3}
 .slim_header-tabItem-flex-btn{display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:flex-start;width:auto!important;margin:0!important;padding:0!important;text-align:left!important}
 .slim_header-tabItem-flex-btn .c-paragraph{min-height:5.1em;word-break:keep-all;overflow-wrap:anywhere;text-align:left!important;margin:0 0 21px!important;font-size:15px!important;line-height:1.7!important}
 .slim_header-tabItem-flex-btn .c-btn{margin:0!important;width:auto!important;min-width:0!important;padding-inline:34px!important}
 .slim_header-tabItem-flex-image{position:relative!important;width:auto!important;margin:0!important;align-self:stretch;min-height:0!important;height:auto!important}
 .slim_header-tabItem-flex-image img{position:absolute!important;inset:0;display:block;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover}
}

/* PC の「メニュー」ボタン：絵の下に文字（重ならない・本文の幅の右端に収める） */
@media (min-width:1024px){
 .slim_header-cta-menuBtnPc{display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-width:44px!important;width:auto!important;height:44px!important;padding:0!important;margin:0!important;position:relative!important}
 .slim_header-cta-menuBtnPc>img{width:22px!important;height:22px!important;margin:0!important;position:static!important}
 .slim_header-cta-menuBtnPc>span{position:static!important;transform:none!important;font-size:15px!important;line-height:1!important;white-space:nowrap!important;margin:0!important}
}

/* 1024〜1279 もヘッダーの左右の端を本文の幅 W に（メニューの板と端をそろえる） */
@media (min-width:1024px) and (max-width:1279px){
 .slim_header{padding-inline:0!important}
 .slim_header-inner{width:calc(100% - 48px)!important;max-width:none!important;margin-inline:auto!important;padding-inline:0!important}
 .slim_header-menu-item-btn:before{top:50%!important;margin-top:-.75em!important}
}