/* BPIO phase two: shares the theme's 1160px container and typography. */
.bpioCaseGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 30px;margin-top:40px}
.bpioCaseCard{min-width:0}.bpioCaseCard>a{display:block;color:inherit;text-decoration:none;height:100%}
.bpioCasePhoto{overflow:hidden;border-radius:10px;background:#f3f3f3;aspect-ratio:16/10}
.bpioCasePhoto img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.bpioCaseCard a:hover .bpioCasePhoto img{transform:scale(1.025)}
.bpioCaseLogoPhoto{background:#fff}.bpioCaseLogoPhoto img{object-fit:contain;padding:24px;box-sizing:border-box}
.bpioCaseCardBody{padding:24px 0 0}.bpioCaseCard time{display:block;font-family:barlow,sans-serif;font-size:14px;color:#526070}
.bpioCaseCard h2,.bpioCaseCard h3,.bpioCaseCard h4{margin-top:10px;font-size:20px;line-height:1.7;font-weight:700}
.bpioCaseCompany{margin-top:20px;display:flex;gap:12px;align-items:center}.bpioCaseCompany p{font-size:15px;line-height:1.6;font-weight:700}
.bpioCompanyLogo{object-fit:contain;max-width:120px;max-height:56px;width:auto;height:auto}
.bpioCaseTags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px!important;padding:0!important;list-style:none!important}
.bpioCaseTags li{margin:0!important;padding:0!important;list-style:none!important}.bpioCaseTags li:before{display:none!important}
.bpioCaseTags a,.bpioCaseTags span{display:block;background:#f3f3f3;border-radius:4px;padding:4px 10px;font-size:12px;line-height:1.8;color:#465365}
.bpioCaseFeatured{grid-column:1/-1}.bpioCaseFeatured>a{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.bpioCaseFeatured .bpioCaseCardBody{padding:0}.bpioCaseFeatured h2,.bpioCaseFeatured h3{font-size:28px;line-height:1.6}
.bpioArchiveLayout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:60px;margin-top:50px}.bpioArchiveLayout #sidebar{width:auto;min-width:0;margin:0}
.bpioArchiveLayout #sidebarContents{position:static!important}.bpioArchiveCases{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}
.bpioArchiveFilter{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:32px}.bpioArchiveFilter a{color:#0e3660;text-decoration:underline}
.bpioPagination{margin-top:60px}.bpioPagination ul{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.bpioPagination a,.bpioPagination span{display:grid;place-items:center;min-width:40px;min-height:40px;padding:5px 12px;border:1px solid #ddd;border-radius:50px}.bpioPagination .current{color:#fff;background:#0e3660;border-color:#0e3660}
.bpioStatsNote{margin-top:12px;font-size:12px;line-height:1.8;color:#555;text-align:right}.bpioNoteFallback{margin-top:40px}
#kv .achievementWrap .achievementNote{margin-top:12px;color:#5b6875;font-size:11px;font-weight:500;line-height:1.5;text-align:right}
.bpioAllianceLink{margin-top:40px;text-align:center}.bpioAllianceLink .btn{min-width:0;max-width:100%}.bpioAllianceLink .btn p{font-family:"Noto Sans JP",sans-serif}
@media(max-width:1079px){.bpioArchiveLayout{grid-template-columns:minmax(0,1fr) 240px;gap:30px}.bpioCaseFeatured h2,.bpioCaseFeatured h3{font-size:24px}.bpioCaseGrid{gap:28px 20px}.bpioCaseCard h3{font-size:18px}}
@media(max-width:767px){.bpioCaseGrid{grid-template-columns:1fr;gap:36px;margin-top:32px}.bpioCaseFeatured>a{display:block}.bpioCaseFeatured .bpioCaseCardBody{padding-top:20px}.bpioCaseFeatured h2,.bpioCaseFeatured h3,.bpioCaseCard h2,.bpioCaseCard h3{font-size:20px}.bpioCaseCardBody{padding-top:20px}.bpioArchiveLayout{display:block;margin-top:32px}.bpioArchiveLayout #sidebar{margin-top:56px}.bpioStatsNote{text-align:left}.bpioTopCases .bpioCasePhoto{aspect-ratio:16/10}}
#kvCompanyLogo .kvLogoTrack{animation-duration:60s}#kvCompanyLogo .kvLogoItem{width:190px;display:flex;align-items:center;justify-content:center}#kvCompanyLogo .kvLogoItem img{max-width:170px;max-height:66px;object-fit:contain;width:auto;height:auto}
#alliance .allianceLogoList{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}#alliance .allianceLogoCard{width:auto;min-width:0;padding:24px;display:flex;align-items:center;justify-content:center}#alliance .allianceLogoCard>img{width:auto;max-width:100%;max-height:70px;height:auto}
#footWrap .footNavWrap .footNav>p+p{margin-top:20px}
@media(min-width:1080px){
 #header #globalNav .textNav{gap:clamp(20px,calc(10vw - 88px),40px)}
 #header #globalNav .textNav>li{flex-shrink:0}
}
/* These exports already include the figure panel's padding and divider. */
#point .pointFeature .pointFeatureFigure{padding:0;border:0}
#point .pointFeatureList .pointFeature .pointFeatureFigure img{max-width:600px;height:auto}
#introductionCompany .titleArea{width:fit-content;max-width:90%;margin-inline:auto}
#introductionCompany .introductionCompanyNote{margin-top:4px;color:#5b6875;font-size:11px;font-weight:500;line-height:1.5;text-align:right}
@media(max-width:767px){#alliance .allianceLogoList{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#alliance .allianceLogoCard{padding:20px}#kvCompanyLogo .kvLogoItem{width:150px}#kvCompanyLogo .kvLogoItem img{max-width:130px;max-height:50px}}
@media(prefers-reduced-motion:reduce){#kvCompanyLogo .kvLogoTrack{animation:none}}
.dxSupportPartnershipLogos{display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:24px}.bpioDxLogoGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-width:0}.bpioDxLogoGrid .allianceLogoCard{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e4e7ec;border-radius:6px;padding:24px 16px;min-width:0;min-height:104px;box-sizing:border-box}.bpioDxLogoGrid .allianceLogoCard img{flex:none!important;width:auto!important;height:auto;max-width:100%;max-height:56px}.bpioDxLogoGrid .allianceMoneyForwardLogo{display:flex;align-items:center;gap:5px;min-width:0}.bpioDxLogoGrid .allianceMoneyForwardLogo img:first-child{max-width:35%}.bpioDxLogoGrid .allianceMoneyForwardLogo img:last-child{max-width:60%}.bpioDxBadges{display:grid;gap:16px}.dxSupportPartnershipLogos .bpioDxBadges img{flex:none;width:100%;height:auto}
.bpioDxClientLogo{min-height:100px;box-sizing:border-box}.bpioDxClientLogo img{width:auto;max-height:64px;height:auto}
.accountingBpoClientsLead{text-align:center}
.accountingBpoFaqList{border-top:0;padding-top:0}
.accountingBpoClientsLogo{min-height:100px;box-sizing:border-box}.accountingBpoClientsLogo img{width:auto;height:auto;max-height:64px}
@media(max-width:767px){.accountingBpoClientsLogoLinkage{grid-column:auto}}
@media(max-width:767px){.dxSupportPartnershipLogos{display:flex;flex-direction:column;gap:24px}.bpioDxLogoGrid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bpioDxLogoGrid .allianceLogoCard{min-height:90px;padding:18px}.bpioDxBadges{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:min(320px,100%)}}
/* Figma comments 280/281: tablet layouts follow the single-column mobile sequence. */
@media(min-width:768px) and (max-width:1079px){.accountingBpoSupportList{grid-template-columns:minmax(0,262px);gap:28px}.accountingBpoFlowSteps{grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:16px;width:min(560px,100%)}.accountingBpoFlowStep,.accountingBpoFlowArrow{grid-column:1;grid-row:auto}.accountingBpoFlowArrow{justify-self:center;width:30px;height:52px;transform:rotate(90deg)}}
@media(max-width:1079px){.accountingBpoFlowSteps{gap:12px}.accountingBpoFlowStepBody{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;padding:20px}.accountingBpoFlowStepIcon{width:56px;height:48px}.accountingBpoFlowStepBody>p{width:auto;margin-top:0;font-size:14px;text-align:left}.accountingBpoFlowStepLabel{padding:8px 12px;font-size:14px}.accountingBpoFlowArrow{width:16px;height:32px}}

/* Shared TOP/archive card design: Figma 942:8564 and 795:4500. */
.bpioTopCases{gap:80px 32px}
:is(.bpioTopCases,.bpioCaseArchive) .bpioCaseFeatured>a{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:45px;align-items:start}
:is(.bpioTopCases,.bpioCaseArchive) .bpioCasePhoto{display:grid;aspect-ratio:16/9;border-radius:8px;background:#fff}
:is(.bpioTopCases,.bpioCaseArchive) .bpioCaseFeatured .bpioCasePhoto{aspect-ratio:630/355}
:is(.bpioTopCases,.bpioCaseArchive) .bpioCasePhoto>img,:is(.bpioTopCases,.bpioCaseArchive) .bpioCasePhotoLogo{grid-area:1/1;min-width:0;min-height:0}
:is(.bpioTopCases,.bpioCaseArchive) .bpioCasePhoto>img{display:block;aspect-ratio:inherit}
:is(.bpioTopCases,.bpioCaseArchive) .bpioCasePhotoLogo{align-self:end;justify-self:end;display:flex;align-items:center;justify-content:center;width:40%;max-width:172px;aspect-ratio:172/84;padding:8px;box-sizing:border-box;background:#fff;border-radius:8px 0 0 0;z-index:1}
:is(.bpioTopCases,.bpioCaseArchive) .bpioCaseFeatured .bpioCasePhotoLogo{width:27.3%}
:is(.bpioTopCases,.bpioCaseArchive) .bpioCasePhotoLogo .bpioCompanyLogo{display:block;width:100%;height:auto;max-width:100%;max-height:100%;object-fit:contain;transform:none}
:is(.bpioTopCases,.bpioCaseArchive) .bpioCaseCardBody{padding:0;margin-top:20px;min-width:0}
:is(.bpioTopCases,.bpioCaseArchive) .bpioCaseFeatured .bpioCaseCardBody{margin-top:0}
:is(.bpioTopCases,.bpioCaseArchive) .bpioCaseMeta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;min-height:23px}
:is(.bpioTopCases,.bpioCaseArchive) .bpioCaseMeta time{font-family:"din-2014",sans-serif;font-size:14px;line-height:1.5;color:#545454}
:is(.bpioTopCases,.bpioCaseArchive) .bpioCaseService{border:1px solid #545454;border-radius:4px;padding:4px 8px;font-size:12px;line-height:1.1;color:#545454}
:is(.bpioTopCases,.bpioCaseArchive) .bpioCaseCard :is(h2,h3){margin-top:12px;font-size:18px;line-height:1.6;color:#000;overflow-wrap:anywhere}
:is(.bpioTopCases,.bpioCaseArchive) .bpioCaseFeatured :is(h2,h3){margin-top:16px;font-size:26px;line-height:1.5;letter-spacing:.02em}
:is(.bpioTopCases,.bpioCaseArchive) .bpioCaseCompany{margin-top:12px}
:is(.bpioTopCases,.bpioCaseArchive) .bpioCaseCompany p{font-size:14px;font-weight:400;line-height:1.6;color:#000;overflow-wrap:anywhere}
:is(.bpioTopCases,.bpioCaseArchive) .bpioCaseFeatured .bpioCaseCompany{margin-top:16px}
:is(.bpioTopCases,.bpioCaseArchive) .bpioCaseFeatured .bpioCaseCompany p{font-size:15px;font-weight:700}
:is(.bpioTopCases,.bpioCaseArchive) .bpioCaseTags{gap:6px;margin-top:12px!important}
:is(.bpioTopCases,.bpioCaseArchive) .bpioCaseTags span{background:#0e3660;color:#fff;padding:5px 12px;font-size:15px;font-weight:700;line-height:1.5;overflow-wrap:anywhere}
@media(min-width:768px) and (max-width:1079px){.bpioTopCases{gap:48px 20px}:is(.bpioTopCases,.bpioCaseArchive) .bpioCaseFeatured>a{gap:28px;grid-template-columns:repeat(2,minmax(0,1fr))}:is(.bpioTopCases,.bpioCaseArchive) .bpioCaseFeatured :is(h2,h3){font-size:22px}:is(.bpioTopCases,.bpioCaseArchive) .bpioCaseCard:not(.bpioCaseFeatured) :is(h2,h3){font-size:16px}:is(.bpioTopCases,.bpioCaseArchive) .bpioCaseTags span{font-size:12px;padding:5px 8px}:is(.bpioTopCases,.bpioCaseArchive) .bpioCasePhotoLogo{width:44%}}
@media(max-width:767px){.bpioTopCases{gap:40px}:is(.bpioTopCases,.bpioCaseArchive) .bpioCaseFeatured>a{display:block}:is(.bpioTopCases,.bpioCaseArchive) .bpioCaseFeatured .bpioCaseCardBody{margin-top:20px}:is(.bpioTopCases,.bpioCaseArchive) .bpioCaseFeatured :is(h2,h3){font-size:22px}:is(.bpioTopCases,.bpioCaseArchive) .bpioCaseFeatured .bpioCasePhotoLogo{width:40%}:is(.bpioTopCases,.bpioCaseArchive) .bpioCaseTags span{font-size:13px;padding:5px 10px}}

/* Case archive: featured row, then two-column cards and a 320px sidebar. */
.bpioCaseArchive>.section>.sectionInner{padding-top:80px;padding-bottom:80px}
.bpioCaseArchive .sectionTitle,.bpioCaseArchive .bpioCaseCard :is(h2,p,span){font-family:"Noto Sans JP",sans-serif}
.bpioCaseArchive .sectionTitleAreaWrap .sectionTitleArea .sectionTitle{text-align:center}
.bpioArchiveFeatured .bpioCaseFeatured>a{grid-template-columns:minmax(0,630fr) minmax(0,485fr)}
.bpioArchiveFilter+.bpioArchiveFeatured{margin-top:32px}
.bpioCaseArchive .bpioArchiveLayout{grid-template-columns:minmax(0,1fr) 320px;gap:80px;margin-top:80px;align-items:start}
.bpioArchiveMain{min-width:0}
.bpioCaseArchive .bpioArchiveCases{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 20px;margin-top:0}
.bpioCaseArchive .bpioPagination .page-numbers{border-radius:4px}
.bpioCaseArchive .bpioPagination a,.bpioCaseArchive .bpioPagination span{box-sizing:border-box;background:#fff}
.bpioCaseArchive .bpioPagination .current{background:#0e3660}
.bpioCaseArchive #sideSearchBtn{position:relative}
.bpioCaseArchive #sideSearchBtn:before{width:20px;height:20px;left:32px;top:50%;transform:translateY(-50%);mask-size:contain}
@media(max-width:1079px){
 .bpioCaseArchive>.section>.sectionInner{padding-top:60px;padding-bottom:60px}
 .bpioCaseArchive .bpioArchiveLayout{grid-template-columns:minmax(0,1fr);gap:56px;margin-top:48px}
 .bpioCaseArchive .bpioArchiveLayout #sidebar{margin-top:0}
}
@media(max-width:767px){
 .bpioCaseArchive>.section>.sectionInner{padding-top:40px;padding-bottom:56px}
 .bpioCaseArchive .bpioArchiveLayout{display:grid;margin-top:40px}
 .bpioCaseArchive .bpioArchiveCases{grid-template-columns:minmax(0,1fr)}
}

/* Accounting metrics: outlined DIN 2014 Bold numerals exported from Figma. */
#accountingBpoClients .accountingBpoClientsStat{grid-template-rows:auto 1fr auto}
#accountingBpoClients .accountingBpoClientsStatLabel,
#accountingBpoClients .bpioStatsNote{font-family:"Noto Sans JP",sans-serif}
#accountingBpoClients .accountingBpoClientsStatBody{padding-top:28px;padding-bottom:0}
#accountingBpoClients .accountingBpoClientsStatValue{flex:0 1 auto;min-width:0}
#accountingBpoClients .accountingBpoClientsStatValue img{display:block;max-width:100%;height:auto}
#accountingBpoClients .accountingBpoClientsStat:first-child .accountingBpoClientsStatValue,
#accountingBpoClients .accountingBpoClientsStat:last-child .accountingBpoClientsStatValue{padding-top:9px}
#accountingBpoClients .bpioStatsNote{margin-top:7px;padding:0 12px 12px;font-size:11px;font-weight:500;line-height:1.2;color:#5b6875;text-align:right}
@media(max-width:767px){#accountingBpoClients .accountingBpoClientsStatBody{padding-top:24px}}

/* Preserve the individual logo sizes in Figma 942:6465. */
#accountingBpoClients .accountingBpoClientsLogo{min-height:112px;padding:10px 9px}
#accountingBpoClients .accountingBpoClientsLogo img{width:var(--client-logo-width);max-width:100%;max-height:none;height:auto}
#accountingBpoClients .accountingBpoClientsLogoTimewitch{--client-logo-width:140px}
#accountingBpoClients .accountingBpoClientsLogoBird{--client-logo-width:210px}
#accountingBpoClients .accountingBpoClientsLogoMitsui{--client-logo-width:130px}
#accountingBpoClients .accountingBpoClientsLogoDepartures{--client-logo-width:160px}
#accountingBpoClients .accountingBpoClientsLogoLinkage{--client-logo-width:90px}

/* DX client results: Figma 942:5046. Notes stay in normal document flow. */
.dxSupportPage #accountingBpoClients .sectionTitle,
.dxSupportPage #accountingBpoClients .accountingBpoClientsLead{font-family:"Noto Sans JP",sans-serif}
.dxSupportPage #accountingBpoClients .sectionTitleEn{margin-top:8px;margin-bottom:0}
.dxSupportPage #accountingBpoClients .accountingBpoClientsLead{margin-top:27px}
.dxSupportPage #accountingBpoClients .accountingBpoClientsStat{grid-template-columns:minmax(0,1fr)}
.dxSupportPage #accountingBpoClients .accountingBpoClientsStatLabel{line-height:1.54;letter-spacing:.64px}
.dxSupportPage #accountingBpoClients .accountingBpoClientsStatBody{padding-top:32px;padding-bottom:0}
.dxSupportPage #accountingBpoClients .accountingBpoClientsStatValue{width:132px;padding-top:9px;padding-left:8px;box-sizing:border-box}
.dxSupportPage #accountingBpoClients .accountingBpoClientsStat:first-child .accountingBpoClientsStatValue{width:181px;padding-top:16px}
.dxSupportPage #accountingBpoClients .bpioStatsNote{margin-top:11px}
.dxSupportPage .bpioDxClientLogoSanyu{--client-logo-width:148px}
.dxSupportPage .bpioDxClientLogoBip{--client-logo-width:179px}
.dxSupportPage .bpioDxClientLogoAsahinet{--client-logo-width:180px}
.dxSupportPage .bpioDxClientLogoRise{--client-logo-width:127.34px}
.dxSupportPage .bpioDxClientLogoGlobalLink{--client-logo-width:170px}
@media(max-width:767px){
 .dxSupportPage #accountingBpoClients .accountingBpoClientsLead{margin-top:6vw}
 .dxSupportPage #accountingBpoClients .accountingBpoClientsStatBody{gap:16px;padding-top:24px}
}

/* Keep each phrase together when the DX reason heading wraps. */
.dxSupportPage .dxSupportReasonTitle span{display:inline-block;font:inherit;color:inherit;white-space:nowrap}

/* RPO pricing: custom monthly quote, Figma 1056:3239. */
.rpoPage .accountingBpoPriceAmount p{font-family:"Noto Sans JP",sans-serif;letter-spacing:.64px}
.rpoPage .accountingBpoPriceAmountLead{font-size:16px;font-weight:400;line-height:1.40625;color:#000919}
.rpoPage .accountingBpoPriceAmountMain{display:block;margin-top:4px;font-size:28px;font-weight:700;line-height:1.5}
.rpoPage .accountingBpoPriceAmountMain .rpoPricePhrase{display:inline-block;font:inherit;color:inherit;white-space:nowrap}
.rpoPage .accountingBpoPriceAmountNote{margin-top:14px;font-size:16px;line-height:1.40625}
@media(max-width:767px){
 .rpoPage .accountingBpoPriceAmountMain{font-size:clamp(17px,5vw,22px)}
 .rpoPage .accountingBpoPriceAmountLead,
 .rpoPage .accountingBpoPriceAmountNote{font-size:14px;line-height:1.6}
}

/* Accounting support phases: mobile layout from Figma 964:4526. */
.accountingBpoSupportResponsive .accountingBpoSupportCard picture{display:block;min-width:0}
.accountingBpoSupportResponsive .accountingBpoSupportArrow{display:none}
@media(min-width:900px){
    .accountingBpoSupportResponsive .accountingBpoSupportList{grid-template-columns:repeat(4,minmax(0,262px));gap:2px}
}
@media(width < 900px){
    .accountingBpoSupportResponsive .accountingBpoSupportList{grid-template-columns:minmax(0,1fr);gap:12px}
    .accountingBpoSupportResponsive .accountingBpoSupportCard{grid-template-columns:minmax(0,1fr) 88px;grid-template-rows:auto auto;row-gap:8px;overflow:hidden;border-radius:8px;background:#060c18}
    .accountingBpoSupportResponsive .accountingBpoSupportCard picture{grid-column:2;grid-row:1/3;min-height:0;align-self:stretch;overflow:hidden}
    .accountingBpoSupportResponsive .accountingBpoSupportCard picture img{width:100%;height:100%;object-fit:cover}
    .accountingBpoSupportResponsive .accountingBpoSupportCard h3,
    .accountingBpoSupportResponsive .accountingBpoSupportCard p{grid-column:1;justify-self:stretch;align-self:start;width:auto;margin:0;color:#fff;font-family:"Noto Sans JP",sans-serif;text-align:left}
    .accountingBpoSupportResponsive .accountingBpoSupportCard h3{grid-row:1;padding:20px 20px 0;font-size:18px;line-height:1}
    .accountingBpoSupportResponsive .accountingBpoSupportCard p{grid-row:2;padding:0 20px 20px;font-size:14px;line-height:1.6}
    .accountingBpoSupportResponsive .accountingBpoSupportCard p br{display:none}
    .accountingBpoSupportResponsive .accountingBpoSupportArrow{display:block;justify-self:center}
    .accountingBpoSupportResponsive .accountingBpoSupportArrow img{display:block}
}