@charset "UTF-8";
@media screen and (max-width: 1199px) {
    .pcOnly {
        display: none;
    }
}

@media screen and (min-width: 1200px) {
    .mdOnly {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .mdOnly {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .spOnly {
        display: none;
    }
}

@media screen and (min-width: 1200px) {
    .spMdOnly {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .pcMdOnly {
        display: none;
    }
}

.common_platform {
    max-width: 1200px;
    padding: 50px 60px;
    margin: 80px auto;
    background-image: url(../../../img/business/common/platform-bg-img.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 16px;
}
@media screen and (max-width: 1199px) {
    .common_platform {
        background-image: url(../../../img/business/common/platform-bg-img-sp.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        border-radius: 10px;
        width: calc(100% - 36px);
        padding: 42px 10px;
        margin: 60px 8px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .common_platform {
        width: 460px;
        margin: 60px auto;
    }
}

.common_platform_title {
    color: #222;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.48px;
    text-align: center;
}
@media screen and (max-width: 1199px) {
    .common_platform_title {
        font-size: 1.25rem;
        line-height: 1.5;
        letter-spacing: 0.6px;
    }
}

.common_platform_logoImg {
    margin: 0 8px 0 0;
}
@media screen and (max-width: 1199px) {
    .common_platform_logoImg {
        margin: 0 4px 0 0;
    }
}

.common_platform_badges {
    display: flex;
    gap: 12px;
    justify-content: center;
    margin: 20px 0 0;
}
@media screen and (max-width: 1199px) {
    .common_platform_badges {
        margin: 16px 0 0;
        flex-direction: column;
    }
}

.common_platform_badge {
    display: flex;
    gap: 12px;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 1199px) {
    .common_platform_badge {
        gap: 6px;
    }
}

.common_platform_badge::before,
.common_platform_badge::after {
    content: "";
    display: inline-block;
    background-image: url(../../../img/business/common/platform-ornament.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 36px;
    height: 90px;
}

.common_platform_badge::after {
    transform: scale(-1, 1);
}

.common_platform_badgeTitle {
    color: #0e6eab;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 1.08px;
    display: block;
    text-align: center;
}
@media screen and (max-width: 1199px) {
    .common_platform_badgeTitle {
        letter-spacing: 0.54px;
    }
}

.common_platform_badgeNumber {
    color: #0e6eab;
    font-size: 2.125rem;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: -0.68px;
}
@media screen and (max-width: 1199px) {
    .common_platform_badgeNumber {
        letter-spacing: 1.02px;
    }
}

.common_platform_box {
    display: flex;
    align-items: center;
    gap: 30px;
    margin: 40px 0 0;
}
@media screen and (max-width: 1199px) {
    .common_platform_box {
        flex-direction: column;
        gap: 24px;
        margin: 24px 0 0;
        padding: 0 14px;
    }
}

.common_platform_colFirst {
    width: 376px;
}
@media screen and (max-width: 1199px) {
    .common_platform_colFirst {
        width: 100%;
    }
}

.common_platform_colImg {
    width: 100%;
    height: auto;
}

.common_platform_colSecond {
    width: calc(100% - 406px);
}
@media screen and (max-width: 1199px) {
    .common_platform_colSecond {
        width: 100%;
    }
}

.common_platform_list {
    padding: 20px 0 0;
}
@media screen and (max-width: 1199px) {
    .common_platform_list {
        padding: 0;
    }
}

.common_platform_item {
    color: #222;
    font-size: 1.125rem;
    line-height: 1.5;
    letter-spacing: 1.44px;
    position: relative;
    padding: 0 0 0 30px;
}
@media screen and (max-width: 1199px) {
    .common_platform_item {
        font-size: 0.9375rem;
        letter-spacing: 0.45px;
    }
}

.common_platform_item::before {
    content: "";
    display: inline-block;
    background-image: url(../../../img/business/common/platform-item-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 3px;
    left: 0;
}
@media screen and (max-width: 1199px) {
    .common_platform_item::before {
        width: 24px;
        height: 24px;
    }
}

.common_platform_list li + li {
    margin: 24px 0 0;
}

.common_platform_notice {
    color: #222;
    text-align: right;
    font-size: 0.6875rem;
    line-height: 1.5;
    letter-spacing: 0.88px;
    margin: 24px 0 0;
}
@media screen and (max-width: 1199px) {
    .common_platform_notice {
        font-size: 0.75rem;
        letter-spacing: 0.36px;
    }
}

.common_platform_noticeLink {
    color: #222;
}

.commonFooter {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #d1dae1;
    display: flex;
    justify-content: space-between;
    padding: 31px 20px;
    box-sizing: border-box;
}
@media screen and (max-width: 767px) {
    .commonFooter {
        flex-wrap: wrap;
        gap: 56px;
        width: 100%;
        margin: 0 auto;
        padding: 48px 24px 40px;
    }
}

@media screen and (max-width: 767px) {
    .commonFooter_copyright {
        order: 2;
    }
}

.commonFooter_copyrightText {
    color: #2d2d2d;
    font-size: 0.6875rem;
    font-weight: 450;
    line-height: 1.8;
}

.commonFooterMenu {
    display: flex;
    gap: 32px;
    margin: 0 48px 0 0;
}
@media screen and (max-width: 767px) {
    .commonFooterMenu {
        order: 1;
        flex-wrap: wrap;
        gap: 16px;
    }
}

@media screen and (max-width: 767px) {
    .commonFooterMenu_item {
        width: 100%;
    }
}

.commonFooterMenu_link {
    color: #222;
    font-size: 0.8125rem;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: 0.39px;
}
@media screen and (max-width: 1199px) {
    .commonFooterMenu_link {
        font-size: 0.75rem;
        line-height: 1.75;
        letter-spacing: 0.36px;
    }
}

.commonFooterMenu_link:hover {
    text-decoration: none;
    opacity: 0.7;
    transition-duration: 0.2s;
}

@media screen and (min-width: 768px) {
    .commonFooter {
        flex-wrap: nowrap;
    }

    .commonFooter_copyright,
    .commonFooterMenu {
        flex-shrink: 0;
    }

    .commonFooter_copyrightText,
    .commonFooterMenu_link {
        white-space: nowrap;
    }

    .commonFooterMenu {
        flex-wrap: nowrap;
    }
}

.commonFooterMenu_link-targetBlank::after {
    content: "";
    display: inline-block;
    background-image: url(../../../img/recruiting/icon-window.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
    margin-left: 4px;
    transform: translateY(2px);
}

.commonFooter_about {
    padding: 32px 0;
}
@media screen and (max-width: 1199px) {
    .commonFooter_about {
        padding: 48px 0 40px;
    }
}

.commonFooter_aboutBox {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px 32px;
    align-items: center;
    padding-inline: 20px;
    box-sizing: border-box;
}
@media screen and (max-width: 767px) {
    .commonFooter_aboutBox {
        width: 100%;
        margin: 0 auto;
        padding-inline: 24px;
        gap: 16px;
        grid-template-columns: 1fr;
    }
}

/* .commonFooter_aboutCol {
    width: calc(50% - 16px);
} */
@media screen and (max-width: 1199px) {
    .commonFooter_aboutCol {
        width: 100%;
    }
}

@media screen and (max-width: 1199px) {
    .commonFooter_logoImg {
        width: 231px;
        height: auto;
    }
}

.commonFooter_aboutText {
    margin: 16px 0 0;
    color: #222;
    font-size: 1.0625rem;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.51px;
}
@media screen and (max-width: 1199px) {
    .commonFooter_aboutText {
        font-size: 0.9375rem;
        letter-spacing: 0.45px;
    }
}

.commonFooter_aboutTable {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 24px;
}
@media screen and (max-width: 1199px) {
    .commonFooter_aboutTable {
        gap: 10px 32px;
    }
}

.commonFooter_aboutTableTerm {
    width: 56px;
    color: #444;
    font-size: 0.8125rem;
    font-weight: 300;
    line-height: 1.75;
    letter-spacing: 0.39px;
}
@media screen and (max-width: 1199px) {
    .commonFooter_aboutTableTerm {
        width: 50px;
        color: #222;
        font-size: 0.75rem;
        letter-spacing: 0.36px;
    }
}

.commonFooter_aboutTableDescription {
    width: calc(100% - 80px);
    color: #222;
    font-size: 0.8125rem;
    font-weight: 300;
    line-height: 1.75;
    letter-spacing: 0.39px;
}
@media screen and (max-width: 1199px) {
    .commonFooter_aboutTableDescription {
        width: calc(100% - 82px);
        font-size: 0.75rem;
        letter-spacing: 0.36px;
    }
}

.commonFooter_aboutLink {
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #fff;
    background: #e6edf5;
    display: flex;
    gap: 16px;
    align-items: center;
}
@media screen and (max-width: 1199px) {
    .commonFooter_aboutLink {
        gap: 7px;
    }
}

.commonFooter_ctaCol:first-child {
    flex-shrink: 0;
}

.commonFooter_ctaCol.-column2 {
    flex: 1;
    min-width: 0;
    margin-top: 8px;
}
@media screen and (max-width: 767px) {
    .commonFooter_ctaCol {
        width: 100%;
        flex: none;
    }
    /* 法人TOPフッターに合わせて全幅の区切り線を入れる */
    .commonFooter_ctaCol.-column2 {
        margin-inline: -24px;
        padding: 10px 24px 0;
    }
}

.commonFooter_aboutLink:hover {
    opacity: 1;
    text-decoration: none;
}

.commonFooter_aboutLink_col-first {
    width: 106px;
}
@media screen and (max-width: 1199px) {
    .commonFooter_aboutLink_col-first {
        width: 100px;
    }
}

.commonFooter_aboutLink_col-second {
    width: calc(100% - 176px);
}
@media screen and (max-width: 1199px) {
    .commonFooter_aboutLink_col-second {
        width: calc(100% - 116px);
    }
}

.commonFooter_aboutLinkImg {
    width: 100%;
    height: auto;
}

.commonFooter_aboutLink_title {
    color: #166c9d;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: -0.3px;
}
@media screen and (max-width: 1199px) {
    .commonFooter_aboutLink_title {
        font-size: 0.75rem;
        letter-spacing: 0.36px;
    }
}

.commonFooter_aboutLink_title:hover {
    color: #0e6eab;
    text-decoration: underline;
}

.commonFooter_aboutLink_title::after {
    content: "";
    display: inline-block;
    background-image: url(../../../img/recruiting/icon-window.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
    margin-left: 4px;
    transform: translateY(2px);
}

@media screen and (max-width: 1199px) {
    .commonFooter_aboutLink_title::after {
        margin-left: 0;
    }
}

.commonFooter_aboutLink_text {
    color: #222;
    font-size: 0.8125rem;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: 0.42px;
    margin: 4px 0 0;
}
@media screen and (max-width: 767px) {
    .commonFooter_aboutLink_text {
        display: none;
    }
}

.commonFooter_aboutLink:hover .commonFooter_aboutLink_text {
    text-decoration: none;
}

.commonFooter_cta {
    border-top: 1px solid #d1dae1;
    padding: 64px 0 56px;
}
@media screen and (max-width: 1199px) {
    .commonFooter_cta {
        padding: 72px 0 24px;
    }
}
@media screen and (max-width: 767px) {
    /* サービスロゴ上の余白は40px */
    .commonFooter_cta {
        padding: 40px 0 24px;
    }
}

.commonFooter_ctaBox {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    gap: 50px;
    padding-inline: 20px;
    box-sizing: border-box;
}
@media screen and (max-width: 767px) {
    .commonFooter_ctaBox {
        flex-wrap: wrap;
        /* ロゴ列とメニュー列の間は法人TOPフッターと同じ40px */
        gap: 0 40px;
        width: 100%;
        margin: 0 auto;
        padding-inline: 24px;
    }
}

.commonFooter_ctaLogoImg {
    width: 306px;
    max-width: 100%;
    height: auto;
}

@media screen and (max-width: 1199px) {
    .commonFooter_ctaLogoImg {
        width: 314px;
        max-width: 100%;
    }
}

.commonFooter_ctaListBox {
    display: flex;
    gap: 72px;
}
@media screen and (max-width: 767px) {
    .commonFooter_ctaListBox {
        flex-wrap: wrap;
        gap: 24px;
    }
}

.commonFooter_ctaMailBtn {
    background-color: #f4ac00;
    border-radius: 100px;
    display: flex;
    width: 280px;
    height: 56px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #222;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.48px;
    white-space: nowrap;
}
.commonFooter_ctaMailBtn::before {
    content: "";
    display: inline-block;
    background-image: url(../../../img/business/data_report/icon-mail.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
}
.commonFooter_ctaMailBtn:hover {
    text-decoration: none;
    opacity: 0.7;
    transition-duration: 0.2s;
}
.commonFooter_ctaMailBtn {
    margin: 32px 0 0;
}
@media screen and (max-width: 767px) {
    .commonFooter_ctaMailBtn {
        display: none;
    }
}

.commonFooter_ctaDlBtn {
    background-color: #0e6eab;
    border-radius: 100px;
    display: flex;
    width: 280px;
    height: 56px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.48px;
    white-space: nowrap;
}
.commonFooter_ctaDlBtn::before {
    content: "";
    display: inline-block;
    background-image: url(../../../img/business/common/icon-document-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
}
.commonFooter_ctaDlBtn:hover {
    text-decoration: none;
    opacity: 0.7;
    transition-duration: 0.2s;
}
.commonFooter_ctaDlBtn {
    margin: 10px 0 0;
}
@media screen and (max-width: 767px) {
    .commonFooter_ctaDlBtn {
        display: none;
    }
}

.commonFooter_ctaList {
    display: flex;
    gap: 20px;
}

.commonFooter_ctaList li + li {
    /* margin: 20px 0 0; */
}

@media screen and (max-width: 767px) {
    .commonFooter_ctaListBox:not(.commonFooter_ctaListBox-recruiting) .commonFooter_ctaList {
        display: flex;
        flex-wrap: wrap;
        gap: 16px 0;
        width: 100%;
    }
    .commonFooter_ctaListBox:not(.commonFooter_ctaListBox-recruiting) .commonFooter_ctaListItem {
        width: 50%;
    }
    .commonFooter_ctaListBox:not(.commonFooter_ctaListBox-recruiting) .commonFooter_ctaList li + li {
        margin: 0;
    }
}

.commonFooter_ctaListLink {
    color: #222;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.75;
    letter-spacing: 0.48px;
}

.commonFooter_ctaListLink:hover {
    text-decoration: none;
    opacity: 0.7;
    transition-duration: 0.2s;
}

.commonFooter_ctaListLink-targetBlank::after {
    content: "";
    display: inline-block;
    background-image: url(../../../img/recruiting/icon-window.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
    margin-left: 4px;
    transform: translateY(2px);
}

.commonFooter_ctaListDescription-afterTerm {
    margin: 20px 0 0;
}
@media screen and (max-width: 1199px) {
    .commonFooter_ctaListDescription-afterTerm {
        margin: 10px 0 0;
    }
}

.commonFooter_ctaListTerm {
    color: #222;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.75;
    letter-spacing: 0.48px;
}
@media screen and (max-width: 1199px) {
    .commonFooter_ctaListTerm {
        font-size: 1rem;
        line-height: 1.75;
        letter-spacing: 0.48px;
        display: block;
    }
}

.commonFooter_ctaListDescription-afterDescription {
    margin: 16px 0 0;
}
@media screen and (max-width: 1199px) {
    .commonFooter_ctaListDescription-afterDescription {
        margin: 10px 0 0;
    }
}

.commonFooter_ctaListDescription .commonFooter_ctaListLink {
    color: #222;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1;
}
@media screen and (max-width: 1199px) {
    .commonFooter_ctaListDescription .commonFooter_ctaListLink {
        font-size: 0.75rem;
        line-height: 1.5;
        letter-spacing: 0.36px;
    }
}

.commonFooter_ctaLogo {
    display: block;
    margin-top: 3px;
}

.commonFooter_ctaLogo:hover {
    text-decoration: none;
    opacity: 0.7;
    transition-duration: 0.2s;
}

.commonFooter_cta-linkList {
    margin-top: 28px;
    list-style: none;
    padding: 0;
    margin-left: 0;
}
.commonFooter_cta-linkList-item {
    margin-top: 10px;
    display: flex;
    border-radius: 5px;
    overflow: hidden;
    background: #e9f0f7;
}
.commonFooter_cta-linkList-item:first-child {
    margin-top: 0;
}
.commonFooter_cta-linkList-item.-inactive dt a {
    color: #888;
    pointer-events: none;
}
.commonFooter_cta-linkList-fig {
    flex-shrink: 0;
    width: 106px;
}
.commonFooter_cta-linkList-fig img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.commonFooter_cta-linkList-item dl {
    padding: 13px 18px;
    margin: 0;
}
.commonFooter_cta-linkList-item dt {
    color: #0e6eab;
    font-size: 15px;
    font-weight: 600;
}
.commonFooter_cta-linkList-item dt a {
    color: inherit;
    text-decoration: none;
}
.commonFooter_cta-linkList-item dt a:hover {
    text-decoration: underline;
}
.commonFooter_cta-linkList-item dd {
    font-size: 13px;
    font-weight: 300;
    line-height: 1.5;
    margin: 0;
}
.commonFooter_cta-linkList-item dd a {
    color: #0e6eab;
    text-decoration: underline;
}
@media screen and (max-width: 767px) {
    .commonFooter_cta-linkList {
        margin-top: 24px;
    }
    .commonFooter_cta-linkList-item dt {
        font-size: 0.75rem;
        line-height: 1.5;
    }
    .commonFooter_cta-linkList-item dd {
        font-size: 0.75rem;
    }
}
@media screen and (max-width: 767px) {
    .commonFooter_cta-linkList-item {
        margin-top: 8px;
    }
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 50px;
}

#wrapper {
    min-width: auto;
}

.header {
    width: 100%;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 100;
    background: #fff;
}

.header_inner {
    padding: 6px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media screen and (max-width: 1199px) {
    .header_inner {
        /* リクルーティングと同様にロゴは左寄せ */
        justify-content: flex-start;
    }
}

.header_logo {
    line-height: 1;
}

.header_logoImg {
    margin-right: 3px;
}
@media screen and (min-width: 1200px) and (max-width: 1370px) {
    .header_logoImg {
        width: 85px;
        height: auto;
    }
}

.header_logoTextImg {
    width: 201px;
}
@media screen and (min-width: 1200px) and (max-width: 1370px) {
    .header_logoTextImg {
        width: 170px;
        height: auto;
        margin: 0 0 1px;
    }
}

.header_navList {
    display: flex;
    gap: 20px;
}
@media screen and (min-width: 1200px) and (max-width: 1370px) {
    .header_navList {
        gap: 15px;
    }
}

.header_item-first {
    display: flex;
    align-items: center;
}

.header_item-second {
    display: flex;
    gap: 70px;
    align-items: center;
}
@media screen and (min-width: 1200px) and (max-width: 1370px) {
    .header_item-second {
        gap: 30px;
    }
}
@media screen and (max-width: 1199px) {
    .header_item-second {
        display: none;
    }
}

.header_navLink {
    color: #222;
    text-align: center;
    font-size: 0.9375rem;
    letter-spacing: 0.7px;
    font-weight: 600;
}
@media screen and (min-width: 1200px) and (max-width: 1370px) {
    .header_navLink {
        font-size: 0.75rem;
    }
}

.header_cta {
    display: flex;
    gap: 8px;
}

.header_ctaButton {
    width: 136px;
    padding: 7px 0 6px;
}

.header_ctaButton-download {
    color: #fff;
    text-align: center;
    font-size: 0.875rem;
    font-weight: bold;
    letter-spacing: -0.1px;
    border-radius: 64px;
    background: #0c7bc9;
}
.header_ctaButton-download:hover {
    text-decoration: none;
    opacity: 0.7;
    transition-duration: 0.2s;
}

.header_ctaButton-contact {
    color: #222;
    text-align: center;
    font-size: 0.875rem;
    font-weight: bold;
    letter-spacing: 0.7px;
    border-radius: 64px;
    background: #f4ac00;
}
.header_ctaButton-contact:hover {
    text-decoration: none;
    opacity: 0.7;
    transition-duration: 0.2s;
}

/* スマホ用ハンバーガーメニュー（OpenWorkリクルーティングと同形式） */
@media screen and (max-width: 1199px) {
    #hamburger {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 999;
        width: 25px;
        padding: 10px 10px 2px;
        cursor: pointer;
        border-left: 1px solid #d1dae1;
        overflow: hidden;
    }
    .hamburgerBar {
        height: 2px;
        background: #1b7fbe;
        display: block;
        margin-bottom: 6px;
        transition: all 400ms cubic-bezier(1, 0, 0, 1);
    }
    #hamburger.is-open .hamburgerBar-first {
        transform: translate(0, 8px) rotate(45deg);
    }
    #hamburger.is-open .hamburgerBar-second {
        transform: translate(-20px, 0);
        opacity: 0;
    }
    #hamburger.is-open .hamburgerBar-third {
        transform: translate(0, -8px) rotate(-45deg);
    }
}

.commonHamburgerMenu {
    border-top: 1px solid #d1dae1;
    overflow: scroll;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    background: #fff;
    z-index: 99;
    padding: 35px 0 0;
    /* 初期状態は非表示にして開閉をアニメーションさせる */
    opacity: 0;
    visibility: hidden;
    height: 0;
    transition:
        opacity 0.3s ease,
        visibility 0.3s ease,
        height 0.3s ease;
}

.commonHamburgerMenu.is-open {
    opacity: 1;
    visibility: visible;
    height: calc(100vh - 35px);
}

.commonHamburgerMenu_inner {
    padding: 10px 32px 80px;
}

.commonHamburgerMenu .commonFooter_cta-linkList-box {
    margin-top: 16px;
}

.commonHamburgerMenu .commonFooter_cta-linkList-box .commonFooter_cta-linkList {
    margin-top: 0;
}

.commonHamburgerMenu_item {
    border-bottom: 1px solid #d1dae1;
}

.commonHamburgerMenu_item:last-child {
    border: none;
}

.commonHamburgerMenu_link {
    color: #222;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 2;
    letter-spacing: 0.54px;
    padding: 9px 0 12px;
    position: relative;
    display: inline-block;
    width: 100%;
}

.commonHamburgerMenu_link::after {
    content: "";
    display: inline-block;
    background-image: url(../../../img/recruiting/icon-circle-arrow-blue.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 19px;
    right: 9px;
}

.commonHamburgerMenu_otherList {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 10px 0;
}

.commonHamburgerMenu_otherListItem {
    width: calc(50% - 10px);
}

.commonHamburgerMenu_otherListLink {
    color: #222;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: 0.42px;
    display: block;
}

.commonHamburgerMenu_otherListLink-targetBlank::after {
    content: "";
    display: inline-block;
    background-image: url(../../../img/recruiting/icon-window.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
    margin-left: 4px;
    transform: translateY(2px);
}

.fv {
    background-image: url(../../../img/business/data_report/fv-bg.png);
    background-size: cover;
    background-position: center;
}
@media screen and (max-width: 1199px) {
    .fv {
        background-image: unset;
    }
}

.fv_heading {
    color: #222;
    text-align: center;
    font-size: 3rem;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 1px;
}
@media screen and (max-width: 1199px) {
    .fv_heading {
        font-size: 2rem;
        line-height: 1.4;
        letter-spacing: -0.6px;
    }
}

.fv_heading_sub {
    color: #222;
    text-align: center;
    font-size: 34px;
    font-weight: bold;
    line-height: 1.35;
    letter-spacing: 1.02px;
}
@media screen and (max-width: 1199px) {
    .fv_heading_sub {
        font-size: 24px;
        line-height: 1.4;
        letter-spacing: 0.48px;
        vertical-align: -5px;
    }
}

.fv_headingMarker {
    font-weight: bold;
    background: linear-gradient(transparent 60%, #ffe542 60%);
    padding: 3px;
}

.fv_heading_small {
    font-size: 2.375rem;
    letter-spacing: 1px;
}
@media screen and (max-width: 1199px) {
    .fv_heading_small {
        font-size: 1.5rem;
        letter-spacing: 0.48px;
    }
}

.fv_box {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    height: 622px;
}
@media screen and (max-width: 1199px) {
    .fv_box {
        margin: unset;
        height: unset;
        text-align: center;
    }
}

.fv_mainImg {
    position: relative;
}

.fv_mainImg::before {
    content: "";
    display: inline-block;
    background-image: url(../../../img/business/data_report/fv-main-img.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 1320px;
    height: 563px;
    position: absolute;
    bottom: -100px;
    right: calc(50% - 660px);
    z-index: 2;
}
@media screen and (max-width: 1199px) {
    .fv_mainImg::before {
        background-image: url(../../../img/business/data_report/fv-main-img-sp.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 339px;
        height: 245px;
        bottom: -26px;
        right: calc(50% - 169.5px);
        z-index: 5;
    }
}

.fv_contents {
    padding: 40px 0 0;
    position: relative;
    z-index: 3;
}
@media screen and (max-width: 1199px) {
    .fv_contents {
        padding: 0;
        background-image: url(../../../img/business/data_report/fv-bg-sp.png);
        background-size: cover;
        margin: 0;
        height: 505px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .fv_contents {
        height: 460px;
    }
}

@media screen and (max-width: 1199px) {
    .fv_contentsImg {
        width: 329px;
        height: auto;
    }
}

@media screen and (max-width: 1199px) {
    .fv_contentsInner {
        padding: 27px 10px 32px;
    }
}

.fv_contentsText {
    color: #444;
    font-size: 1.0625rem;
    font-weight: bold;
    line-height: 1.7;
    letter-spacing: 0.34px;
    margin: 20px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
@media screen and (max-width: 1199px) {
    .fv_contentsText {
        display: block;
        margin: 10px 0 0;
        font-size: 0.875rem;
        letter-spacing: 0.28px;
    }
}

@media screen and (max-width: 1199px) {
    .fv_contentsTextImg {
        width: 79px;
        height: auto;
        margin: 5px 2px;
    }
}

.fv_btns {
    margin: 30px 0 0;
    display: flex;
    justify-content: center;
    gap: 7px;
}
@media screen and (max-width: 1199px) {
    .fv_btns {
        display: none;
    }
}

.fv_dlBtn {
    background-color: #0e6eab;
    border-radius: 100px;
    display: flex;
    width: 280px;
    height: 64px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.48px;
}
@media screen and (max-width: 1199px) {
    .fv_dlBtn {
        width: 170px;
        height: 40px;
        font-size: 0.875rem;
        letter-spacing: 0.42px;
        gap: 3px;
    }
}
.fv_dlBtn::before {
    content: "";
    display: inline-block;
    background-image: url("../../../img/business/common/icon-document-white.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 1199px) {
    .fv_dlBtn::before {
        width: 13px;
        height: 13px;
    }
}
.fv_dlBtn:hover {
    text-decoration: none;
    opacity: 0.7;
    transition-duration: 0.2s;
}

.fv_dlBtn::before {
    width: 18px;
    height: 18px;
}
@media screen and (max-width: 1199px) {
    .fv_dlBtn::before {
        width: 13px;
        height: 13px;
    }
}

.fv_mailBtn {
    background-color: #3aa131;
    border-radius: 100px;
    display: flex;
    width: 280px;
    height: 64px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.48px;
}
@media screen and (max-width: 1199px) {
    .fv_mailBtn {
        width: 170px;
        height: 40px;
        font-size: 0.875rem;
        letter-spacing: 0.42px;
        gap: 3px;
    }
}
.fv_mailBtn::before {
    content: "";
    display: inline-block;
    background-image: url("../../../img/business/common/icon-mail-white.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 1199px) {
    .fv_mailBtn::before {
        width: 13px;
        height: 13px;
    }
}
.fv_mailBtn:hover {
    text-decoration: none;
    opacity: 0.7;
    transition-duration: 0.2s;
}
.fv_mailBtn {
    background-color: #f4ac00;
    color: #222;
}

.fv_mailBtn::before {
    background-image: url(../../../img/business/data_report/icon-mail.svg);
    width: 20px;
    height: 20px;
}
@media screen and (max-width: 1199px) {
    .fv_mailBtn::before {
        width: 13px;
        height: 13px;
    }
}

.badgeBelt {
    text-align: center;
    padding: 112px 0 24px;
    background: linear-gradient(180deg, #fff 40.38%, #f2f6fa 100%);
}
@media screen and (max-width: 1199px) {
    .badgeBelt {
        padding: 32px 50px 13px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .badgeBelt_inner {
        max-width: 460px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 1199px) {
    .badgeBelt_img {
        max-width: 460px;
        width: 100%;
        height: auto;
    }
}

.problem {
    padding: 80px 0 48px;
}
@media screen and (max-width: 1199px) {
    .problem {
        padding: 40px 0 24px;
    }
}

.problem_inner {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .problem_inner {
        max-width: 460px;
    }
}
@media screen and (max-width: 767px) {
    .problem_inner {
        padding: 0 24px;
        width: calc(100% - 48px);
    }
}

.problem_title {
    color: #222;
    text-align: center;
    font-size: 2.25rem;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.72px;
}
@media screen and (max-width: 1199px) {
    .problem_title {
        font-size: 1.25rem;
        line-height: 1.5;
        letter-spacing: 0.6px;
    }
}

.problem_box {
    margin: 40px auto 0;
    border-radius: 10px;
    background: #f2f6fa;
    width: 680px;
    padding: 50px 60px;
    position: relative;
    z-index: 1;
}
@media screen and (max-width: 1199px) {
    .problem_box {
        margin: 14px 0 0;
        padding: 24px;
        width: auto;
    }
}

.problem_box::before {
    content: "";
    display: inline-block;
    background-image: url(../../../img/business/data_report/problem-illust.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 157px;
    height: 206px;
    position: absolute;
    left: -83px;
    bottom: -109px;
    z-index: 2;
}
@media screen and (max-width: 1199px) {
    .problem_box::before {
        width: 100px;
        height: 131px;
        left: -16px;
        bottom: -71px;
    }
}

.problem_item {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}
@media screen and (max-width: 1199px) {
    .problem_item {
        gap: 8px;
    }
}

.problem_item::before {
    content: "";
    display: inline-block;
    background-image: url(../../../img/business/data_report/icon-problem-item.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 34px;
    height: 34px;
    mix-blend-mode: darken;
}

.problem_item-afterItem {
    margin: 22px 0 0;
}
@media screen and (max-width: 1199px) {
    .problem_item-afterItem {
        margin: 20px 0 0;
    }
}

.problem_itemText {
    color: #000;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: -0.1px;
}
@media screen and (max-width: 1199px) {
    .problem_itemText {
        font-size: 0.9375rem;
        line-height: 1.5;
        letter-spacing: 0.45px;
        width: calc(100% - 42px);
    }
}

.problem_textMarker {
    font-weight: bold;
    background: linear-gradient(transparent 60%, #ffe542 60%);
    padding: 3px;
}

.problem_arrowBottom {
    border: none;
    text-align: center;
    margin: 64px 0 0;
}
@media screen and (max-width: 1199px) {
    .problem_arrowBottom {
        margin: 37px 0 0;
    }
}

.problem_arrowBottom::before {
    content: "";
    display: inline-block;
    background-image: url(../../../img/business/data_report/icon-problem-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 54px;
    height: 41px;
}
@media screen and (max-width: 1199px) {
    .problem_arrowBottom::before {
        width: 45px;
        height: 32px;
    }
}

.cta-middle {
    padding: 100px 0 50px;
}
@media screen and (max-width: 1199px) {
    .cta-middle {
        padding: 48px 0;
    }
}

.cta-inside {
    padding: 40px 0 80px;
}
@media screen and (max-width: 1199px) {
    .cta-inside {
        padding: 32px 0 42px;
    }
}

.cta-rich {
    background-color: #c3e3fc;
    padding: 50px 0;
}
@media screen and (max-width: 1199px) {
    .cta-rich {
        padding: 43px 0 46px;
    }
}

.cta_title {
    color: #000;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.75;
    letter-spacing: -0.1px;
    text-align: center;
}
@media screen and (max-width: 1199px) {
    .cta_title {
        font-size: 1rem;
        line-height: 1.5;
        letter-spacing: 0.48px;
    }
}

.cta_logoImg {
    margin: 0 3px 2px;
}
@media screen and (max-width: 1199px) {
    .cta_logoImg {
        width: 116px;
        height: auto;
    }
}

.cta_logoTextImg {
    margin: 0 8px 1px;
    width: 376px;
}
@media screen and (max-width: 1199px) {
    .cta_logoTextImg {
        margin: 0 3px 5px 0;
        width: 170px;
        height: auto;
    }
}

.cta_titleMarker {
    font-weight: bold;
    background: linear-gradient(transparent 60%, #ffe542 60%);
    padding: 3px;
}

.cta_btns {
    margin: 35px 0 0;
    display: flex;
    justify-content: center;
    gap: 16px;
}
@media screen and (max-width: 1199px) {
    .cta_btns {
        margin: 20px 0 0;
        gap: 10px;
    }
}

.cta-middle_btns {
    margin: 20px 0 0;
}

.cta_dlBtn {
    background-color: #0e6eab;
    border-radius: 100px;
    display: flex;
    width: 280px;
    height: 64px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.48px;
}
@media screen and (max-width: 1199px) {
    .cta_dlBtn {
        width: 170px;
        height: 40px;
        font-size: 0.875rem;
        letter-spacing: 0.42px;
        gap: 3px;
    }
}
.cta_dlBtn::before {
    content: "";
    display: inline-block;
    background-image: url("../../../img/business/common/icon-document-white.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 1199px) {
    .cta_dlBtn::before {
        width: 13px;
        height: 13px;
    }
}
.cta_dlBtn:hover {
    text-decoration: none;
    opacity: 0.7;
    transition-duration: 0.2s;
}

.cta_dlBtn::before {
    width: 18px;
    height: 18px;
}
@media screen and (max-width: 1199px) {
    .cta_dlBtn::before {
        width: 13px;
        height: 13px;
    }
}

.cta_mailBtn {
    background-color: #3aa131;
    border-radius: 100px;
    display: flex;
    width: 280px;
    height: 64px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.48px;
}
@media screen and (max-width: 1199px) {
    .cta_mailBtn {
        width: 170px;
        height: 40px;
        font-size: 0.875rem;
        letter-spacing: 0.42px;
        gap: 3px;
    }
}
.cta_mailBtn::before {
    content: "";
    display: inline-block;
    background-image: url("../../../img/business/common/icon-mail-white.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 1199px) {
    .cta_mailBtn::before {
        width: 13px;
        height: 13px;
    }
}
.cta_mailBtn:hover {
    text-decoration: none;
    opacity: 0.7;
    transition-duration: 0.2s;
}
.cta_mailBtn {
    background-color: #f4ac00;
    color: #222;
}

.cta_mailBtn::before {
    width: 20px;
    height: 20px;
}
@media screen and (max-width: 1199px) {
    .cta_mailBtn::before {
        width: 13px;
        height: 13px;
    }
}

.cta_mailBtn::before {
    background-image: url(../../../img/business/data_report/icon-mail.svg);
}

.comparison {
    background: var(--clr-blue-10, #f2f6fa);
    padding: 0 0 60px;
}

.comparison_inner {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .comparison_inner {
        max-width: 460px;
    }
}
@media screen and (max-width: 767px) {
    .comparison_inner {
        padding: 0 24px;
        width: calc(100% - 48px);
    }
}

.comparison_title {
    padding: 56px 0 40px;
    color: #0e6eab;
    font-size: 1.625rem;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.78px;
    text-align: center;
}
@media screen and (max-width: 1199px) {
    .comparison_title {
        padding: 60px 0 24px;
        font-size: 1.25rem;
        letter-spacing: 0.6px;
    }
}

.comparison_box {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 56px;
    display: flex;
    gap: 40px;
    align-items: center;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .comparison_box img {
        width: 100%;
        height: auto;
    }
}
@media screen and (max-width: 767px) {
    .comparison_box img {
        width: 100%;
        height: auto;
    }
}
@media screen and (max-width: 1199px) {
    .comparison_box {
        padding: 0;
        gap: 16px;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 1199px) {
    .comparison_box-afterBox {
        padding: 40px 0 0;
    }
}

.comparison_col-first {
    width: 540px;
}
@media screen and (max-width: 1199px) {
    .comparison_col-first {
        width: 100%;
    }
}

.comparison_col-second {
    width: calc(100% - 500px);
}
@media screen and (max-width: 1199px) {
    .comparison_col-second {
        width: 100%;
    }
}

.comparison_col-is1of3 {
    width: 368px;
}
@media screen and (max-width: 1199px) {
    .comparison_col-is1of3 {
        width: 100%;
    }
}

.comparison_col-is2of3 {
    width: calc(100% - 328px);
}
@media screen and (max-width: 1199px) {
    .comparison_col-is2of3 {
        width: 100%;
    }
}

@media screen and (max-width: 1199px) {
    .comparison_img {
        margin: 16px 0 0;
    }
}

.comparison_heading {
    color: #222;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.6px;
}
@media screen and (max-width: 1199px) {
    .comparison_heading {
        font-size: 1rem;
        line-height: 1.75;
        letter-spacing: 0.48px;
    }
}

.comparison_text {
    color: #222;
    font-size: 1.0625rem;
    line-height: 2;
    letter-spacing: 0.51px;
}
@media screen and (max-width: 1199px) {
    .comparison_text {
        font-size: 0.9375rem;
        line-height: 1.75;
        letter-spacing: 0.45px;
    }
}

.comparison_text-afterText {
    margin: 16px 0 0;
}

.comparison_text-afterHeading {
    margin: 16px 0 0;
}
@media screen and (max-width: 1199px) {
    .comparison_text-afterHeading {
        margin: 0;
    }
}

.comparison_textMarker {
    font-weight: bold;
    background: linear-gradient(transparent 60%, #ffe542 60%);
    padding: 3px;
}

.comparison_notion {
    padding: 0 0 0 16px;
    position: relative;
    color: #222;
    font-size: 0.75rem;
    line-height: 2;
    letter-spacing: 0.36px;
    margin: 16px 0 0;
}
@media screen and (max-width: 1199px) {
    .comparison_notion {
        line-height: 1.5;
    }
}

.comparison_notion::before {
    content: "※";
    position: absolute;
    top: 0;
    left: 0;
}

.reason_title {
    color: #222;
    font-size: 1.875rem;
    font-weight: bold;
    letter-spacing: 0.9px;
    text-align: center;
    padding: 80px 0 48px;
}
@media screen and (max-width: 1199px) {
    .reason_title {
        font-size: 1.5rem;
        padding: 60px 0 24px;
        letter-spacing: 0.72px;
    }
}

.reason_titleNum {
    color: #0e6eab;
    font-size: 3.625rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 1.74px;
    text-align: center;
}
@media screen and (max-width: 1199px) {
    .reason_titleNum {
        font-size: 2.625rem;
        letter-spacing: 1.26px;
    }
}

.reason {
    counter-reset: headingCounter;
}

.reason_inner {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .reason_inner {
        max-width: 460px;
    }
}
@media screen and (max-width: 767px) {
    .reason_inner {
        padding: 0 24px;
        width: calc(100% - 48px);
    }
}

.reason_logoTextImg {
    margin: 3px 5px;
}
@media screen and (max-width: 1199px) {
    .reason_logoTextImg {
        width: 250px;
        height: auto;
        margin: 9px 4px;
    }
}

.reason_anchor {
    margin: 0 auto;
    max-width: 1064px;
    width: 100%;
    display: flex;
}
@media screen and (max-width: 1199px) {
    .reason_anchor {
        margin: 36px auto 0;
    }
}

.reason_anchorList {
    display: flex;
    gap: 24px;
    counter-reset: reason_anchorCounter;
    width: 100%;
}
@media screen and (max-width: 1199px) {
    .reason_anchorList {
        flex-direction: column;
        gap: 22px;
    }
}

.reason_anchorListItem {
    text-align: center;
    border-radius: 8px;
    background: #f2f6fa;
    width: calc((100% - 24px) / 2);
}
@media screen and (max-width: 1199px) {
    .reason_anchorListItem {
        width: 100%;
    }
}

.reason_anchorListLink {
    width: calc(100% - 64px);
    padding: 30px 32px 20px;
    display: block;
    position: relative;
}
@media screen and (max-width: 1199px) {
    .reason_anchorListLink {
        width: calc(100% - 40px);
        padding: 16px 20px;
    }
}

.reason_anchorListLink::before {
    content: "理由 " counter(reason_anchorCounter);
    counter-increment: reason_anchorCounter;
    font-size: 0.9375rem;
    font-weight: bold;
    letter-spacing: 1.08px;
    color: #fff;
    background: #0e6eab;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -17px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 6px;
    padding: 10px 15px 8px;
    line-height: 1;
}
@media screen and (max-width: 1199px) {
    .reason_anchorListLink::before {
        font-size: 0.8125rem;
        letter-spacing: 0.39px;
        padding: 6px 20px 4px;
        top: -11px;
    }
}

.reason_anchorListLink:hover {
    text-decoration: none;
    opacity: 0.8;
}

.reason_anchorListText {
    color: #222;
    text-align: center;
    font-size: 1.0625rem;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.51px;
}
@media screen and (max-width: 1199px) {
    .reason_anchorListText {
        font-size: 1rem;
        letter-spacing: 0.48px;
    }
}

.reason_textBlock {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}

.reason_textBlock p + p {
    margin: 16px 0 0;
}

.reason_heading {
    padding: 80px 0 32px;
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
}
@media screen and (max-width: 1199px) {
    .reason_heading {
        padding: 60px 0 16px;
        gap: 8px;
        align-items: flex-start;
    }
}

.reason_headingText {
    color: #0e6eab;
    font-size: 2.625rem;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.9px;
}
@media screen and (max-width: 1199px) {
    .reason_headingText {
        font-size: 1.5rem;
        letter-spacing: 0.72px;
        width: calc(100% - 50px);
    }
}

.reason_heading::before {
    content: counter(headingCounter);
    counter-increment: headingCounter;
    background-image: url(../../../img/business/data_report/heading-bg-circle.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 74px;
    height: 75px;
    color: #0e6eab;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.96px;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 1199px) {
    .reason_heading::before {
        width: 34px;
        height: 34px;
        font-size: 1.25rem;
        font-weight: 450;
    }
}

.reason_text {
    color: #222;
    font-size: 1.0625rem;
    line-height: 2;
    letter-spacing: 0.51px;
}
@media screen and (max-width: 1199px) {
    .reason_text {
        font-size: 0.9375rem;
        line-height: 1.75;
        letter-spacing: 0.45px;
    }
}

.reason_textMarker {
    font-weight: bold;
    background: linear-gradient(transparent 60%, #ffe542 60%);
    padding: 3px;
}

.reason_imgBlock {
    margin: 40px auto 0;
    max-width: 1200px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 24px 10px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .reason_imgBlock img {
        width: 100%;
        height: auto;
    }
}
@media screen and (max-width: 767px) {
    .reason_imgBlock img {
        width: 100%;
        height: auto;
    }
}
@media screen and (max-width: 1199px) {
    .reason_imgBlock {
        margin: 16px auto 0;
        gap: 16px;
    }
}

.reason_textBlock-afterImgBlock {
    margin: 40px auto 0;
}
@media screen and (max-width: 1199px) {
    .reason_textBlock-afterImgBlock {
        margin: 16px auto 0;
    }
}

.reason_notion {
    padding: 0 0 0 24px;
    position: relative;
    color: #222;
    font-size: 0.75rem;
    line-height: 2;
    letter-spacing: 0.36px;
}
@media screen and (max-width: 1199px) {
    .reason_notion {
        line-height: 1.5;
        padding: 0 0 0 16px;
    }
}

.reason_notion::before {
    content: "※";
    position: absolute;
    top: 0;
    left: 0;
}

.cta_bubble {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 8px;
}
@media screen and (max-width: 767px) {
    .cta_bubble {
        margin: 0;
    }
}

.cta_bubbleText {
    color: #222;
    text-align: center;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.5;
}
@media screen and (max-width: 767px) {
    .cta_bubbleText {
        color: #444;
        font-size: 0.875rem;
        line-height: 1.5;
        letter-spacing: 0.42px;
    }
}

.cta_bubble::before,
.cta_bubble::after {
    content: "";
    display: inline-block;
    background-image: url(../../../img/business/data_report/icon-cta-bubble.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 13.5px;
    height: 15.8px;
    transform: translate(2px, -3px);
}
@media screen and (max-width: 767px) {
    .cta_bubble::before,
    .cta_bubble::after {
        width: 17.5px;
        height: 15.8px;
    }
}

.cta_bubble::after {
    transform: scale(-1, 1) translate(2px, -4px);
}
@media screen and (max-width: 767px) {
    .cta_bubble::after {
        transform: scale(-1, 1) translate(3px, -4px);
    }
}

@media screen and (max-width: 1199px) {
    .cta-bottom_bubble::before {
        left: 55px;
    }
}

@media screen and (max-width: 1199px) {
    .cta-bottom_bubble::after {
        right: 60px;
    }
}

.voice {
    border-top: 1px solid #d1dae1;
}

.voice_inner {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .voice_inner {
        max-width: 460px;
    }
}
@media screen and (max-width: 767px) {
    .voice_inner {
        padding: 0 24px;
        width: calc(100% - 48px);
    }
}

.voice_title {
    color: #222;
    text-align: center;
    font-size: 2.25rem;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.72px;
    margin: 80px 0 40px;
}
@media screen and (max-width: 1199px) {
    .voice_title {
        font-size: 1.5rem;
        line-height: 1.5;
        margin: 60px 0 24px;
    }
}

.voice_box {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
    display: flex;
    gap: 40px;
}
@media screen and (max-width: 1199px) {
    .voice_box {
        flex-direction: column;
        gap: 16px;
    }
}

.voice_col {
    border-radius: 8px;
    background: #f2f6fa;
    flex: 1 1 0;
    padding: 40px;
    display: flex;
    flex-direction: column;
}
@media screen and (max-width: 1199px) {
    .voice_col {
        padding: 24px 28px;
        display: block;
    }
}

.voice_heading {
    color: #0e6eab;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: -0.5px;
}
@media screen and (max-width: 1199px) {
    .voice_heading {
        letter-spacing: 0.6px;
    }
}

.voice_text {
    color: #222;
    font-size: 0.9375rem;
    line-height: 2;
    margin: 20px 0 0;
}
@media screen and (max-width: 1199px) {
    .voice_text {
        line-height: 1.75;
    }
}

.voice_detail {
    display: flex;
    gap: 12px;
    margin: 24px 0 0;
}

.voice_detailCol-first {
    width: 60px;
}

.voice_detailCol-second {
    width: calc(100% - 72px);
}

.voice_name {
    color: #444;
    font-size: 0.9375rem;
    line-height: 2;
}
@media screen and (max-width: 1199px) {
    .voice_name {
        font-size: 0.875rem;
    }
}

.voice_sub {
    color: #222;
    font-size: 0.75rem;
    line-height: 1.6;
}
@media screen and (max-width: 1199px) {
    .voice_sub {
        line-height: 1.5;
        letter-spacing: 0.36px;
    }
}

.voice_clip {
    color: #0c7bc9;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0.36px;
    text-decoration: underline;
    padding: 0 0 0 24px;
    position: relative;
    margin: 24px 0 0;
    display: inline-block;
}

.voice_clip::before {
    content: "";
    display: inline-block;
    background-image: url(../../../img/business/data_report/icon-clip.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 0;
    left: 0;
}

.checkPoint {
    max-width: 1200px;
    width: 1080px;
    padding: 23px 60px 30px;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #d1dae1;
    margin: 100px auto 0;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .checkPoint img {
        width: 100%;
        height: auto;
    }
}
@media screen and (max-width: 767px) {
    .checkPoint img {
        width: 100%;
        height: auto;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .checkPoint {
        width: 412px;
        padding: 24px;
        margin: 60px auto 0;
    }
}
@media screen and (max-width: 767px) {
    .checkPoint {
        width: calc(100% - 96px);
        padding: 24px;
        margin: 60px 24px 0;
    }
}

@media screen and (max-width: 1199px) {
    .checkPoint-afterBox {
        margin: 40px auto 0;
    }
}

.checkPoint_heading {
    color: #444;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: 0.54px;
    padding: 18px 0 0 62px;
    position: relative;
}
@media screen and (max-width: 1199px) {
    .checkPoint_heading {
        color: #222;
        font-size: 1.125rem;
        font-weight: bold;
        line-height: 1.5;
        letter-spacing: 0.54px;
        padding: 13px 0 0 40px;
        margin: -13px 0 0;
    }
}

.checkPoint_heading::before {
    content: "";
    display: inline-block;
    background-image: url(../../../img/recruiting/icon-discovery.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 33px;
    height: 35px;
    margin: 15px;
    position: absolute;
    top: 0;
    left: 0;
}
@media screen and (max-width: 1199px) {
    .checkPoint_heading::before {
        width: 32px;
        height: 32px;
        margin: 15px 8px 0 0;
    }
}

.checkPoint_box {
    display: flex;
    gap: 40px;
    align-items: center;
}
@media screen and (max-width: 1199px) {
    .checkPoint_box {
        gap: 16px;
        flex-wrap: wrap;
    }
}

.checkPoint_boxCol-first {
    width: calc(100% - 310px);
}
@media screen and (max-width: 1199px) {
    .checkPoint_boxCol-first {
        width: 100%;
    }
}

.checkPoint_boxCol-second {
    width: 270px;
}
@media screen and (max-width: 1199px) {
    .checkPoint_boxCol-second {
        width: 100%;
    }
}

.checkPoint_boxText {
    color: #000;
    font-size: 1rem;
    line-height: 2;
}
@media screen and (max-width: 1199px) {
    .checkPoint_boxText {
        font-size: 0.875rem;
        line-height: 1.75;
        letter-spacing: 0.42px;
    }
}

.checkPoint_indentBox {
    margin: 0 0 0 20px;
}
@media screen and (max-width: 1199px) {
    .checkPoint_indentBox {
        margin: 0;
    }
}

.checkPoint_boxText {
    color: #000;
    font-size: 1rem;
    line-height: 2;
    margin: 15px 0 0;
}

.checkPoint_boxList {
    margin: 16px 0 0;
}

.checkPoint_boxList li + li {
    margin: 8px 0 0;
}

.checkPoint_boxItem {
    color: #000;
    font-size: 1rem;
    line-height: 2;
    position: relative;
    padding: 0 0 0 16px;
    letter-spacing: -0.5px;
}
@media screen and (max-width: 1199px) {
    .checkPoint_boxItem {
        font-size: 0.75rem;
        letter-spacing: 0.36px;
    }
}

.checkPoint_boxItem::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    background: #ccc;
    border-radius: 7px;
    position: absolute;
    top: calc(50% - 3.5px);
    left: 0;
}
@media screen and (max-width: 1199px) {
    .checkPoint_boxItem::before {
        width: 4px;
        height: 4px;
        border-radius: 4px;
        top: 10px;
        left: 6px;
    }
}

.checkPoint_button {
    color: #0e6eab;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.96px;
    padding: 16px 26px;
    border-radius: 100px;
    border: 3px solid #0e6eab;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 2px 2px 4px 0 rgba(16, 77, 125, 0.1);
    line-height: 1;
    width: 332px;
    position: relative;
    margin: 40px auto 0;
    display: block;
}
@media screen and (max-width: 767px) {
    .checkPoint_button {
        width: 100%;
        font-size: 0.9375rem;
        letter-spacing: 0.45px;
    }
}
.checkPoint_button::before {
    content: "";
    display: inline-block;
    background-image: url(../../img/recruiting/icon-arrow-chevron-blue.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 9px;
    height: 9px;
    position: absolute;
    top: calc(50% - 4.5px);
    right: 23px;
}
.checkPoint_button[target="_blank"]::before {
    background-image: url(../../../img/recruiting/icon-window.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
    top: calc(50% - 7px);
}
.checkPoint_button:hover {
    text-decoration: none;
    opacity: 0.7;
    transition-duration: 0.2s;
}
.checkPoint_button {
    margin: 27px 0 0;
    width: -moz-fit-content;
    width: fit-content;
    padding: 16px 34px 16px 20px;
    letter-spacing: 0.6px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .checkPoint_button {
        margin: 26px auto 0;
    }
}
@media screen and (max-width: 767px) {
    .checkPoint_button {
        margin: 26px 0 0;
        line-height: 1.5;
        padding: 10px 60px 10px 32px;
    }
}

.checkPoint_button::before {
    right: 18px;
}

.approach-pc {
    background: #f2f6fa;
    padding: 80px 0;
    margin: 100px 0 0;
}
@media screen and (max-width: 1199px) {
    .approach-pc {
        display: none;
    }
}

.approach-pc_title {
    color: #222;
    text-align: center;
    font-size: 2.125rem;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 1.02px;
}

.approach-pc_text {
    color: #222;
    text-align: center;
    font-size: 1.125rem;
    line-height: 2;
    margin: 24px 0 0;
}

.approach-pc_box {
    margin: 40px auto 0;
    max-width: 1200px;
    display: flex;
    gap: 40px;
}

.approach-pc_col-first {
    width: 420px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.approach-pc_colButton {
    padding: 16px 24px 16px 16px;
    border-radius: 8px;
    border: 2px solid #d1dae1;
    background: #fff;
    text-align: left;
    cursor: pointer;
}

.approach-pc_colButton.is-active {
    border: 2px solid #f4ac00;
    position: relative;
}

.approach-pc_colButton.is-active::before {
    content: "";
    display: inline-block;
    background-image: url(../../../img/business/data_report/approach-arrow-orange.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 15px;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
}

.approach-pc_colHeading {
    color: #222;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: -0.2px;
}

.approach-pc_colButton.is-active .approach-pc_colHeading {
    color: #d38137;
}

.approach-pc_colText {
    color: #222;
    font-size: 0.9375rem;
    line-height: 1.75;
    letter-spacing: 0.45px;
    margin: 10px 0 0;
    display: none;
}

.approach-pc_colButton.is-active .approach-pc_colText {
    display: block;
}

.approach-pc_col-second {
    width: calc(100% - 460px);
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
    z-index: 1;
    box-shadow: 0 0 20px 0 rgba(147, 168, 189, 0.2);
}

.approach-pc_colImg {
    width: 100%;
    height: auto;
}

.approach-pc_colImgBox {
    border-radius: 8px;
    transition: opacity 0.5s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
}

.approach-pc_colImgBox::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    border: 6px solid #dde4e9;
    box-sizing: border-box;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
}

.approach-pc_colImgBox.is-active {
    opacity: 1;
    visibility: visible;
}

.approach-sp {
    margin: 60px 0 0;
    padding: 60px 0;
    background: #f2f6fa;
}
@media screen and (min-width: 1200px) {
    .approach-sp {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .approach-sp_inner {
        max-width: 460px;
        margin: 0 auto;
    }
}

.approach-sp_title {
    color: #222;
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.72px;
    padding: 0 24px;
}

.approach-sp_text {
    color: #222;
    font-size: 0.9375rem;
    line-height: 1.75;
    letter-spacing: 0.45px;
    margin: 24px 0 0;
    padding: 0 24px;
}

@media screen and (max-width: 767px) {
    .approach-sp_col {
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .approach-sp_col {
        width: calc(100dvw - 48px);
        min-width: calc(100dvw - 48px);
    }
}

.approach-sp_colTextInner {
    margin: 13px 0 0;
    border-radius: 8px;
    border: 2px solid #f4ac00;
    background: #fff;
    padding: 24px 16px;
}

.approach-sp_colHeading {
    color: #d38137;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.6;
}

.approach-sp_colText {
    margin: 10px 0 0;
    color: #222;
    font-size: 0.9375rem;
    line-height: 1.8;
}

.approach-sp_colImgBox {
    border-radius: 3.5px;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 0 8.838px 0 rgba(147, 168, 189, 0.2);
}

.approach-sp_colImgBox::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 3.5px;
    border: 2.6px solid #dde4e9;
    box-sizing: border-box;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}

.approach-sp_colImg {
    width: 100%;
    height: auto;
}

/* 画面にピン留めされるコンテナ */
/* 横に並ぶパネルのコンテナ */
.approach-sp_box {
    display: flex;
    gap: 50px;
    padding: 24px 24px 0;
    flex-direction: column;
}

.plan {
    margin: 100px 0 0;
    background: #f2f6fa;
}
@media screen and (max-width: 1199px) {
    .plan {
        margin: 60px 0 0;
    }
}

.plan_inner {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .plan_inner {
        max-width: 460px;
    }
}
@media screen and (max-width: 767px) {
    .plan_inner {
        padding: 0 24px;
        width: calc(100% - 48px);
    }
}

.plan_title {
    padding: 80px 0 20px;
    color: #222;
    text-align: center;
    font-size: 2.25rem;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.72px;
}
@media screen and (max-width: 1199px) {
    .plan_title {
        padding: 60px 0 24px;
        font-size: 1.5rem;
        line-height: 1.5;
    }
}

.plan_text {
    color: #222;
    text-align: center;
    font-size: 1.125rem;
    line-height: 2;
}
@media screen and (max-width: 1199px) {
    .plan_text {
        font-size: 0.9375rem;
        line-height: 1.75;
        text-align: left;
    }
}

.plan_box {
    margin: 40px auto 0;
    max-width: 800px;
    width: 100%;
    display: flex;
    gap: 52px;
}
@media screen and (max-width: 1199px) {
    .plan_box {
        margin: 24px auto 0;
        gap: 16px;
        flex-direction: column;
    }
}

.plan_col {
    flex: 1 1 0;
    border-radius: 8px;
    border-left: 1px solid #d1dae1;
    border-right: 1px solid #d1dae1;
    border-bottom: 1px solid #d1dae1;
    background: #fff;
}

.plan_col::before {
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    border-radius: 8px 8px 0 0;
}
@media screen and (max-width: 1199px) {
    .plan_col::before {
        height: 8px;
    }
}

.plan_col-second {
    padding: 0 0 50px;
}

@media screen and (max-width: 1199px) {
    .plan_col-first {
        padding: 0 0 60px;
    }
}

.plan_col-first::before {
    background: linear-gradient(93deg, #0c7bc9 0.65%, #0199d9 98.25%);
}

.plan_col-second::before {
    background: linear-gradient(93deg, #d38137 0.65%, #f4ac00 98.25%);
}

.plan_colHeading {
    font-size: 1.375rem;
    font-weight: bold;
    line-height: 1.8;
    margin: 30px 0 0;
    text-align: center;
}

.plan_colHeading-blue {
    color: #0e6eab;
}

.plan_colHeading-orange {
    color: #d38137;
}

.plan_colText {
    color: #222;
    font-size: 1.5rem;
    font-weight: bold;
    margin: 30px 0 0;
    text-align: center;
}
@media screen and (max-width: 1199px) {
    .plan_colText {
        font-size: 1.25rem;
        margin: 16px 0 0;
    }
}

.plan_colPrice {
    text-align: center;
    line-height: 1.6;
    margin: 40px 0 0;
}
@media screen and (max-width: 1199px) {
    .plan_colPrice {
        margin: 20px 0 0;
    }
}

@media screen and (max-width: 1199px) {
    .plan_colPriceNumImg {
        width: 118px;
        height: auto;
    }
}

.plan_colPriceUnit {
    color: #222;
    font-size: 2rem;
    font-weight: bold;
    display: inline-block;
    margin: 0 0 -10px;
}
@media screen and (max-width: 1199px) {
    .plan_colPriceUnit {
        margin: 0 0 -10px 5px;
    }
}

.plan_notion {
    max-width: 800px;
    margin: 32px auto 0;
    color: #222;
    font-size: 0.8125rem;
    line-height: 2;
    letter-spacing: 0.26px;
}
@media screen and (max-width: 1199px) {
    .plan_notion {
        margin: 16px auto 0;
        font-size: 0.75rem;
        line-height: 1.75;
        letter-spacing: 0.36px;
    }
}

.plan_colList {
    margin: 24px auto 0;
    width: -moz-fit-content;
    width: fit-content;
}

.plan_colList li + li {
    margin: 4px 0 0;
}

.plan_colItem {
    color: #222;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1.7;
}

.plan_colItem::before {
    content: "";
    display: inline-block;
    background-image: url(../../../img/business/data_report/icon-check-orange.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 15px;
    height: 11px;
    margin: 0 12px 0 0;
}

.flow {
    padding: 0 0 80px;
}

.flow_inner {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .flow_inner {
        max-width: 460px;
    }
}
@media screen and (max-width: 767px) {
    .flow_inner {
        padding: 0 24px;
        width: calc(100% - 48px);
    }
}

.flow_title {
    padding: 80px 0 20px;
    color: #222;
    text-align: center;
    font-size: 2.25rem;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.72px;
}
@media screen and (max-width: 1199px) {
    .flow_title {
        padding: 60px 0 24px;
        font-size: 1.5rem;
        line-height: 1.5;
    }
}

.flow_text {
    color: #222;
    font-size: 1.125rem;
    line-height: 1.37;
    letter-spacing: 1.44px;
    text-align: center;
}
@media screen and (max-width: 1199px) {
    .flow_text {
        font-size: 0.9375rem;
        line-height: 1.75;
        letter-spacing: 0.45px;
        text-align: left;
    }
}

.flow_text-strong {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 137%;
    letter-spacing: 1.92px;
    font-weight: bold;
    background: linear-gradient(transparent 60%, #ffe542 60%);
    padding: 3px;
}
@media screen and (max-width: 1199px) {
    .flow_text-strong {
        font-size: 0.9375rem;
        line-height: 175%;
        letter-spacing: 0.45px;
    }
}

.flow_box {
    max-width: 1200px;
    width: 100%;
    margin: 40px auto 0;
    display: flex;
    gap: 90px;
}
@media screen and (max-width: 1199px) {
    .flow_box {
        flex-direction: column;
        margin: 16px auto 0;
        gap: 53px;
    }
}

.flow_col {
    flex: 1 1 0;
    border-radius: 8px;
    background: #f2f6fa;
    position: relative;
}

.flow_colTitle {
    color: #0e6eab;
    text-align: center;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.4px;
}
@media screen and (max-width: 1199px) {
    .flow_colTitle {
        line-height: 1.5;
        letter-spacing: 0.6px;
    }
}

.flow_colImgBox {
    width: 100%;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0 0;
}
@media screen and (max-width: 1199px) {
    .flow_colImgBox {
        height: 64px;
        margin: 0;
    }
}

.flow_colText {
    color: #222;
    font-size: 1rem;
    line-height: 1.9;
}
@media screen and (max-width: 1199px) {
    .flow_colText {
        font-size: 0.9375rem;
        line-height: 2;
        letter-spacing: 0.45px;
    }
}

.flow_colUpper {
    padding: 25px 10px 20px;
}
@media screen and (max-width: 1199px) {
    .flow_colUpper {
        padding: 25px 10px 16px;
    }
}

.flow_colLower {
    padding: 25px 30px;
    background-image: repeating-linear-gradient(90deg, #ccc, #ccc 3px, transparent 3px, transparent 6px);
    background-position: left top;
    background-repeat: repeat-x;
    background-size: 100% 1px;
}
@media screen and (max-width: 1199px) {
    .flow_colLower {
        padding: 16px 23.5px 34px;
    }
}

.flow_col-arrow::before {
    content: "";
    display: inline-block;
    width: 64px;
    height: 18px;
    position: absolute;
    left: -22%;
    top: 154px;
    background-image: url(../../../img/business/data_report/icon-arrow-black.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
@media screen and (max-width: 1199px) {
    .flow_col-arrow::before {
        width: 11px;
        height: 37px;
        transform: translateX(-50%);
        left: 50%;
        top: unset;
        bottom: calc(100% + 8px);
        background-image: url(../../../img/business/data_report/icon-arrow-black-down.svg);
        background-repeat: no-repeat;
        background-size: contain;
    }
}

.faq {
    background: #f2f6fa;
    padding: 80px 0;
}
@media screen and (max-width: 1199px) {
    .faq {
        padding: 60px 0 48px;
    }
}

.faq_inner {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .faq_inner {
        max-width: 460px;
    }
}
@media screen and (max-width: 767px) {
    .faq_inner {
        padding: 0 24px;
        width: calc(100% - 48px);
    }
}

.faq_title {
    color: #222;
    text-align: center;
    font-size: 2.25rem;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.72px;
}
@media screen and (max-width: 1199px) {
    .faq_title {
        font-size: 1.5rem;
        line-height: 1.5;
    }
}

.faq_list {
    max-width: 800px;
    margin: 40px auto 0;
}
@media screen and (max-width: 1199px) {
    .faq_list {
        margin: 24px auto 0;
    }
}

.faq_item {
    padding: 24px 0 28px 16px;
    border-top: 1px solid #d1dae1;
    border-bottom: 1px solid #d1dae1;
}
@media screen and (max-width: 1199px) {
    .faq_item {
        padding: 24px 16px;
    }
}

.faq_item-afterItem {
    border-top: unset;
}

.faq_question {
    color: #222;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.3;
    position: relative;
    padding: 0 0 0 34px;
}
@media screen and (max-width: 1199px) {
    .faq_question {
        font-size: 1rem;
        line-height: 1.5;
        letter-spacing: 0.48px;
        padding: 0 0 0 27px;
    }
}

.faq_question::before {
    content: "Q.";
    display: inline-block;
    color: #0c7bc9;
    font-size: inherit;
    font-weight: bold;
    line-height: 1.3;
    margin: 0 12px 0 0;
    position: absolute;
    top: 1px;
    left: 0;
}
@media screen and (max-width: 1199px) {
    .faq_question::before {
        margin: 0 8px 0 0;
    }
}

.faq_answer {
    color: #222;
    font-size: 0.9375rem;
    line-height: 2;
    letter-spacing: 0.3px;
    margin: 8px 0 0 34px;
}
@media screen and (max-width: 1199px) {
    .faq_answer {
        line-height: 1.5;
        letter-spacing: 0.45px;
        margin: 16px 0 0 27px;
    }
}

.cta-bottom {
    background: #f2f6fa;
    padding: 58px 0 64px;
}
@media screen and (max-width: 1199px) {
    .cta-bottom {
        padding: 32px 0;
    }
}

.cta-bottom_btns {
    margin: 20px auto 0;
}

.stickyCta {
    display: none;
}
@media screen and (max-width: 1199px) {
    .stickyCta {
        display: block;
        position: sticky;
        left: 0;
        bottom: 0;
        z-index: 100;
        width: 100%;
        background: #f2f6fa;
    }
}

.stickyCta_inner {
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.stickyCta_Button {
    flex: 1 1 0;
}

.stickyCta_Button-download {
    background-color: #0e6eab;
    border-radius: 100px;
    display: flex;
    width: 280px;
    height: 64px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.48px;
}
@media screen and (max-width: 1199px) {
    .stickyCta_Button-download {
        width: 170px;
        height: 40px;
        font-size: 0.875rem;
        letter-spacing: 0.42px;
        gap: 3px;
    }
}
.stickyCta_Button-download::before {
    content: "";
    display: inline-block;
    background-image: url("../../../img/business/common/icon-document-white.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 1199px) {
    .stickyCta_Button-download::before {
        width: 13px;
        height: 13px;
    }
}
.stickyCta_Button-download:hover {
    text-decoration: none;
    opacity: 0.7;
    transition-duration: 0.2s;
}
.stickyCta_Button-download {
    width: unset;
}

.stickyCta_Button-contact {
    background-color: #3aa131;
    border-radius: 100px;
    display: flex;
    width: 280px;
    height: 64px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.48px;
}
@media screen and (max-width: 1199px) {
    .stickyCta_Button-contact {
        width: 170px;
        height: 40px;
        font-size: 0.875rem;
        letter-spacing: 0.42px;
        gap: 3px;
    }
}
.stickyCta_Button-contact::before {
    content: "";
    display: inline-block;
    background-image: url("../../../img/business/common/icon-mail-white.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 1199px) {
    .stickyCta_Button-contact::before {
        width: 13px;
        height: 13px;
    }
}
.stickyCta_Button-contact:hover {
    text-decoration: none;
    opacity: 0.7;
    transition-duration: 0.2s;
}
.stickyCta_Button-contact {
    width: unset;
    color: #222;
    background-color: #f4ac00;
}

.stickyCta_Button-contact::before {
    background-image: url(../../../img/business/data_report/icon-mail.svg);
}

.information_inner {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .information_inner {
        max-width: 460px;
    }
}
@media screen and (max-width: 767px) {
    .information_inner {
        padding: 0 24px;
        width: calc(100% - 48px);
    }
}

.information_title {
    color: #222;
    text-align: center;
    font-size: 2.25rem;
    font-weight: bold;
}
@media screen and (max-width: 1199px) {
    .information_title {
        font-size: 1.5rem;
    }
}

.information_subText {
    color: #222;
    text-align: center;
    font-size: 1.1875rem;
    line-height: 1.4;
    letter-spacing: 0.38px;
    margin: 18px 0 0;
}
@media screen and (max-width: 1199px) {
    .information_subText {
        font-size: 0.9375rem;
        line-height: 1.75;
        letter-spacing: 0.45px;
    }
}

.information_iframe {
    width: 100%;
    height: 1190px;
    border: none;
    margin: 48px 0 0;
}
@media screen and (max-width: 1199px) {
    .information_iframe {
        height: 1404px;
        margin: 24px 0 0;
    }
}