@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/business/newgraduate/icon-mail.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: #a0d036;
    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/newgraduate/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.-newgraduate {
    display: none;
}

.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;
}
@media screen and (max-width: 767px) {
    .commonFooter_ctaListLink {
        font-size: 15px;
    }
}

.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_logoImg {
    margin-right: 3px;
}

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

.header_item-second {
    display: flex;
    gap: 70px;
    align-items: center;
}
@media screen and (min-width: 1200px) and (max-width: 1325px) {
    .header_item-second {
        gap: 50px;
    }
}
@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: 1325px) {
    .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: #a0d036;
}
.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 {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.fv::before {
    content: "";
    width: 44%;
    height: 100%;
    display: block;
    background: #d9ebf7;
    filter: blur(19px);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    transform: scale(1.5);
}
@media screen and (max-width: 1199px) {
    .fv::before {
        display: none;
    }
}

.fv::after {
    content: "";
    display: block;
    width: 1357px;
    height: 540px;
    background-image: url(../../../img/business/newgraduate/fv-bg-img.jpg);
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
}
@media screen and (max-width: 1199px) {
    .fv::after {
        display: none;
    }
}

.fv_stats {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    margin-top: 16px;
}
@media screen and (max-width: 1199px) {
    .fv_stats {
        flex-direction: column;
        align-items: center;
        gap: 0;
        margin-top: 0;
        padding-top: 30px;
    }
}

.fv_count {
    margin: 0;
}
.fv_count > span {
    display: flex;
    align-items: flex-end;
    background: #fff;
    width: fit-content;
    border-radius: 5px;
    height: 30px;
    color: #0e6eab;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    padding: 0 10px 6px;
}
@media screen and (max-width: 1199px) {
    .fv_count > span {
        justify-content: center;
        white-space: nowrap;
        box-sizing: border-box;
        padding-bottom: 5px;
        height: 23px;
        padding: 0 4px 2px 6px;
        font-size: 15px;
        letter-spacing: 0.03em;
    }
}
.fv_count .num {
    font-size: 42px;
    font-family: "Oswald", sans-serif;
    letter-spacing: 0.03em;
    -webkit-text-stroke: 8px #fff;
    text-stroke: 8px #fff;
    paint-order: stroke;
    padding: 0 0 0 10px;
    margin-bottom: -4px;
}
@media screen and (max-width: 1199px) {
    .fv_count .num {
        font-size: 27px;
        position: relative;
        top: 4px;
        margin-bottom: 0;
        letter-spacing: 0.03em;
        padding: 0 5px 3px 0;
    }
}
.fv_count sup {
    font-size: 10px;
    margin: 0;
    position: relative;
    top: -1.5em;
    vertical-align: baseline;
}
@media screen and (max-width: 1199px) {
    .fv_count sup {
        font-size: 10px;
        top: -0.7em;
    }
}

.fv_contentsBubbleImg {
    margin: 0 0 -8px;
}
@media screen and (max-width: 1199px) {
    .fv_contentsBubbleImg {
        width: 164px;
        height: auto;
        margin-bottom: 0;
        margin-top: 4px;
    }
}

.fv_box {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    height: 540px;
    position: relative;
    z-index: 5;
}
@media screen and (max-width: 1199px) {
    .fv_box {
        height: unset;
        text-align: center;
        max-width: 460px;
        margin: 0 auto;
    }
}

.fv_contents {
    padding: 68px 0 0;
}
@media screen and (max-width: 1199px) {
    .fv_contents {
        padding: 0;
        background: radial-gradient(47.63% 47.63% at 50% 38.13%, rgba(104, 180, 233, 0.13) 0%, rgba(12, 123, 201, 0.25) 100%);
    }
}

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

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

.fv_contentsText {
    color: #0e6eab;
    font-size: 1.5625rem;
    font-weight: bold;
    line-height: 1.8;
    margin: 13px 0 0;
}
@media screen and (max-width: 1199px) {
    .fv_contentsText {
        font-size: 0.9375rem;
        margin: 8px 0 0;
    }
}

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

.fv_bg-sp {
    width: 100%;
    height: auto;
    margin: 28px 0 0;
}

.fv_btns {
    margin: 27px 0 0;
    display: flex;
    gap: 16px;
}
@media screen and (max-width: 1199px) {
    .fv_btns {
        background: #f2f6fa;
        position: relative;
        z-index: 10;
        justify-content: center;
        margin: 0;
        padding: 40px 0 24px;
    }
}

.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: #a0d036;
    color: #222;
}

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

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

