.accountingBpoPage {
    background-color: #fff;
}

/* 採用代行（RPO）固有差分 */
.rpoPage {
    overflow: hidden;
}

.rpoPage .accountingBpoKvIcon {
    width: 88px;
}

.rpoPage .accountingBpoSolution {
    background-image: url("../images/under/service/rpo/solution.webp");
}

.rpoPage .accountingBpoSolution .sectionTitleArea {
    display: flex;
    flex-direction: column;
}

.rpoPage .accountingBpoSolution .sectionTitleEn {
    order: -1;
}

.rpoPage .accountingBpoReasonVisual img {
    aspect-ratio: 285 / 160;
    object-fit: cover;
}

.rpoScopeCards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-top: 40px;
}

.rpoScopeCard {
    padding: 24px 22px 28px;
    border: 1px solid #e4e7ec;
    border-radius: 6px;
    background-color: #f3f3f3;
    box-sizing: border-box;
    text-align: center;
}

.rpoScopeCard img {
    display: block;
    width: 64px;
    margin-right: auto;
    margin-left: auto;
}

.rpoScopeCard h3 {
    margin-top: 18px;
    color: #0e3660;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.45;
}

.rpoScopeCard p {
    margin-top: 12px;
    color: #000919;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    text-align: left;
}

.rpoScopeNote {
    width: min(880px, 100%);
    margin-top: 32px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.rpoPage .accountingBpoSupportCard p {
    width: 84%;
}

.rpoPage .accountingBpoFlowStepBody small {
    display: inline-block;
    font-size: 0.8em;
    font-weight: 400;
    line-height: 1.5;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
    .rpoPage .accountingBpoKvIcon {
        width: 7vw;
    }

    .rpoScopeCards {
        gap: 16px;
    }

    .rpoScopeCard {
        padding-right: 18px;
        padding-left: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .rpoPage .accountingBpoKvIcon {
        width: 20vw;
        max-width: 88px;
    }

    .rpoPage .accountingBpoClientsLeadBreak,
    .rpoPage .accountingBpoScopeIntro br {
        display: none;
    }

    .rpoScopeCards {
        grid-template-columns: 1fr;
        gap: 4vw;
        margin-top: 8vw;
    }

    .rpoScopeCard {
        padding: 6vw 5vw;
    }

    .rpoScopeCard img {
        width: 16vw;
        max-width: 64px;
    }

    .rpoScopeCard h3 {
        margin-top: 4vw;
        font-size: 4.8vw;
    }

    .rpoScopeCard p {
        margin-top: 3vw;
        font-size: 4vw;
    }

    .rpoScopeNote {
        margin-top: 7vw;
        text-align: left;
    }

    .rpoPage .accountingBpoSupportCard p {
        width: 80%;
    }
}

/* 労務BPO固有差分 */
.laborBpoPage .accountingBpoKvIcon {
    width: 109px;
}

.laborBpoPage {
    overflow: hidden;
}

.laborBpoPage .accountingBpoSolution {
    background-image: url("../images/under/service/labor-bpo/solution_bg.webp");
}

.laborBpoPage .contactBlock {
    overflow: hidden;
}

.laborBpoPage .accountingBpoClientsIconSmartHr {
    width: 87px;
}

.laborBpoPage .accountingBpoScopeMainList li,
.laborBpoPage .accountingBpoScopeOptionList li {
    flex-basis: calc((100% - 24px) / 3);
    max-width: calc((100% - 24px) / 3);
}

.laborBpoPage .accountingBpoScopeOptionList {
    flex-wrap: wrap;
}

.laborBpoPage .accountingBpoScopeMainList small {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.6;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
    .laborBpoPage .accountingBpoKvIcon {
        width: 8vw;
    }

    .laborBpoPage .accountingBpoScopeMainList li,
    .laborBpoPage .accountingBpoScopeOptionList li {
        flex-basis: calc((100% - 12px) / 2);
        max-width: calc((100% - 12px) / 2);
    }
}

@media only screen and (max-width: 767px) {
    .laborBpoPage .accountingBpoKvIcon {
        width: 20vw;
        max-width: 109px;
    }

    .laborBpoPage .accountingBpoScopeMainList li,
    .laborBpoPage .accountingBpoScopeOptionList li {
        flex-basis: auto;
        width: 100%;
        max-width: none;
    }

    .laborBpoPage .accountingBpoScopeMainList small {
        font-size: 3vw;
    }
}

/* DX支援固有差分 */
.dxSupportPage {
    overflow: hidden;
}

.dxSupportPage .accountingBpoKvIcon {
    width: 88px;
}

.dxSupportPage .accountingBpoSolution {
    background-image: var(--solution-bg);
}

.dxSupportPage .dxSupportClientsProductIcon {
    width: auto;
    max-width: 98px;
    max-height: 68px;
}

.dxSupportPage .accountingBpoReasonList {
    grid-template-columns: repeat(3, minmax(0, 285px));
    justify-content: center;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.dxSupportPage .accountingBpoReasonVisual img {
    aspect-ratio: 285 / 160;
    object-fit: cover;
}

.dxSupportPage .accountingBpoScopeMainList li,
.dxSupportPage .accountingBpoScopeOptionList li {
    flex-basis: calc((100% - 24px) / 3);
    max-width: calc((100% - 24px) / 3);
}

.dxSupportPage .accountingBpoScopeMainList li {
    padding: 24px;
}

.dxSupportPage .accountingBpoScopeOptionList {
    flex-wrap: wrap;
    justify-content: center;
}

.dxSupportPage .accountingBpoScopeOptionList .accountingBpoScopeIcon {
    flex-basis: 42px;
    width: 42px;
}

.dxSupportScopeAreas {
    width: min(936px, 100%);
    margin: 48px auto 0;
    text-align: center;
}

.dxSupportScopeAreas h3,
.dxSupportPartnership h3 {
    color: #000919;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
}

.dxSupportScopeAreas ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: 24px;
}

.dxSupportScopeAreas li {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border: 1px solid rgba(14, 54, 96, 0.5);
    border-radius: 4px;
    background-color: #fff;
    color: #0e3660;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
}

.dxSupportScopeAreas li img {
    display: block;
    flex: 0 0 20px;
    width: 20px;
}

.dxSupportPartnership {
    width: 100%;
    margin-top: 48px;
    padding: 48px 24px;
    border-radius: 8px;
    background-color: #ecf6f6;
    text-align: center;
    box-sizing: border-box;
}

.dxSupportPartnership>p {
    margin-top: 20px;
    color: #000919;
    font-size: 15px;
    line-height: 1.9;
}

.dxSupportPartnershipLogos {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin-top: 24px;
}

.dxSupportPartnershipLogos img {
    display: block;
    width: auto;
    max-width: 100%;
}

.dxSupportPartnershipLogos img:first-child {
    flex: 0 1 594px;
}

.dxSupportPartnershipLogos img:last-child {
    flex: 0 0 min(200px, 25%);
}

.dxSupportPage .accountingBpoSupportCard {
    overflow: hidden;
    aspect-ratio: 262 / 362;
    -webkit-mask-image: url("../images/under/service/dx-support/support_mask_middle.svg");
    mask-image: url("../images/under/service/dx-support/support_mask_middle.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.dxSupportPage .accountingBpoSupportCard:first-child {
    -webkit-mask-image: url("../images/under/service/dx-support/support_mask_first.svg");
    mask-image: url("../images/under/service/dx-support/support_mask_first.svg");
}

.dxSupportPage .accountingBpoSupportCard:last-child {
    -webkit-mask-image: url("../images/under/service/dx-support/support_mask_last.svg");
    mask-image: url("../images/under/service/dx-support/support_mask_last.svg");
}

.dxSupportPage .accountingBpoSupportCard::before {
    z-index: 1;
    grid-column: 1;
    grid-row: 1;
    content: "";
    background: linear-gradient(to bottom, #60b6b2 0 11.8%, transparent 11.8%);
    pointer-events: none;
}

.dxSupportPage .accountingBpoSupportCard::after {
    z-index: 1;
    grid-column: 1;
    grid-row: 1;
    content: "";
    background: linear-gradient(to bottom, rgba(0, 9, 25, 0) 58%, #000919 100%);
    pointer-events: none;
}

.dxSupportPage .accountingBpoSupportCard img {
    aspect-ratio: 262 / 362;
    object-fit: cover;
}

.dxSupportPage .accountingBpoSupportCard:nth-child(1) img {
    object-position: 39% center;
}

.dxSupportPage .accountingBpoSupportCard:nth-child(2) img {
    object-position: 70% center;
}

.dxSupportPage .accountingBpoSupportCard:nth-child(4) img {
    object-position: 40% center;
}

.dxSupportPage .accountingBpoSupportCard h3,
.dxSupportPage .accountingBpoSupportCard p {
    z-index: 2;
}

.dxSupportPage .accountingBpoPriceAmount {
    margin-top: 0;
}

.dxSupportPriceLabel {
    color: #000919;
    font-size: 16px;
    line-height: 1.5;
}

.dxSupportPriceMain {
    margin-top: 4px;
    color: #0e3660;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.5;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
    .dxSupportPage .accountingBpoKvIcon {
        width: 8vw;
    }

    .dxSupportPage .accountingBpoScopeMainList li,
    .dxSupportPage .accountingBpoScopeOptionList li {
        flex-basis: calc((100% - 12px) / 2);
        max-width: calc((100% - 12px) / 2);
    }
}

@media only screen and (max-width: 767px) {
    .dxSupportPage .accountingBpoKvIcon {
        width: 20vw;
        max-width: 88px;
    }

    .dxSupportPage .accountingBpoClientsLead {
        text-align: left;
    }

    .dxSupportPage .dxSupportClientsProductIcon {
        max-width: 22vw;
        max-height: 17vw;
    }

    .dxSupportPage .accountingBpoReasonList {
        grid-template-columns: minmax(0, 1fr);
    }

    .dxSupportPage .accountingBpoScopeMainList li,
    .dxSupportPage .accountingBpoScopeOptionList li {
        flex-basis: auto;
        width: 100%;
        max-width: none;
    }

    .dxSupportScopeAreas {
        margin-top: 10vw;
    }

    .dxSupportScopeAreas h3,
    .dxSupportPartnership h3 {
        font-size: 4.8vw;
    }

    .dxSupportScopeAreas ul {
        gap: 3vw;
        margin-top: 5vw;
    }

    .dxSupportScopeAreas li {
        padding: 2vw 2.5vw;
        font-size: 3.8vw;
    }

    .dxSupportScopeAreas li img {
        flex-basis: 5vw;
        width: 5vw;
        max-width: 20px;
    }

    .dxSupportPartnership {
        margin-top: 10vw;
        padding: 8vw 5vw;
    }

    .dxSupportPartnership>p {
        margin-top: 4vw;
        font-size: 3.7vw;
        text-align: left;
    }

    .dxSupportPartnershipLogos {
        flex-direction: column;
        gap: 5vw;
        margin-top: 5vw;
    }

    .dxSupportPartnershipLogos img:first-child,
    .dxSupportPartnershipLogos img:last-child {
        flex: none;
        width: 100%;
    }

    .dxSupportPartnershipLogos img:last-child {
        max-width: 46vw;
    }

    .dxSupportPriceLabel {
        font-size: 3.7vw;
    }

    .dxSupportPriceMain {
        font-size: 6vw;
    }
}

.accountingBpoKv {
    overflow: hidden;
    background-color: #000919;
}

.accountingBpoKvInner {
    display: grid;
    grid-template-columns: minmax(0, 58%) minmax(0, 42%);
    overflow: hidden;
    background-color: #000919;
}

.accountingBpoKvBgTitle {
    z-index: 0;
    grid-column: 1 / -1;
    grid-row: 1;
    align-self: start;
    margin-top: 35px;
    margin-left: -2px;
    color: rgba(255, 255, 255, 0.06);
    font-family: "din-2014", sans-serif;
    font-size: clamp(72px, 6.944vw, 100px);
    font-weight: 600;
    line-height: 0.96;
    white-space: nowrap;
}

.accountingBpoKvContent {
    z-index: 2;
    grid-column: 1 / -1;
    grid-row: 1;
    align-self: center;
    color: #fff;
}

.accountingBpoKvContentBody {
    width: min(600px, 42vw);
}

.accountingBpoKvTitleArea {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.accountingBpoKvIcon {
    flex: 0 0 auto;
    width: 73px;
}

.accountingBpoKvTitleText {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.accountingBpoKvTitleEn {
    color: #60b6b2;
    font-family: "din-2014", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.05em;
}

.accountingBpoKvTitle {
    color: #fff;
    font-size: 45px;
    font-weight: 700;
    line-height: 1.2;
}

.accountingBpoKvCopy {
    margin-top: 32px;
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.6;
}

.accountingBpoKvText {
    margin-top: 64px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.accountingBpoKvVisual {
    z-index: 1;
    display: grid;
    grid-column: 2;
    grid-row: 1;
    grid-template-columns: clamp(178px, 16.47vw, 237px) minmax(0, 1fr);
    align-items: stretch;
    margin-left: clamp(-196px, -13.611vw, -147px);
}

.accountingBpoKvEdge {
    grid-column: 1;
    grid-row: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.accountingBpoKvEdgeBack {
    background-image: url("../images/under/service/accounting-bpo/kv_edge_back.svg");
}

.accountingBpoKvEdgeFront {
    z-index: 1;
    margin-left: 33.75%;
    background-image: url("../images/under/service/accounting-bpo/kv_edge_front.svg");
}

.accountingBpoKvPhoto {
    grid-column: 2;
    grid-row: 1;
    margin-left: clamp(-41px, -2.847vw, -31px);
}

.accountingBpoKvPhoto img {
    display: block;
    width: 100%;
}

.accountingBpoClients {
    border: 1px solid #dde3e8;
    background-color: #f3f3f3;
}

.accountingBpoClientsHead {
    padding-top: 8px;
}

.accountingBpoClients .sectionTitleAreaWrap .bgTitle {
    line-height: 1;
}

.accountingBpoClients .sectionTitleAreaWrap .sectionTitleArea {
    position: static;
    transform: none;
    margin-top: -50px;
}

.accountingBpoClients .sectionTitleAreaWrap .sectionTitleEn {
    margin-top: 8px;
    margin-bottom: 0;
    line-height: 1;
}

.accountingBpoClientsLead {
    margin-top: 24px;
    color: #000919;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.95;
    text-align: center;
}

.accountingBpoClientsLeadBreak {
    display: none;
}

.accountingBpoClientsStats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    width: calc(100% + 40px);
    margin-top: 24px;
    margin-left: -20px;
}

.accountingBpoClientsStat {
    display: grid;
    grid-template-rows: auto 1fr;
    overflow: hidden;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 4px 4px rgba(96, 182, 178, 0.12);
}

.accountingBpoClientsStatLabel {
    padding: 9px 12px;
    border-radius: 8px 8px 0 0;
    background-color: #60b6b2;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.55;
    letter-spacing: 0.04em;
    text-align: center;
}

.accountingBpoClientsStatBody {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 28px 20px 32px;
}

.accountingBpoClientsIcon {
    flex: 0 0 auto;
}

.accountingBpoClientsIconCustomer,
.accountingBpoClientsIconStaff {
    display: flex;
    align-items: center;
}

.accountingBpoClientsIconPerson {
    display: grid;
    flex: 0 0 auto;
}

.accountingBpoClientsIconPerson>img {
    grid-column: 1;
    grid-row: 1;
}

.accountingBpoClientsIconDetail {
    z-index: 1;
    align-self: start;
    justify-self: start;
    margin-top: 24px;
    margin-left: 22px;
}

.accountingBpoClientsIconChart {
    width: 49px;
}

.accountingBpoClientsIconRetention {
    width: 84px;
}

.accountingBpoClientsIconPersonMirror {
    transform: scaleX(-1);
}

.accountingBpoClientsIconDetailStaff01 {
    margin-top: 21px;
    margin-left: 33px;
}

.accountingBpoClientsIconPersonStaff02 {
    margin-left: -1px;
}

.accountingBpoClientsIconDetailStaff02 {
    margin-top: 22px;
    margin-left: 18px;
}

.accountingBpoClientsStatValue {
    flex: 0 0 auto;
    color: #33506a;
    font-family: "din-2014", sans-serif;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.01em;
    white-space: nowrap;
}

.accountingBpoClientsStatValue strong {
    font-size: 60px;
    font-weight: 700;
}

.accountingBpoClientsStatValue span {
    font-size: 32px;
}

.accountingBpoClientsStatValue .accountingBpoClientsStatUnitJa {
    font-family: inherit;
    font-size: 20px;
}

.accountingBpoClientsLogos {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    width: calc(100% + 40px);
    margin-top: 28px;
    margin-left: -20px;
}

.accountingBpoClientsLogo {
    display: grid;
    place-items: center;
    padding: 10px 12px;
    border: 1px solid #e4e7ec;
    border-radius: 6px;
    background-color: #fff;
}

.accountingBpoClientsLogo img {
    display: block;
    max-width: 100%;
    object-fit: contain;
}

.accountingBpoClientsLogoTimewitch img {
    width: 140px;
}

.accountingBpoClientsLogoBird img {
    width: 210px;
}

.accountingBpoClientsLogoMitsui img {
    width: 130px;
}

.accountingBpoClientsLogoDepartures img {
    width: 160px;
}

.accountingBpoClientsLogoLinkage img {
    width: 90px;
}

.accountingBpoSolution {
    padding-bottom: 40px;
    background-color: #000919;
    background-image: url("../images/under/service/accounting-bpo/solution_bg.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.accountingBpoSolution .sectionTitleAreaWrap .bgTitle {
    line-height: 1;
}

.accountingBpoSolution .sectionTitleAreaWrap .sectionTitleArea {
    position: static;
    transform: none;
    margin-top: -49px;
    padding-bottom: 49px;
}

.accountingBpoSolution .sectionTitleAreaWrap .sectionTitleEn {
    margin-top: 0;
    margin-bottom: 32px;
    line-height: 1;
}

.accountingBpoSolutionList {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.accountingBpoSolutionItem {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 24px;
    overflow: hidden;
    border: 1px solid #e4e7ec;
    border-radius: 10px;
    background-color: #fff;
    color: #14161a;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.55;
}

.accountingBpoSolutionItem strong {
    font-weight: 700;
}

.accountingBpoSolutionCheck {
    display: grid;
    flex: 0 0 auto;
    width: 24px;
    aspect-ratio: 1;
    place-items: center;
}

.accountingBpoSolutionCheck span {
    display: block;
    width: 22px;
    aspect-ratio: 22 / 12;
    border-bottom: 3px solid #60b6b2;
    border-left: 3px solid #60b6b2;
    transform: rotate(-45deg) translateY(-2px);
    box-sizing: border-box;
}

.accountingBpoReason {
    background-color: #f3f3f3;
}

.accountingBpoReason .sectionTitleAreaWrap .bgTitle {
    line-height: 1;
}

.accountingBpoReason .sectionTitleAreaWrap .sectionTitleArea {
    position: static;
    transform: none;
    margin-top: -50px;
}

.accountingBpoReason .sectionTitleAreaWrap .sectionTitleEn {
    margin-top: 8px;
    margin-bottom: 0;
    line-height: 1;
}

.accountingBpoReasonIntro {
    margin-top: 24px;
    color: #000919;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.95;
    text-align: center;
}

.accountingBpoReasonList {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    width: calc(100% + 40px);
    margin-top: 64px;
    margin-left: -20px;
}

.accountingBpoReasonCard {
    display: grid;
    grid-template-rows: auto 1fr;
    overflow: hidden;
    border: 1px solid #e4e7ec;
    border-radius: 10px;
    background-color: #fff;
}

.accountingBpoReasonVisual {
    display: grid;
}

.accountingBpoReasonVisual>* {
    grid-column: 1;
    grid-row: 1;
}

.accountingBpoReasonVisual img {
    display: block;
    width: 100%;
}

.accountingBpoReasonVisual p {
    z-index: 1;
    align-self: center;
    justify-self: center;
    color: #fff;
    font-family: "din-2014", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
}

.accountingBpoReasonBody {
    padding: 32px 27px;
}

.accountingBpoReasonBody h3 {
    color: #0e3660;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.55;
}

.accountingBpoReasonBody p {
    margin-top: 12px;
    color: #000919;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: 0.04em;
}

.accountingBpoScope {
    background-color: #fff;
}

.accountingBpoScope .sectionTitleAreaWrap .bgTitle {
    line-height: 1;
}

.accountingBpoScope .sectionTitleAreaWrap .sectionTitleArea {
    position: static;
    transform: none;
    margin-top: -50px;
}

.accountingBpoScope .sectionTitleAreaWrap .sectionTitleEn {
    margin-top: 8px;
    margin-bottom: 0;
    line-height: 1;
}

.accountingBpoScopeIntro {
    margin-top: 24px;
    color: #000919;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.95;
    text-align: center;
}

.accountingBpoScopeMain {
    margin-top: 40px;
    overflow: hidden;
    border-radius: 8px;
}

.accountingBpoScopeMainTitle,
.accountingBpoScopeOptionTitle {
    padding: 20px 25px;
    background-color: #60b6b2;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.125;
    text-align: center;
}

.accountingBpoScopeMainList {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    padding: 24px 32px;
    background-color: #f3f3f3;
}

.accountingBpoScopeMainList li,
.accountingBpoScopeOptionList li {
    display: flex;
    flex: 1 1 calc((100% - 36px) / 4);
    align-items: center;
    gap: 20px;
    max-width: calc((100% - 36px) / 4);
    padding: 24px;
    border-radius: 8px;
    background-color: #fff;
    color: #0e3660;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    box-sizing: border-box;
}

.accountingBpoScopeMainList li:nth-child(-n + 2),
.accountingBpoScopeOptionList li {
    padding-top: 16px;
    padding-bottom: 16px;
}

.accountingBpoScopeIcon {
    display: grid;
    flex: 0 0 42px;
    width: 42px;
    place-items: center;
}

.accountingBpoScopeIcon img {
    display: block;
    max-width: 100%;
}

.accountingBpoScopeOption {
    width: 82%;
    margin-top: 32px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    border-radius: 8px;
}

.accountingBpoScopeOptionTitle {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #5b6875;
    font-size: 20px;
    line-height: 1.35;
}

.accountingBpoScopeOptionList {
    display: flex;
    gap: 12px;
    padding: 20px 24px;
    background-color: #f3f3f3;
}

.accountingBpoScopeOptionList li {
    flex-basis: 0;
    max-width: none;
    color: #33506a;
}

.accountingBpoScopeNote {
    width: min(886px, 100%);
    margin-top: 32px;
    margin-right: auto;
    margin-left: auto;
    color: #26313a;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    text-align: center;
}

.accountingBpoSupport {
    border: 1px solid #dde3e8;
    background-color: #fff;
}

.accountingBpoSupport .sectionInner {
    padding-top: 48px;
}

.accountingBpoSupport .sectionTitleAreaWrap .bgTitle {
    line-height: 1;
}

.accountingBpoSupport .sectionTitleAreaWrap .sectionTitleArea {
    position: static;
    transform: none;
    margin-top: -50px;
}

.accountingBpoSupport .sectionTitleAreaWrap .sectionTitleEn {
    margin-top: 8px;
    margin-bottom: 0;
    line-height: 1;
}

.accountingBpoSupportIntro {
    margin-top: 24px;
    color: #000919;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.95;
    text-align: center;
}

.accountingBpoSupportList {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 262px));
    justify-content: center;
    gap: 2px;
    margin-top: 40px;
}

.accountingBpoSupportCard {
    display: grid;
}

.accountingBpoSupportCard>* {
    grid-column: 1;
    grid-row: 1;
}

.accountingBpoSupportCard img {
    display: block;
    width: 100%;
}

.accountingBpoSupportCard h3,
.accountingBpoSupportCard p {
    z-index: 1;
    justify-self: center;
    color: #fff;
    text-align: center;
}

.accountingBpoSupportCard h3 {
    align-self: start;
    margin-top: 14px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}

.accountingBpoSupportCard p {
    align-self: end;
    width: 70%;
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
}

.accountingBpoPrice {
    border: 1px solid #dde3e8;
    background-color: #fff;
}

.accountingBpoPrice .sectionInner {
    padding-top: 48px;
    padding-bottom: 120px;
}

.accountingBpoPrice .sectionTitleAreaWrap .bgTitle {
    line-height: 1;
}

.accountingBpoPrice .sectionTitleAreaWrap .sectionTitleArea {
    position: static;
    transform: none;
    margin-top: -50px;
}

.accountingBpoPrice .sectionTitleAreaWrap .sectionTitleEn {
    margin-top: 8px;
    margin-bottom: 0;
    line-height: 1;
}

.accountingBpoPriceIntro {
    margin-top: 24px;
    color: #000919;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.95;
    text-align: center;
}

.accountingBpoPriceContent {
    width: min(960px, 100%);
    margin-top: 32px;
    margin-right: auto;
    margin-left: auto;
}

.accountingBpoPriceSystems {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.accountingBpoPriceSystem {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 8px;
}

.accountingBpoPriceSystemLabel {
    padding: 8px 12px;
    background-color: #60b6b2;
    color: #fff;
    font-family: "din-2014", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0.04em;
    text-align: center;
}

.accountingBpoPriceSystemBody {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    padding: 24px 28px 32px;
    border-right: 1px solid #e4e7ec;
    border-bottom: 1px solid #e4e7ec;
    border-left: 1px solid #e4e7ec;
    border-radius: 0 0 8px 8px;
    background-color: #fff;
}

.accountingBpoPriceSystemIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    aspect-ratio: 1;
}

.accountingBpoPriceSystemIcon img {
    display: block;
    width: 100%;
    max-width: 100%;
}

.accountingBpoPriceSystem h3 {
    margin-top: 12px;
    color: #0e3660;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.44;
    text-align: center;
}

.accountingBpoPriceSystemBody>p {
    width: 100%;
    margin-top: 12px;
    color: #000919;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
}

.accountingBpoPriceAmount {
    margin-top: 32px;
    padding: 30px 24px;
    border: 3px solid #60b6b2;
    border-radius: 8px;
    background-color: rgba(96, 182, 178, 0.12);
    text-align: center;
}

.accountingBpoPriceAmountMain {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 5px;
    color: #0e3660;
    font-weight: 900;
    line-height: 1;
}

.accountingBpoPriceAmountMain span:first-child {
    font-size: 34px;
}

.accountingBpoPriceAmountMain strong {
    color: #60b6b2;
    font-family: "din-2014", sans-serif;
    font-size: 72px;
    font-weight: 600;
}

.accountingBpoPriceAmountMain span:last-child {
    font-size: 32px;
}

.accountingBpoPriceAmountNote {
    margin-top: 10px;
    color: #000919;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.04em;
}

.accountingBpoPriceCaseBar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 48px;
    padding: 20px 25px;
    border-radius: 9px;
    background-color: #0e3660;
    color: #fff;
}

.accountingBpoPriceCaseBar p {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
}

.accountingBpoPriceCaseBarLabel {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
}

.accountingBpoPriceCaseBar>span[aria-hidden] {
    flex: 0 0 auto;
    font-size: 20px;
    line-height: 1;
}

.accountingBpoPriceCaseIcon {
    position: relative;
    display: block;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
}

.accountingBpoPriceCaseIcon::before,
.accountingBpoPriceCaseIcon::after {
    position: absolute;
    border-radius: 2px;
    background-color: currentColor;
    content: "";
}

.accountingBpoPriceCaseIcon::before {
    top: 50%;
    right: 2px;
    left: 2px;
    height: 2px;
    margin-top: -1px;
}

.accountingBpoPriceCaseIcon::after {
    top: 2px;
    bottom: 2px;
    left: 50%;
    width: 2px;
    margin-left: -1px;
    transform: rotate(0deg);
    transition: transform 0.3s ease;
}

.accountingBpoPriceCaseAccordion[open] .accountingBpoPriceCaseIcon::after {
    transform: rotate(90deg);
}

.accountingBpoPriceCaseAccordion>summary {
    cursor: pointer;
    list-style: none;
}

.accountingBpoPriceCaseAccordion>summary::-webkit-details-marker {
    display: none;
}

.accountingBpoPriceCaseAccordion[open]>.accountingBpoPriceCaseBar {
    border-radius: 8px 8px 0 0;
}

.accountingBpoPriceCaseBody {
    padding: 50px 70px;
    border-radius: 0 0 8px 8px;
    background-color: #f3f3f3;
    color: #000919;
}

.accountingBpoPriceCaseHeading {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.6;
}

.accountingBpoPriceCaseOverview {
    display: grid;
    grid-template-columns: minmax(0, 545px) 51px minmax(0, 425px);
    align-items: center;
    margin-top: 50px;
}

.accountingBpoPriceCaseComparison img {
    display: block;
    width: 100%;
    height: auto;
}

.accountingBpoPriceCaseArrow {
    z-index: 1;
    display: block;
    align-self: end;
    width: 51px;
    margin-bottom: 35px;
}

.accountingBpoPriceCaseSaving {
    box-sizing: border-box;
    padding: 30px;
    border: 1px solid #60b6b2;
    border-radius: 4px;
    background-color: #fff;
}

.accountingBpoPriceCaseSavingAmount {
    display: flex;
    align-items: baseline;
    color: #0e3660;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.accountingBpoPriceCaseSavingAmount span:first-child {
    font-size: 32px;
}

.accountingBpoPriceCaseSavingAmount strong {
    font-size: 63px;
    font-weight: 700;
}

.accountingBpoPriceCaseSavingAmount span:last-child {
    font-size: 38px;
}

.accountingBpoPriceCaseSavingNote {
    margin-top: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    text-align: right;
}

.accountingBpoPriceCaseSavingList {
    margin-top: 35px;
}

.accountingBpoPriceCaseSavingList li+li {
    margin-top: 20px;
}

.accountingBpoPriceCaseSavingList p {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
}

.accountingBpoPriceCaseSavingList strong {
    font-weight: 700;
}

.accountingBpoPriceCaseTag {
    display: inline-block;
    padding: 6px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.accountingBpoPriceCaseTagExpense {
    background-color: #3b7bde;
    color: #fff;
}

.accountingBpoPriceCaseTagOutsource {
    border: 1px solid #20509c;
    background-color: #fff;
    color: #20509c;
}

.accountingBpoPriceCaseTagRecruit {
    background-color: #000f21;
    color: #fff;
}

.accountingBpoPriceCaseReasons {
    margin-top: 100px;
}

.accountingBpoPriceCaseReasonsHeading {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
}

.accountingBpoPriceCaseReasonsHeading::after {
    flex: 1;
    height: 1px;
    background-color: #aaa;
    content: "";
}

.accountingBpoPriceCaseReasonList {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 50px;
}

.accountingBpoPriceCaseReason {
    min-width: 0;
    padding: 0 26px;
}

.accountingBpoPriceCaseReason:first-child {
    padding-left: 0;
}

.accountingBpoPriceCaseReason+.accountingBpoPriceCaseReason {
    border-left: 1px solid #aaa;
}

.accountingBpoPriceCaseReason:last-child {
    padding-right: 0;
}

.accountingBpoPriceCaseReasonTitle {
    padding: 8px 20px;
    border-radius: 50px;
    background-color: #60b6b2;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
}

.accountingBpoPriceCaseReasonImage {
    display: block;
    width: 140px;
    height: auto;
    margin-top: 35px;
    margin-right: auto;
    margin-left: auto;
}

.accountingBpoPriceCaseReason h5 {
    margin-top: 45px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
}

.accountingBpoPriceCaseReasonPoints {
    margin-top: 30px;
}

.accountingBpoPriceCaseReasonPoints li {
    position: relative;
    padding-left: 18px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
}

.accountingBpoPriceCaseReasonPoints li::before {
    position: absolute;
    top: 0.45em;
    left: 1px;
    width: 11px;
    height: 6px;
    transform: rotate(-45deg);
    border-bottom: 1px solid #60b6b2;
    border-left: 1px solid #60b6b2;
    content: "";
}

.accountingBpoPriceCaseReasonPoints li+li {
    margin-top: 18px;
}

.accountingBpoPriceCaseReasonPoints strong {
    font-weight: 700;
}

.accountingBpoPriceCaseReasonPoints small {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.6;
}

.accountingBpoPriceCaseReasonSupplement {
    margin-top: 48px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-decoration: underline;
}

.accountingBpoPriceCaseReasonExample {
    margin-top: 30px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
}

.accountingBpoPriceCaseTransferSaving {
    display: block;
    width: 100%;
    max-width: 308px;
    height: auto;
    margin-top: 25px;
}

.accountingBpoCase {
    background-color: #f3f3f3;
}

.accountingBpoCase .sectionInner {
    padding-top: 80px;
    padding-bottom: 80px;
}

.accountingBpoCaseHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.accountingBpoCaseTitle {
    display: grid;
    flex: 0 0 auto;
}

.accountingBpoCaseTitle .bgTitle,
.accountingBpoCaseTitle .sectionTitleArea {
    grid-column: 1;
    grid-row: 1;
}

.accountingBpoCaseTitle .bgTitle {
    line-height: 1;
}

.accountingBpoCaseTitle .sectionTitleArea {
    position: static;
    align-self: start;
    transform: none;
    margin-top: 44px;
}

.accountingBpoCaseTitle .sectionTitleEn {
    margin-top: 8px;
    line-height: 1;
}

.accountingBpoCaseLink {
    gap: 14px;
}

.accountingBpoCaseLink>p {
    padding-right: 0;
}

.accountingBpoCaseLink .circleArrow {
    position: static;
    display: block;
    flex: 0 0 auto;
}

.accountingBpoCaseLink .circleArrow img {
    display: block;
    width: 100%;
}

.accountingBpoCaseList {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 19px;
}

.accountingBpoCaseCard {
    min-width: 0;
    color: #000;
}

.accountingBpoCaseImage {
    overflow: hidden;
    border-radius: 8px;
}

.accountingBpoCaseImage img {
    display: block;
    width: 100%;
    aspect-ratio: 364 / 202;
    object-fit: cover;
}

.accountingBpoCaseMeta {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
    color: #545454;
}

.accountingBpoCaseService {
    padding: 4px 8px;
    border: 1px solid #545454;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.1;
}

.accountingBpoCaseMeta time {
    font-family: "din-2014", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.accountingBpoCaseCard h3 {
    margin-top: 12px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
}

.accountingBpoCaseCompany {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
}

.accountingBpoCaseTags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 12px;
}

.accountingBpoCaseTags li {
    padding: 5px 12px;
    border-radius: 4px;
    background-color: #0e3660;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
}

.accountingBpoFlow {
    border-top: 1px solid #dde3e8;
    background-color: #f3f3f3;
}

.accountingBpoFlow .sectionInner {
    padding-top: 40px;
    padding-bottom: 120px;
}

.accountingBpoFlowTitle {
    display: grid;
    width: fit-content;
}

.accountingBpoFlowTitle .bgTitle,
.accountingBpoFlowTitle .sectionTitleArea {
    grid-column: 1;
    grid-row: 1;
}

.accountingBpoFlowTitle .bgTitle {
    line-height: 1;
}

.accountingBpoFlowTitle .sectionTitleArea {
    position: static;
    align-self: start;
    transform: none;
    margin-top: 44px;
}

.accountingBpoFlowTitle .sectionTitleEn {
    margin-top: 8px;
    line-height: 1;
}

.accountingBpoFlowSteps {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 37px minmax(0, 1fr) 37px minmax(0, 1fr) 37px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    margin-top: 24px;
}

.accountingBpoFlowStep {
    align-self: stretch;
    overflow: hidden;
    border-radius: 8px;
    background-color: #0e3660;
    box-shadow: 0 4px 4px rgba(96, 182, 178, 0.12);
}

.accountingBpoFlowStepLabel {
    padding: 9px 12px;
    background-color: #60b6b2;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.55;
    letter-spacing: 0.04em;
    text-align: center;
}

.accountingBpoFlowStepBody {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px 20px 40px;
}

.accountingBpoFlowStepIcon {
    width: 86px;
    height: 68px;
}

.accountingBpoFlowStepIcon img,
.accountingBpoFlowArrow img,
.accountingBpoFlowRoleIcon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.accountingBpoFlowStepBody>p {
    width: min(182px, 100%);
    margin-top: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.04em;
    text-align: center;
}

.accountingBpoFlowArrow {
    width: 37px;
    height: 84px;
}

.accountingBpoFlowSupport {
    margin-top: 38px;
}

.accountingBpoFlowSupportTitle {
    color: #000919;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.03em;
    text-align: center;
}

.accountingBpoFlowSupportList {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-top: 16px;
}

.accountingBpoFlowSupportList li {
    padding: 20px 22px;
    border: 1px solid #e4e7ec;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 4px 4px rgba(96, 182, 178, 0.12);
}

.accountingBpoFlowRoleIcon {
    width: 74px;
    height: 74px;
    overflow: hidden;
    border: 1px solid #dde3e8;
    border-radius: 50%;
    background-color: #f3f3f3;
}

.accountingBpoFlowSupportList h4 {
    margin-top: 12px;
    color: #0e3660;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.44;
    letter-spacing: 0.02em;
}

.accountingBpoFlowSupportList p {
    margin-top: 4px;
    color: #000919;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
}

.accountingBpoFaq {
    background-color: #fff;
}

.accountingBpoFaq .sectionInner {
    padding-top: 48px;
    padding-bottom: 80px;
}

.accountingBpoFaqHead {
    padding-top: 15px;
}

.accountingBpoFaqTitle {
    display: grid;
    width: fit-content;
}

.accountingBpoFaqTitle .bgTitle,
.accountingBpoFaqTitle .sectionTitleArea {
    grid-column: 1;
    grid-row: 1;
}

.accountingBpoFaqTitle .bgTitle {
    line-height: 1;
}

.accountingBpoFaqTitle .sectionTitleArea {
    position: static;
    align-self: start;
    transform: none;
    margin-top: 44px;
}

.accountingBpoFaqTitle .sectionTitleEn {
    margin-top: 8px;
    line-height: 1;
}

.accountingBpoFaqIntro {
    color: #000919;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.95;
}

.accountingBpoFaqList {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 24px;
    padding-top: 1px;
    border-top: 1px solid #dde3e8;
}

.accountingBpoFaqItem {
    padding: 32px;
    border-bottom: 1px solid #f3f3f3;
    border-radius: 8px;
    background-color: #f3f3f3;
}

.accountingBpoFaqItem dt,
.accountingBpoFaqItem dd {
    display: flex;
    align-items: center;
}

.accountingBpoFaqItem dt {
    gap: 16px;
    padding-bottom: 8px;
    color: #0e3660;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.4;
}

.accountingBpoFaqItem dd {
    gap: 16px;
    color: #000919;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
}

.accountingBpoFaqMark {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
    line-height: 1;
}

.accountingBpoFaqMarkQ {
    background-color: #0e3660;
    font-size: 16px;
}

.accountingBpoFaqMarkA {
    background-color: #60b6b2;
    font-size: 18px;
}

.accountingBpoOtherServices {
    background-color: #fff;
}

.accountingBpoOtherServices .sectionInner {
    padding-top: 0;
    padding-bottom: 80px;
}

.accountingBpoOtherServicesTitle {
    padding-top: 44px;
    padding-bottom: 44px;
}

.accountingBpoOtherServicesTitle .sectionTitleArea {
    position: static;
    transform: none;
}

.accountingBpoOtherServicesTitle .sectionTitleEn {
    margin-top: 8px;
    line-height: 1;
}

.accountingBpoOtherServicesList {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.accountingBpoOtherServiceCard {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
    padding: 32px 28px;
    overflow: hidden;
    border: 1px solid #e4e7ec;
    border-radius: 10px;
    background-color: #fff;
}

.accountingBpoOtherServiceIcon {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 85px;
    height: 63px;
}

.accountingBpoOtherServiceIcon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left center;
}

.accountingBpoOtherServiceIconDx {
    width: 69px;
}

.accountingBpoOtherServiceIconRpo {
    width: 66px;
}

.accountingBpoOtherServiceEn {
    margin-top: 12px;
    color: #60b6b2;
    font-family: "din-2014", sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
}

.accountingBpoOtherServiceCard h3 {
    margin-top: 8px;
    color: #14161a;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.55;
}

.accountingBpoOtherServiceText {
    margin-top: 12px;
    color: #000919;
    font-size: 13.5px;
    font-weight: 400;
    line-height: 1.9;
}

.accountingBpoOtherServiceLink {
    display: flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    margin-top: 24px;
    color: #000919;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.6;
}

.accountingBpoOtherServiceLink img {
    display: block;
    width: 28px;
    height: 28px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
    .accountingBpoKvBgTitle {
        margin-top: 3vw;
        font-size: 7.4vw;
    }

    .accountingBpoKvIcon {
        width: 6.3vw;
    }

    .accountingBpoKvTitleArea,
    .accountingBpoKvTitleText {
        gap: 1.45vw;
    }

    .accountingBpoKvTitleEn {
        font-size: 1.5vw;
    }

    .accountingBpoKvTitle {
        font-size: 3.6vw;
    }

    .accountingBpoKvCopy {
        margin-top: 2.5vw;
        font-size: 2.55vw;
    }

    .accountingBpoKvText {
        margin-top: 4.5vw;
        font-size: 1.35vw;
    }

    .accountingBpoClientsStats,
    .accountingBpoClientsLogos {
        width: 100%;
        margin-left: 0;
    }

    .accountingBpoClientsStatBody {
        gap: 1.2vw;
        padding-right: 1.5vw;
        padding-left: 1.5vw;
    }

    .accountingBpoClientsIconCustomer,
    .accountingBpoClientsIconStaff {
        transform: scale(0.8);
        margin-right: -1.8vw;
        margin-left: -1.8vw;
    }

    .accountingBpoClientsIconRetention {
        width: 7vw;
    }

    .accountingBpoClientsStatValue strong {
        font-size: 4.8vw;
    }

    .accountingBpoClientsStatValue span {
        font-size: 2.6vw;
    }

    .accountingBpoClientsStatValue .accountingBpoClientsStatUnitJa {
        font-size: 1.7vw;
    }

    .accountingBpoClientsLogos {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .accountingBpoSolution .sectionTitleAreaWrap .sectionTitleArea {
        margin-top: -4vw;
        padding-bottom: 4vw;
    }

    .accountingBpoSolution .sectionTitleAreaWrap .sectionTitleEn {
        margin-bottom: 2.8vw;
    }

    .accountingBpoSolutionList {
        gap: 1.8vw;
    }

    .accountingBpoSolutionItem {
        gap: 1.4vw;
        padding: 2vw;
        font-size: 1.65vw;
    }

    .accountingBpoSolutionCheck {
        width: 2.2vw;
    }

    .accountingBpoSolutionCheck span {
        width: 2vw;
        border-width: 0 0 0.28vw 0.28vw;
    }

    .accountingBpoReasonList {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        margin-left: 0;
    }

    .accountingBpoScopeMainList li {
        flex-basis: calc((100% - 12px) / 2);
        max-width: calc((100% - 12px) / 2);
    }

    .accountingBpoScopeOption {
        width: 100%;
    }

    .accountingBpoScopeOptionList li {
        min-width: 0;
        padding-right: 1.5vw;
        padding-left: 1.5vw;
        font-size: 1.7vw;
    }

    .accountingBpoSupportList {
        grid-template-columns: repeat(2, minmax(0, 262px));
        gap: 2.5vw;
    }

    .accountingBpoPriceSystems {
        gap: 1.8vw;
    }

    .accountingBpoPriceSystemBody {
        padding-right: 2vw;
        padding-left: 2vw;
    }

    .accountingBpoPriceSystem h3 {
        font-size: 1.8vw;
    }

    .accountingBpoPriceSystemBody>p {
        font-size: 1.5vw;
    }

    .accountingBpoPriceCaseBody {
        padding-right: 5vw;
        padding-left: 5vw;
    }

    .accountingBpoPriceCaseOverview {
        grid-template-columns: minmax(0, 1.28fr) 4.8vw minmax(0, 1fr);
    }

    .accountingBpoPriceCaseArrow {
        width: 4.8vw;
    }

    .accountingBpoPriceCaseSaving {
        padding: 2.5vw;
    }

    .accountingBpoPriceCaseSavingAmount span:first-child {
        font-size: 2.8vw;
    }

    .accountingBpoPriceCaseSavingAmount strong {
        font-size: 5.5vw;
    }

    .accountingBpoPriceCaseSavingAmount span:last-child {
        font-size: 3.3vw;
    }

    .accountingBpoPriceCaseReason {
        padding-right: 2vw;
        padding-left: 2vw;
    }

    .accountingBpoPriceCaseReasonTitle {
        padding-right: 1.5vw;
        padding-left: 1.5vw;
        font-size: 1.75vw;
    }

    .accountingBpoPriceCaseReason h5 {
        font-size: 1.65vw;
    }

    .accountingBpoPriceCaseReasonPoints li {
        font-size: 1.3vw;
    }

    .accountingBpoCaseList {
        gap: 2vw;
    }

    .accountingBpoCaseCard h3 {
        font-size: 1.7vw;
    }

    .accountingBpoCaseCompany,
    .accountingBpoCaseTags li {
        font-size: 1.3vw;
    }

    .accountingBpoFlowSteps {
        grid-template-columns: minmax(0, 1fr) 37px minmax(0, 1fr);
        grid-template-rows: auto 50px auto;
        width: min(700px, 100%);
        margin-right: auto;
        margin-left: auto;
    }

    .accountingBpoFlowStep01 {
        grid-column: 1;
        grid-row: 1;
    }

    .accountingBpoFlowArrow01 {
        grid-column: 2;
        grid-row: 1;
    }

    .accountingBpoFlowStep02 {
        grid-column: 3;
        grid-row: 1;
    }

    .accountingBpoFlowArrow02 {
        grid-column: 3;
        grid-row: 2;
        justify-self: center;
        transform: rotate(90deg);
    }

    .accountingBpoFlowStep03 {
        grid-column: 3;
        grid-row: 3;
    }

    .accountingBpoFlowArrow03 {
        grid-column: 2;
        grid-row: 3;
        transform: rotate(180deg);
    }

    .accountingBpoFlowStep04 {
        grid-column: 1;
        grid-row: 3;
    }

    .accountingBpoFlowSupportList p {
        font-size: 1.5vw;
    }

    .accountingBpoFaqItem {
        padding: 3vw;
    }

    .accountingBpoFaqItem dt {
        font-size: 2vw;
    }

    .accountingBpoOtherServiceCard {
        padding: 3vw 2.5vw;
    }

    .accountingBpoOtherServiceCard h3 {
        font-size: 2.4vw;
    }

    .accountingBpoOtherServiceText {
        font-size: 1.45vw;
    }
}

@media only screen and (min-width: 768px) and (max-width: 900px) {
    .accountingBpoPriceCaseOverview {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }

    .accountingBpoPriceCaseComparison,
    .accountingBpoPriceCaseSaving {
        width: min(545px, 100%);
        margin-right: auto;
        margin-left: auto;
    }

    .accountingBpoPriceCaseArrow {
        display: none;
    }

    .accountingBpoPriceCaseSaving {
        max-width: 425px;
    }

    .accountingBpoPriceCaseReasonList {
        grid-template-columns: minmax(0, 600px);
        justify-content: center;
    }

    .accountingBpoPriceCaseReason {
        padding: 40px 0;
    }

    .accountingBpoPriceCaseReason:first-child {
        padding-top: 0;
    }

    .accountingBpoPriceCaseReason+.accountingBpoPriceCaseReason {
        border-top: 1px solid #aaa;
        border-left: 0;
    }

    .accountingBpoPriceCaseReason:last-child {
        padding-bottom: 0;
    }

    .accountingBpoPriceCaseReasonTitle {
        width: min(400px, 100%);
        margin-right: auto;
        margin-left: auto;
        font-size: 18px;
    }

    .accountingBpoPriceCaseReason h5 {
        font-size: 18px;
    }

    .accountingBpoPriceCaseReasonPoints li {
        font-size: 14px;
    }
}

@media only screen and (max-width: 767px) {
    .accountingBpoKvInner {
        grid-template-columns: minmax(0, 1fr);
    }

    .accountingBpoKvBgTitle {
        grid-column: 1;
        margin-top: 8vw;
        font-size: 14.5vw;
    }

    .accountingBpoKvContent {
        grid-column: 1;
        align-self: start;
        padding-top: 12vw;
        padding-bottom: 13vw;
    }

    .accountingBpoKvContentBody {
        width: 100%;
    }

    .accountingBpoKvTitleArea {
        align-items: center;
        gap: 4vw;
    }

    .accountingBpoKvIcon {
        width: 14vw;
    }

    .accountingBpoKvTitleText {
        gap: 3vw;
    }

    .accountingBpoKvTitleEn {
        font-size: 3.4vw;
    }

    .accountingBpoKvTitle {
        font-size: 8vw;
    }

    .accountingBpoKvCopy {
        margin-top: 7vw;
        font-size: 6.1vw;
        line-height: 1.55;
    }

    .accountingBpoKvText {
        margin-top: 8vw;
        font-size: 3.7vw;
        line-height: 1.8;
    }

    .accountingBpoKvText br {
        display: none;
    }

    .accountingBpoKvVisual {
        display: block;
        grid-column: 1;
        grid-row: 2;
        margin-left: 0;
    }

    .accountingBpoKvEdge {
        display: none;
    }

    .accountingBpoKvPhoto {
        margin-left: 0;
    }

    .accountingBpoKvPhoto img {
        aspect-ratio: 39 / 25;
        object-fit: cover;
        object-position: center;
    }

    .accountingBpoClients .sectionTitleAreaWrap .bgTitle {
        font-size: 20vw;
    }

    .accountingBpoClients .sectionTitleAreaWrap .sectionTitleArea {
        margin-top: -7vw;
    }

    .accountingBpoClients .sectionTitleAreaWrap .sectionTitle {
        text-align: center;
    }

    .accountingBpoClientsLead {
        margin-top: 6vw;
        font-size: 3.7vw;
        text-align: left;
    }

    .accountingBpoClientsLeadBreak {
        display: block;
    }

    .accountingBpoClientsStats,
    .accountingBpoClientsLogos {
        width: 100%;
        margin-left: 0;
    }

    .accountingBpoClientsStats {
        grid-template-columns: minmax(0, 1fr);
        gap: 4vw;
        margin-top: 6vw;
    }

    .accountingBpoClientsStatLabel {
        font-size: 3.6vw;
    }

    .accountingBpoClientsStatBody {
        padding: 6vw 4vw 7vw;
    }

    .accountingBpoClientsStatValue strong {
        font-size: 13vw;
    }

    .accountingBpoClientsStatValue span {
        font-size: 7vw;
    }

    .accountingBpoClientsStatValue .accountingBpoClientsStatUnitJa {
        font-size: 4.5vw;
    }

    .accountingBpoClientsLogos {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 3vw;
        margin-top: 7vw;
    }

    .accountingBpoClientsLogo {
        padding: 4vw 3vw;
    }

    .accountingBpoClientsLogoLinkage {
        grid-column: 1 / -1;
    }

    .accountingBpoSolution {
        padding-bottom: 8vw;
        background-position: center top;
    }

    .accountingBpoSolution .sectionTitleAreaWrap .bgTitle {
        font-size: 19vw;
    }

    .accountingBpoSolution .sectionTitleAreaWrap .sectionTitleArea {
        margin-top: -7vw;
        padding-bottom: 8vw;
    }

    .accountingBpoSolution .sectionTitleAreaWrap .sectionTitleEn {
        margin-bottom: 5vw;
    }

    .accountingBpoSolution .sectionTitleAreaWrap .sectionTitle {
        text-align: center;
    }

    .accountingBpoSolutionList {
        grid-template-columns: minmax(0, 1fr);
        gap: 4vw;
    }

    .accountingBpoSolutionItem {
        align-items: flex-start;
        gap: 3.5vw;
        padding: 5vw;
        font-size: 4.2vw;
    }

    .accountingBpoSolutionCheck {
        width: 6vw;
        margin-top: 0.8vw;
    }

    .accountingBpoSolutionCheck span {
        width: 5.5vw;
        border-width: 0 0 0.7vw 0.7vw;
    }

    .accountingBpoReason .sectionTitleAreaWrap .bgTitle {
        font-size: 20vw;
    }

    .accountingBpoReason .sectionTitleAreaWrap .sectionTitleArea {
        margin-top: -7vw;
    }

    .accountingBpoReason .sectionTitleAreaWrap .sectionTitle {
        text-align: center;
    }

    .accountingBpoReasonIntro {
        margin-top: 6vw;
        font-size: 3.7vw;
        line-height: 1.8;
        text-align: left;
    }

    .accountingBpoReasonIntro br {
        display: none;
    }

    .accountingBpoReasonList {
        grid-template-columns: minmax(0, 1fr);
        gap: 5vw;
        width: 100%;
        margin-top: 8vw;
        margin-left: 0;
    }

    .accountingBpoReasonVisual p {
        font-size: 6vw;
    }

    .accountingBpoReasonBody {
        padding: 7vw 6vw;
    }

    .accountingBpoReasonBody h3 {
        font-size: 4.8vw;
    }

    .accountingBpoReasonBody p {
        margin-top: 3vw;
        font-size: 3.7vw;
    }

    .accountingBpoScope .sectionTitleAreaWrap .bgTitle {
        font-size: 20vw;
    }

    .accountingBpoScope .sectionTitleAreaWrap .sectionTitleArea {
        margin-top: -7vw;
    }

    .accountingBpoScope .sectionTitleAreaWrap .sectionTitle {
        text-align: center;
    }

    .accountingBpoScopeIntro {
        margin-top: 6vw;
        font-size: 3.7vw;
        line-height: 1.8;
        text-align: left;
    }

    .accountingBpoScopeMain {
        margin-top: 8vw;
    }

    .accountingBpoScopeMainTitle,
    .accountingBpoScopeOptionTitle {
        padding: 4vw;
        font-size: 5.2vw;
    }

    .accountingBpoScopeMainList,
    .accountingBpoScopeOptionList {
        display: flex;
        flex-direction: column;
        gap: 3vw;
        padding: 4vw;
    }

    .accountingBpoScopeMainList li,
    .accountingBpoScopeOptionList li {
        flex: none;
        gap: 4vw;
        width: 100%;
        max-width: none;
        padding: 5vw;
        font-size: 4.4vw;
    }

    .accountingBpoScopeMainList li:nth-child(-n + 2),
    .accountingBpoScopeOptionList li {
        padding: 5vw;
    }

    .accountingBpoScopeIcon {
        flex-basis: 11vw;
        width: 11vw;
    }

    .accountingBpoScopeIcon img {
        width: auto;
        max-width: 100%;
    }

    .accountingBpoScopeOption {
        width: 100%;
        margin-top: 7vw;
    }

    .accountingBpoScopeOptionTitle {
        font-size: 4.8vw;
    }

    .accountingBpoScopeNote {
        width: 100%;
        margin-top: 7vw;
        font-size: 3.7vw;
        text-align: left;
    }

    .accountingBpoSupport .sectionInner {
        padding-top: 10vw;
    }

    .accountingBpoSupport .sectionTitleAreaWrap .bgTitle {
        font-size: 20vw;
    }

    .accountingBpoSupport .sectionTitleAreaWrap .sectionTitleArea {
        margin-top: -7vw;
    }

    .accountingBpoSupport .sectionTitleAreaWrap .sectionTitle {
        text-align: center;
    }

    .accountingBpoSupportIntro {
        margin-top: 6vw;
        font-size: 3.7vw;
        line-height: 1.8;
        text-align: left;
    }

    .accountingBpoSupportList {
        grid-template-columns: minmax(0, 262px);
        gap: 5vw;
        margin-top: 8vw;
    }

    .accountingBpoPrice .sectionInner {
        padding-top: 10vw;
        padding-bottom: 16vw;
    }

    .accountingBpoPrice .sectionTitleAreaWrap .bgTitle {
        font-size: 20vw;
    }

    .accountingBpoPrice .sectionTitleAreaWrap .sectionTitleArea {
        margin-top: -7vw;
    }

    .accountingBpoPrice .sectionTitleAreaWrap .sectionTitle {
        text-align: center;
    }

    .accountingBpoPriceIntro {
        margin-top: 6vw;
        font-size: 3.7vw;
        line-height: 1.8;
    }

    .accountingBpoPriceContent {
        margin-top: 8vw;
    }

    .accountingBpoPriceSystems {
        grid-template-columns: minmax(0, 1fr);
        gap: 5vw;
    }

    .accountingBpoPriceSystemLabel {
        padding: 2.2vw 3vw;
        font-size: 4.6vw;
    }

    .accountingBpoPriceSystemBody {
        padding: 6vw 6vw 7vw;
    }

    .accountingBpoPriceSystemIcon {
        width: 20vw;
        max-width: 80px;
    }

    .accountingBpoPriceSystem h3 {
        margin-top: 3vw;
        font-size: 5vw;
    }

    .accountingBpoPriceSystemBody>p {
        margin-top: 3vw;
        font-size: 3.8vw;
    }

    .accountingBpoPriceAmount {
        margin-top: 7vw;
        padding: 7vw 4vw;
    }

    .accountingBpoPriceAmountMain {
        gap: 1vw;
    }

    .accountingBpoPriceAmountMain span:first-child {
        font-size: 7vw;
    }

    .accountingBpoPriceAmountMain strong {
        font-size: 15vw;
    }

    .accountingBpoPriceAmountMain span:last-child {
        font-size: 6.5vw;
    }

    .accountingBpoPriceAmountNote {
        margin-top: 3vw;
        font-size: 3.5vw;
        line-height: 1.6;
    }

    .accountingBpoPriceCaseBar {
        gap: 4vw;
        margin-top: 9vw;
        padding: 5vw;
    }

    .accountingBpoPriceCaseBar p {
        font-size: 4vw;
    }

    .accountingBpoPriceCaseBarLabel {
        font-size: 4vw;
    }

    .accountingBpoPriceCaseBar>span[aria-hidden] {
        font-size: 5vw;
    }

    .accountingBpoPriceCaseIcon {
        width: 5vw;
        height: 5vw;
        max-width: 20px;
        max-height: 20px;
    }

    .accountingBpoPriceCaseBody {
        padding: 8vw 5vw 10vw;
    }

    .accountingBpoPriceCaseHeading {
        font-size: 4.4vw;
        line-height: 1.6;
    }

    .accountingBpoPriceCaseOverview {
        grid-template-columns: minmax(0, 1fr);
        gap: 6vw;
        margin-top: 8vw;
    }

    .accountingBpoPriceCaseComparison,
    .accountingBpoPriceCaseSaving {
        width: 100%;
    }

    .accountingBpoPriceCaseArrow {
        display: none;
    }

    .accountingBpoPriceCaseSaving {
        padding: 6vw 5vw;
    }

    .accountingBpoPriceCaseSavingAmount {
        justify-content: center;
    }

    .accountingBpoPriceCaseSavingAmount span:first-child {
        font-size: 7vw;
    }

    .accountingBpoPriceCaseSavingAmount strong {
        font-size: 14vw;
    }

    .accountingBpoPriceCaseSavingAmount span:last-child {
        font-size: 7vw;
    }

    .accountingBpoPriceCaseSavingNote {
        margin-top: 2vw;
        font-size: 2.7vw;
        text-align: left;
    }

    .accountingBpoPriceCaseSavingList {
        margin-top: 7vw;
    }

    .accountingBpoPriceCaseSavingList li+li {
        margin-top: 5vw;
    }

    .accountingBpoPriceCaseTag,
    .accountingBpoPriceCaseSavingList p {
        font-size: 3.5vw;
    }

    .accountingBpoPriceCaseSavingList p {
        margin-top: 2.5vw;
    }

    .accountingBpoPriceCaseReasons {
        margin-top: 14vw;
    }

    .accountingBpoPriceCaseReasonsHeading {
        align-items: flex-start;
        gap: 3vw;
        font-size: 4.5vw;
    }

    .accountingBpoPriceCaseReasonsHeading::after {
        margin-top: 0.7em;
    }

    .accountingBpoPriceCaseReasonList {
        grid-template-columns: minmax(0, 1fr);
        margin-top: 9vw;
    }

    .accountingBpoPriceCaseReason {
        padding: 10vw 0;
    }

    .accountingBpoPriceCaseReason:first-child {
        padding-top: 0;
    }

    .accountingBpoPriceCaseReason+.accountingBpoPriceCaseReason {
        border-top: 1px solid #aaa;
        border-left: 0;
    }

    .accountingBpoPriceCaseReason:last-child {
        padding-bottom: 0;
    }

    .accountingBpoPriceCaseReasonTitle {
        padding: 2.2vw 4vw;
        font-size: 4.3vw;
        line-height: 1.3;
    }

    .accountingBpoPriceCaseReasonImage {
        width: 35vw;
        max-width: 140px;
        margin-top: 7vw;
    }

    .accountingBpoPriceCaseReason h5 {
        margin-top: 8vw;
        font-size: 4.2vw;
    }

    .accountingBpoPriceCaseReasonPoints {
        margin-top: 7vw;
    }

    .accountingBpoPriceCaseReasonPoints li {
        padding-left: 5vw;
        font-size: 3.6vw;
        line-height: 1.7;
    }

    .accountingBpoPriceCaseReasonPoints li::before {
        left: 0.3vw;
        width: 2.8vw;
        height: 1.5vw;
    }

    .accountingBpoPriceCaseReasonPoints li+li {
        margin-top: 4.5vw;
    }

    .accountingBpoPriceCaseReasonPoints small {
        margin-top: 1.5vw;
        font-size: 3.1vw;
    }

    .accountingBpoPriceCaseReasonSupplement {
        margin-top: 8vw;
        font-size: 3.3vw;
    }

    .accountingBpoPriceCaseReasonExample {
        margin-top: 7vw;
        font-size: 3.7vw;
    }

    .accountingBpoPriceCaseTransferSaving {
        margin-top: 6vw;
    }

    .accountingBpoCase .sectionInner {
        padding-top: 13vw;
        padding-bottom: 13vw;
    }

    .accountingBpoCaseHead {
        display: block;
    }

    .accountingBpoCaseTitle .bgTitle {
        font-size: 22vw;
    }

    .accountingBpoCaseTitle .sectionTitleArea {
        margin-top: 6vw;
    }

    .accountingBpoCaseTitle .sectionTitle {
        text-align: left;
    }

    .accountingBpoCaseLink {
        justify-content: flex-start;
        margin-top: 5vw;
    }

    .accountingBpoCaseList {
        grid-template-columns: minmax(0, 1fr);
        gap: 10vw;
        margin-top: 8vw;
    }

    .accountingBpoCaseMeta {
        margin-top: 4vw;
    }

    .accountingBpoCaseService {
        padding: 1vw 2vw;
        font-size: 3vw;
    }

    .accountingBpoCaseMeta time {
        font-size: 3.5vw;
    }

    .accountingBpoCaseCard h3 {
        margin-top: 3vw;
        font-size: 4.3vw;
    }

    .accountingBpoCaseCompany {
        margin-top: 3vw;
        font-size: 3.5vw;
    }

    .accountingBpoCaseTags {
        gap: 1.5vw;
        margin-top: 3vw;
    }

    .accountingBpoCaseTags li {
        padding: 1.5vw 3vw;
        font-size: 3.5vw;
    }

    .accountingBpoFlow .sectionInner {
        padding-top: 10vw;
        padding-bottom: 16vw;
    }

    .accountingBpoFlowTitle .bgTitle {
        font-size: 22vw;
    }

    .accountingBpoFlowTitle .sectionTitleArea {
        margin-top: 6vw;
    }

    .accountingBpoFlowTitle .sectionTitle {
        text-align: left;
    }

    .accountingBpoFlowSteps {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: none;
        gap: 4vw;
        margin-top: 8vw;
    }

    .accountingBpoFlowStep,
    .accountingBpoFlowArrow {
        grid-column: 1;
        grid-row: auto;
    }

    .accountingBpoFlowArrow {
        justify-self: center;
        width: 9vw;
        height: 14vw;
        transform: rotate(90deg);
    }

    .accountingBpoFlowStepLabel {
        padding: 2.3vw 3vw;
        font-size: 3.8vw;
    }

    .accountingBpoFlowStepBody {
        padding: 7vw 5vw 8vw;
    }

    .accountingBpoFlowStepIcon {
        width: 21vw;
        height: 17vw;
    }

    .accountingBpoFlowStepBody>p {
        width: 100%;
        margin-top: 2vw;
        font-size: 3.8vw;
    }

    .accountingBpoFlowSupport {
        margin-top: 10vw;
    }

    .accountingBpoFlowSupportTitle {
        font-size: 5.5vw;
    }

    .accountingBpoFlowSupportList {
        grid-template-columns: minmax(0, 1fr);
        gap: 5vw;
        margin-top: 4vw;
    }

    .accountingBpoFlowSupportList li {
        padding: 5vw;
    }

    .accountingBpoFlowRoleIcon {
        width: 19vw;
        height: 19vw;
        max-width: 74px;
        max-height: 74px;
    }

    .accountingBpoFlowSupportList h4 {
        margin-top: 3vw;
        font-size: 5vw;
    }

    .accountingBpoFlowSupportList p {
        margin-top: 1vw;
        font-size: 3.8vw;
    }

    .accountingBpoFaq .sectionInner {
        padding-top: 10vw;
        padding-bottom: 13vw;
    }

    .accountingBpoFaqHead {
        padding-top: 0;
    }

    .accountingBpoFaqTitle .bgTitle {
        font-size: 22vw;
    }

    .accountingBpoFaqTitle .sectionTitleArea {
        margin-top: 6vw;
    }

    .accountingBpoFaqTitle .sectionTitle {
        text-align: left;
    }

    .accountingBpoFaqIntro {
        margin-top: 3vw;
        font-size: 3.7vw;
        line-height: 1.8;
    }

    .accountingBpoFaqList {
        gap: 4vw;
        margin-top: 7vw;
    }

    .accountingBpoFaqItem {
        padding: 5vw;
    }

    .accountingBpoFaqItem dt,
    .accountingBpoFaqItem dd {
        align-items: flex-start;
        gap: 3vw;
    }

    .accountingBpoFaqItem dt {
        padding-bottom: 2.5vw;
        font-size: 4.5vw;
    }

    .accountingBpoFaqItem dd {
        font-size: 3.6vw;
        line-height: 1.7;
    }

    .accountingBpoFaqMark {
        width: 8vw;
        height: 8vw;
        max-width: 32px;
        max-height: 32px;
    }

    .accountingBpoFaqMarkQ {
        font-size: 4vw;
    }

    .accountingBpoFaqMarkA {
        font-size: 4.5vw;
    }

    .accountingBpoOtherServices .sectionInner {
        padding-bottom: 13vw;
    }

    .accountingBpoOtherServicesTitle {
        padding-top: 10vw;
        padding-bottom: 10vw;
    }

    .accountingBpoOtherServicesTitle .sectionTitle {
        text-align: left;
    }

    .accountingBpoOtherServicesList {
        grid-template-columns: minmax(0, 1fr);
        gap: 5vw;
    }

    .accountingBpoOtherServiceCard {
        padding: 6vw;
    }

    .accountingBpoOtherServiceIcon {
        width: 21vw;
        height: 16vw;
        max-width: 85px;
        max-height: 63px;
    }

    .accountingBpoOtherServiceIconDx {
        width: 18vw;
        max-width: 69px;
    }

    .accountingBpoOtherServiceIconRpo {
        width: 17vw;
        max-width: 66px;
    }

    .accountingBpoOtherServiceEn {
        margin-top: 3vw;
        font-size: 2.8vw;
    }

    .accountingBpoOtherServiceCard h3 {
        margin-top: 2vw;
        font-size: 5.5vw;
    }

    .accountingBpoOtherServiceText {
        margin-top: 3vw;
        font-size: 3.6vw;
    }

    .accountingBpoOtherServiceLink {
        gap: 2.5vw;
        margin-top: 5vw;
        font-size: 3.5vw;
    }

    .accountingBpoOtherServiceLink img {
        width: 7vw;
        height: 7vw;
        max-width: 28px;
        max-height: 28px;
    }
}