.fv_notion {
    color: #444;
    font-size: 0.625rem;
    margin: 22px 0 0;
}
@media screen and (max-width: 1199px) {
    .fv_notion {
        margin: 2px 0 0;
        text-align: center;
    }
}

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

.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;
        letter-spacing: -0.8px;
    }
}

.problem_box {
    border-radius: 16px;
    background: #fff;
    padding: 40px 92px;
    display: flex;
    gap: 64px;
    margin: 40px auto 0;
}
@media screen and (max-width: 1199px) {
    .problem_box {
        padding: 24px;
        margin: 24px 0 0;
        flex-direction: column;
        gap: 24px;
    }
}

.problem_col-first {
    width: 345px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 32px;
    align-items: center;
}
@media screen and (max-width: 1199px) {
    .problem_col-first {
        width: 100%;
        gap: 8px;
    }
}

.problem_note {
    color: #222;
    text-align: center;
    font-size: 1.625rem;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: -1.4px;
}
@media screen and (max-width: 1199px) {
    .problem_note {
        font-size: 1.125rem;
        letter-spacing: normal;
        order: 2;
    }
}

@media screen and (max-width: 1199px) {
    .problem_img {
        order: 1;
        width: 55px;
        height: auto;
    }
}

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

.problem_heading {
    color: #222;
    font-size: 1.25rem;
    font-weight: bold;
    position: relative;
    padding: 0 0 0 30px;
}
@media screen and (max-width: 1199px) {
    .problem_heading {
        font-size: 0.9375rem;
        padding: 0 0 0 18px;
    }
}

.problem_heading::before {
    content: "";
    display: inline-block;
    background-image: url(../../../img/business/newgraduate/icon-check-blue.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 21px;
    height: 15px;
    position: absolute;
    top: 9px;
    left: 0;
}
@media screen and (max-width: 1199px) {
    .problem_heading::before {
        width: 18px;
        height: 11px;
    }
}

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

.problem_list {
    margin: 0 0 0 30px;
}
@media screen and (max-width: 1199px) {
    .problem_list {
        margin: 8px 0 0 18px;
    }
}

.problem_item {
    color: #222;
    font-size: 1rem;
    line-height: 1.7;
    position: relative;
    padding: 0 0 0 14px;
}
@media screen and (max-width: 1199px) {
    .problem_item {
        font-size: 0.875rem;
        padding: 0 0 0 11px;
    }
}

.problem_item::before {
    content: "";
    display: inline-block;
    background-color: #ccc;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    position: absolute;
    top: 9px;
    left: 0;
}

.problem_section-afterSection {
    margin: 28px 0 0;
}

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

.problem_arrowBottom::before {
    content: "";
    display: inline-block;
    background-image: url(../../../img/business/newgraduate/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;
    }
}

.solution {
    padding: 50px 0 60px;
    background-image: url(../../../img/business/newgraduate/solution-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
@media screen and (max-width: 1199px) {
    .solution {
        padding: 40px 24px;
        background-image: url(../../../img/business/newgraduate/solution-bg-sp.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}

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

.solution_title {
    color: #0e6eab;
    font-size: 1.8125rem;
    font-weight: bold;
    line-height: 140%;
    letter-spacing: 0.58px;
    text-align: center;
}
@media screen and (max-width: 1199px) {
    .solution_title {
        font-size: 1.125rem;
        letter-spacing: 0.36px;
        line-height: 1.7;
    }
}

@media screen and (max-width: 1199px) {
    .solution_logoImg {
        width: 103px;
        height: auto;
        padding: 6px 0;
    }
}

.solution_logoTextImg {
    margin: 0 7px;
}
@media screen and (max-width: 1199px) {
    .solution_logoTextImg {
        width: 98px;
        height: auto;
        padding: 7px 0;
    }
}

.solution_text {
    color: #222;
    text-align: center;
    font-size: 1.125rem;
    line-height: 2;
    margin: 32px 0 0;
}
@media screen and (max-width: 1199px) {
    .solution_text {
        font-size: 0.9375rem;
        margin: 16px 0 0;
        letter-spacing: -0.8px;
    }
}

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

.solution_listBox {
    border-radius: 8px;
    border: 6px solid #fff;
    box-sizing: border-box;
    padding: 30px 40px;
    max-width: 800px;
    margin: 20px auto 0;
}
@media screen and (max-width: 1199px) {
    .solution_listBox {
        border: none;
        padding: 16px 24px;
        margin: 16px auto 0;
        background: rgba(255, 255, 255, 0.8);
        box-shadow: 0 2px 14px 0 rgba(58, 130, 185, 0.2);
    }
}

.solution_list {
    display: flex;
    gap: 8px;
    flex-direction: column;
}
@media screen and (max-width: 1199px) {
    .solution_list {
        gap: 0;
    }
}

.solution_item {
    color: #242422;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.54px;
    position: relative;
    padding: 0 0 0 15px;
}
@media screen and (max-width: 1199px) {
    .solution_item {
        color: #222;
        font-size: 0.9375rem;
        line-height: 2;
        font-weight: normal;
        letter-spacing: -0.4px;
    }
}

.solution_item::before {
    content: "";
    width: 7px;
    height: 7px;
    background: #0c7bc9;
    border-radius: 7px;
    position: absolute;
    top: calc(50% - 3.5px);
    left: 0;
}
@media screen and (max-width: 1199px) {
    .solution_item::before {
        top: 11px;
    }
}

.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: reason_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_logoImg {
    margin: 0 0 2px 0;
}
@media screen and (max-width: 1199px) {
    .reason_logoImg {
        width: 130px;
        height: auto;
        margin: 0 2px 9px;
    }
}

.reason_logoTextImg {
    margin: 0 8px 4px 8px;
}
@media screen and (max-width: 1199px) {
    .reason_logoTextImg {
        width: 150px;
        height: auto;
        margin: 9px 4px;
    }
}

.reason_anchor {
    margin: 40px auto 0;
    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) / 3);
}
@media screen and (max-width: 1199px) {
    .reason_anchorListItem {
        width: 100%;
    }
}

.reason_anchorListLink {
    width: calc(100% - 20px);
    height: calc(100% - 50px);
    padding: 30px 10px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
@media screen and (max-width: 1199px) {
    .reason_anchorListLink {
        width: calc(100% - 40px);
        height: calc(100% - 32px);
        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(reason_headingCounter);
    counter-increment: reason_headingCounter;
    background-image: url(../../../img/business/newgraduate/heading-bg-circle.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 72px;
    height: 72px;
    color: #0e6eab;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1;
    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;
    }
}

.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;
    padding: 80px 0 40px;
}
@media screen and (max-width: 1199px) {
    .voice_title {
        font-size: 1.5rem;
        line-height: 1.5;
        padding: 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;
}
@media screen and (max-width: 1199px) {
    .voice_col {
        padding: 24px 28px;
    }
}

.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;
    }
}

.cta_title {
    color: #000;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.75;
    letter-spacing: 2.56px;
    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 4px;
}
@media screen and (max-width: 1199px) {
    .cta_logoTextImg {
        margin: 0 3px 5px 0;
        width: 154px;
        height: auto;
    }
}

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

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

.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: #a0d036;
    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/newgraduate/icon-mail.svg);
}

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

.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/newgraduate/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);
    }
}

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

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

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

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

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

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

@media screen and (max-width: 1199px) {
    .cta-inside_bubbleText {
        font-size: 0.875rem;
    }
}

.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;
}

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

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

.cta-bottom_btns {
    margin: 20px 0 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: #a0d036;
}

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

.recommend {
    border-top: 1px solid #d1dae1;
    padding: 80px 0 0;
}
@media screen and (max-width: 1199px) {
    .recommend {
        padding: 60px 0 0;
    }
}

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

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

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

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

.recommend_box {
    max-width: 1200px;
    width: 100%;
    margin: 32px auto 0;
    display: flex;
}
@media screen and (max-width: 1199px) {
    .recommend_box {
        margin: 16px auto 0;
        flex-wrap: wrap;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .recommend_box {
        max-width: 460px;
    }
}

.recommend_box-has3Items {
    gap: 40px;
}
@media screen and (max-width: 1199px) {
    .recommend_box-has3Items {
        gap: 73px;
    }
}

.recommend_col {
    flex: 1 1 0;
    border-radius: 5px;
    border: 1px solid #d1dae1;
    padding: 28px 28px 64px;
}
@media screen and (max-width: 1199px) {
    .recommend_col {
        flex: 1 1 auto;
        border-radius: 8px;
        padding: 24px;
    }
}

.recommend_colTitle {
    color: #0e6eab;
    font-size: 1.1875rem;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.38px;
    margin: 14px 0 0;
}
@media screen and (max-width: 1199px) {
    .recommend_colTitle {
        font-size: 1.25rem;
        margin: 8px 0 0;
    }
}

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

.recommend_item {
    color: #222;
    font-size: 0.9375rem;
    line-height: 1.8;
    position: relative;
    padding: 0 0 0 15px;
}

.recommend_item::before {
    content: "";
    display: inline-block;
    background-color: #ccc;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    position: absolute;
    top: 9px;
    left: 0;
}

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

.plan {
    margin: 100px 0 0;
    background: #f2f6fa;
}
@media screen and (max-width: 1199px) {
    .plan {
        margin: 40px 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_textMarker {
    font-weight: bold;
    background: linear-gradient(transparent 60%, #ffe542 60%);
    padding: 3px;
}

.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: 40px;
        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-first {
    padding: 0 0 28px;
    position: relative;
}

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

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

.plan_col-first::after {
    content: "";
    display: inline-block;
    background-image: url(../../../img/business/newgraduate/icon-plus.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: -38px;
    transform: translateY(-50%);
}
@media screen and (max-width: 1199px) {
    .plan_col-first::after {
        top: calc(100% + 8px);
        right: 50%;
        transform: translateX(50%);
    }
}

.plan_col-second::before {
    background: linear-gradient(93deg, #0c7bc9 0.65%, #0199d9 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;
}

.plan_colPriceUnit {
    color: #222;
    font-size: 1.5rem;
    font-weight: bold;
}

.plan_colPriceUnit-first {
    display: inline-block;
    transform: translateY(-17px);
}

.plan_colPriceUnit-second {
    display: inline-block;
    transform: translate(5px, 10px);
}

.plan_colPriceNumImg-second {
    margin: 30px 0 0;
}

.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/newgraduate/icon-check-orange.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 15px;
    height: 11px;
    margin: 0 12px 0 0;
}

.plan_checkPoint {
    border-radius: 8px;
    border: 1px solid #d1dae1;
    background: #fff;
    max-width: 800px;
    margin: 20px auto 0;
}
@media screen and (max-width: 1199px) {
    .plan_checkPoint {
        margin: 16px auto 0;
    }
}

.plan_checkPointList {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 48px;
    padding: 28px 0;
}
@media screen and (max-width: 1199px) {
    .plan_checkPointList {
        flex-direction: column;
        gap: 8px;
        padding: 24px 0;
        justify-content: flex-start;
        align-items: flex-start;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto;
    }
}

.plan_checkPointItem {
    color: #222;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.7;
}
@media screen and (max-width: 1199px) {
    .plan_checkPointItem {
        color: #000;
    }
}

.plan_checkPointItem::before {
    content: "";
    display: inline-block;
    background-image: url(../../../img/business/newgraduate/icon-check-blue.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 13px;
    padding: 0 13px 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/newgraduate/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/newgraduate/icon-arrow-black-down.svg);
        background-repeat: no-repeat;
        background-size: contain;
    }
}

.flow_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) {
    .flow_mailBtn {
        width: 170px;
        height: 40px;
        font-size: 0.875rem;
        letter-spacing: 0.42px;
        gap: 3px;
    }
}
.flow_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) {
    .flow_mailBtn::before {
        width: 13px;
        height: 13px;
    }
}
.flow_mailBtn:hover {
    text-decoration: none;
    opacity: 0.7;
    transition-duration: 0.2s;
}
.flow_mailBtn {
    background-color: #a0d036;
    color: #222;
    margin: 10px 0 0;
    width: 100%;
    height: 48px;
}
@media screen and (max-width: 1199px) {
    .flow_mailBtn {
        width: 100%;
        font-size: 1.0625rem;
    }
}

.flow_mailBtn::before {
    background-image: url(../../../img/business/newgraduate/icon-mail.svg);
    width: 20px;
    height: 20px;
}

.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;
    }
}

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

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

.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: 1318px;
    border: none;
    margin: 48px 0 0;
}
@media screen and (max-width: 1199px) {
    .information_iframe {
        height: 1674px;
        margin: 24px 0 0;
    }
}