@charset "UTF-8";
/* --------------------------------------------------------------------------
COMMON
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .ly-section__inner {
        max-width: calc(1200 / var(--font) * 1rem);
    }
    .company-top-heading {
    }
    .company-top-heading__inner {
    }
    .company-top-heading-sub {
        display: flex;
        align-items: center;
        margin-bottom: calc(12 / var(--font) * 1rem);
    }
    .company-top-heading-sub::before {
        content: "";
        display: block;
        -webkit-mask: url("/assets_v2/img/common/ico_soy.svg") no-repeat center / contain;
        mask: url("/assets_v2/img/common/ico_soy.svg") no-repeat center / contain;
        background: var(--c-main);
        width: calc(14 / var(--font) * 1rem);
        padding-top: calc(14 / var(--font) * 1rem);
        margin-right: calc(10 / var(--font) * 1rem);
    }
    .company-top-heading-sub__label {
    }
    .company-top-heading-sub__label {
        height: calc(11 / var(--font) * 1rem);
    }
    .company-top-heading-sub__label .mc-img,
    .company-top-heading-sub__label img {
        height: 100%;
        width: auto;
        vertical-align: top;
    }
    .company-top-heading-text {
    }
    .company-top-heading-text__label {
        font-family: var(--f-zen-kaku);
        font-size: calc(32 / var(--font) * 1rem);
        font-weight: bold;
        line-height: 1.3;
    }
}
@media all and (max-width: 767px) {
    .ly-section__inner {
        max-width: calc(1200 / var(--font) * 1rem);
    }
    .company-top-heading {
    }
    .company-top-heading__inner {
    }
    .company-top-heading-sub {
        display: flex;
        align-items: center;
        margin-bottom: calc(6 / var(--font) * 1rem);
    }
    .company-top-heading-sub::before {
        content: "";
        display: block;
        -webkit-mask: url("/assets_v2/img/common/ico_soy.svg") no-repeat center / contain;
        mask: url("/assets_v2/img/common/ico_soy.svg") no-repeat center / contain;
        background: var(--c-main);
        width: calc(8 / var(--font) * 1rem);
        aspect-ratio: 1 / 1;
        margin-right: calc(5 / var(--font) * 1rem);
    }
    .company-top-heading-sub__label {
    }
    .company-top-heading-sub__label {
        height: calc(7.5 / var(--font) * 1rem);
    }
    .company-top-heading-sub__label .mc-img,
    .company-top-heading-sub__label img {
        height: 100%;
        width: auto;
        vertical-align: top;
    }
    .company-top-heading-text {
    }
    .company-top-heading-text__label {
        font-family: var(--f-zen-kaku);
        font-size: calc(24 / var(--font) * 1rem);
        font-weight: bold;
        line-height: 1.3;
    }
}

/* --------------------------------------------------------------------------
MV
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .mv-section {
        overflow: hidden;
    }
    .mv-section__inner {
        max-width: none;
        padding: 0;
    }
    .ly-section:first-child .ly-section__body.mv-section__body {
        padding-top: 0;
    }
    .mv-content {
        max-width: calc(1440 / var(--font) * 1rem);
        max-width: 1440px;
        margin: 0 auto;
        position: relative;
    }
    .mv-content-slide {
    }
    .mv-content-slide-list {
    }
    .mv-content-slide-list-item {
    }
    .mv-content-slide-card {
    }
    .mv-content-slide-card__inner {
        display: flex;
        justify-content: center;
    }
    .mv-content-slide-card-read {
        background: var(--c-main-sub);
        width: calc(563 / 1440 * 100%);
    }
    .mv-content-slide-card-read__inner {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        padding: 0 calc(20 / var(--font) * 1rem);
    }
    .mv-content-slide-card-read__body {
        padding: calc(20 / var(--font) * 1rem) 0;
        flex-grow: 1;
    }
    .mv-content-slide-card-read-sub {
        height: calc(11 / var(--font) * 1rem);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: calc(24 / 523 * 100%);
    }
    .mv-content-slide-card-read-sub .mc-img,
    .mv-content-slide-card-read-sub img {
        height: 100%;
        width: auto;
        vertical-align: top;
    }
    .mv-content-slide-card-read-heading {
        text-align: center;
    }
    .mv-content-slide-card-read-heading__label {
        font-family: var(--f-zen-kaku);
        font-size: min(36px, calc(36 / 1440 * 100vw));
        font-weight: bold;
        line-height: calc(50.4 / 36);
    }
    .mv-content-slide-card-img {
        width: calc(880 / 1440 * 100%);
        aspect-ratio: 880 / 373;
        overflow: hidden;
    }
    .mv-content-slide-card-img img {
        transition: var(--transition-all);
    }
    a.mv-content-slide-card:hover .mv-content-slide-card-img img {
        transform: scale(1.1);
    }
}
@media all and (max-width: 767px) {
    .mv-section {
        overflow: hidden;
    }
    .mv-section__inner {
        max-width: none;
        padding: 0;
    }
    .ly-section:first-child .ly-section__body.mv-section__body {
        padding-top: 0;
    }
    .mv-content {
        max-width: calc(1440 / var(--font) * 1rem);
        max-width: 1440px;
        margin: 0 auto;
        position: relative;
    }
    .mv-content-slide {
    }
    .mv-content-slide-list {
    }
    .mv-content-slide-list-item {
    }
    .mv-content-slide-card {
    }
    .mv-content-slide-card__inner {
    }
    .mv-content-slide-card-read {
        width: 100%;
        background: var(--c-main-sub);
    }
    .mv-content-slide-card-read__inner {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: calc(100 / var(--font) * 1rem);
        height: 100%;
        padding: 0 calc(20 / var(--font) * 1rem);
    }
    .mv-content-slide-card-read__body {
        padding: calc(10 / var(--font) * 1rem) 0;
        height: 100%;
    }
    .mv-content-slide-card-read-sub {
        height: calc(7.5 / var(--font) * 1rem);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: calc(10 / var(--font) * 1rem);
    }
    .mv-content-slide-card-read-sub .mc-img,
    .mv-content-slide-card-read-sub img {
        height: 100%;
        width: auto;
        vertical-align: top;
    }
    .mv-content-slide-card-read-heading {
        text-align: center;
    }
    .mv-content-slide-card-read-heading__label {
        font-family: var(--f-zen-kaku);
        font-size: min(20px, calc(20 / 375 * 100vw));
        font-weight: bold;
        line-height: calc(50.4 / 36);
    }
    .mv-content-slide-card-img {
        width: 100%;
        aspect-ratio: 750 / 340;
        overflow: hidden;
    }
}

/* --------------------------------------------------------------------------
NEWS
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .news-section {
    }
    .news-section__inner {
        max-width: calc(1042 / var(--font) * 1rem);
    }
    .news-section__body {
        display: flex;
        justify-content: space-between;
        align-items: start;
        gap: calc(20 / var(--font) * 1rem);
        padding-bottom: calc(100 / var(--font) * 1rem);
    }
    .news-section__body .ly-section__header {
        flex-shrink: 0;
    }
    .news-section__body .ly-section__content {
        max-width: calc(733 / var(--font) * 1rem);
        width: 100%;
    }
    .news-view-more {
        margin-top: calc(48 / var(--font) * 1rem);
        display: block;
    }
    .news-view-more-text {
        display: flex;
        align-items: center;
    }
    .news-view-more-text::after {
        content: "";
        display: block;
        background: url("/assets_v2/img/common/link_ico_arrow.svg") no-repeat center / contain;
        width: calc(24 / var(--font) * 1rem);
        aspect-ratio: 1 / 1;
        margin-left: calc(15 / var(--font) * 1rem);
        transition: var(--transition-all);
    }
    .news-view-more:hover .news-view-more-text:after {
        margin-left: calc(21 / var(--font) * 1rem);
    }
    .news-view-more-text__label {
        font-size: calc(16 / var(--font) * 1rem);
        font-weight: 500;
    }
}
@media all and (max-width: 767px) {
    .news-section {
    }
    .news-section__inner {
        max-width: calc(1042 / var(--font) * 1rem);
    }
    .news-section__body {
        padding-bottom: calc(50 / var(--font) * 1rem);
    }
    .news-section__body .ly-section__header {
        display: flex;
        justify-content: space-between;
        align-items: end;
        margin-bottom: calc(28 / var(--font) * 1rem);
    }
    .news-section__body .ly-section__content {
        max-width: calc(733 / var(--font) * 1rem);
        width: 100%;
    }
    .news-section .company-top-heading-text__label {
        font-size: calc(22 / var(--font) * 1rem);
    }
    .news-view-more {
        display: block;
        margin-bottom: calc(6 / var(--font) * 1rem);
    }
    .news-view-more-text {
        display: flex;
        align-items: center;
    }
    .news-view-more-text::after {
        content: "";
        display: block;
        background: url("/assets_v2/img/common/link_ico_arrow.svg") no-repeat center / contain;
        width: calc(16 / var(--font) * 1rem);
        aspect-ratio: 1 / 1;
        margin-left: calc(12 / var(--font) * 1rem);
    }
    .news-view-more-text__label {
        font-size: calc(13 / var(--font) * 1rem);
        font-weight: 500;
    }
}

/* --------------------------------------------------------------------------
MESSAGE
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .message-section {
        overflow: hidden;
        position: relative;
        z-index: 0;
    }
    .message-section__inner {
    }
    .ly-section + .ly-section .ly-section__body.message-section__body {
        padding: calc(60 / var(--font) * 1rem) 0;
        
    }
    .message-section::before {
        content: "";
        display: block;
        background: var(--c-gray-f7);
        border-radius: calc(20 / var(--font) * 1rem) 0 0 calc(20 / var(--font) * 1rem);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        margin-left: calc(-80 / var(--font) * 1rem);
        z-index: -1;
    }
    .message-content {
        display: flex;
        align-items: center;
        gap: calc(60 / var(--font) * 1rem);
    }
    .message-content-img {
        max-width: calc(660 / var(--font) * 1rem);
        border-radius: calc(20 / var(--font) * 1rem);
        overflow: hidden;
    }
    .message-content-read {
        max-width: calc(442 / var(--font) * 1rem);
    }
    .message-content-read__inner {
    }
    .message-content-read-heading {
        margin-bottom: calc(32 / var(--font) * 1rem);
    }
    .message-content-read-text {
    }
    .message-content-read-button {
        max-width: calc(260 / var(--font) * 1rem);
        margin-top: calc(42 / var(--font) * 1rem);
    }
}
@media all and (max-width: 767px) {
    .message-section {
        position: relative;
    }
    .message-section__inner {
    }
    .ly-section + .ly-section .ly-section__body.message-section__body {
        padding: 0 0 calc(50 / var(--font) * 1rem);
        
    }
    .message-section::before {
        content: "";
        display: block;
        background: var(--c-gray-f7);
        border-radius: calc(10 / var(--font) * 1rem) calc(10 / var(--font) * 1rem) 0 0;
        width: 100%;
        height: calc(100% - (90 / var(--font) * 1rem));
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: calc(90 / var(--font) * 1rem);
        z-index: -1;
    }
    .message-content {
    }
    .message-content-img {
        border-radius: calc(10 / var(--font) * 1rem);
        overflow: hidden;
    }
    .message-content-read {
        margin-top: calc(24 / var(--font) * 1rem);
    }
    .message-content-read__inner {
    }
    .message-content-read-heading {
        margin-bottom: calc(18 / var(--font) * 1rem);
    }
    .message-content-read-text {
    }
    .message-content-read-button {
        max-width: calc(216 / var(--font) * 1rem);
        margin: calc(20 / var(--font) * 1rem) auto 0;
    }
}

/* --------------------------------------------------------------------------
COMPANY
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .company-section {
    }
    .company-section__inner {
    }
    .ly-section + .ly-section .ly-section__body.company-section__body {
        padding-top: calc(100 / var(--font) * 1rem);
        padding-bottom: calc(176 / var(--font) * 1rem);
    }
    .company-content {
        display: flex;
        justify-content: space-between;
        gap: calc(20 / var(--font) * 1rem);
        position: relative;
        z-index: 0;
        align-items: start;
        max-width: calc(1084 / var(--font) * 1rem);
        margin: 0 auto 0;
    }
    .company-content-read {
        max-width: calc(400 / var(--font) * 1rem);
        width: 100%;
        position: relative;
    }
    .company-content-read::before {
        content: "";
        display: block;
        width: calc(332 / var(--font) * 1rem);
        padding-top: calc(222 / var(--font) * 1rem);
        background: url("/assets_v2/img/company/top/company_deco.png") no-repeat center / contain;
        position: absolute;
        left: 0;
        bottom: 0;
        margin-left: calc(-130 / var(--font) * 1rem);
        margin-bottom: calc(-265 / var(--font) * 1rem);
        z-index: -1;
    }
    .company-content-read-heading {
        margin-bottom: calc(28 / var(--font) * 1rem);
    }
    .company-content-read-heading-lv2 {
    }
    .company-content-read-heading-lv2-text {
    }
    .company-content-read-heading-lv2-text__label {
        font-size: calc(24 / var(--font) * 1rem);
        font-weight: bold;
        line-height: 1.5;
        font-feature-settings: "palt";
    }
    .company-content-read-text {
        margin-top: calc(18 / var(--font) * 1rem);
    }
    .company-content-read-text .mc-text {
        font-weight: 500;
    }
    .company-content-read-button {
        width: calc(260 / var(--font) * 1rem);
        margin-top: calc(38 / var(--font) * 1rem);
    }
    .company-content-img {
        max-width: calc(660 / var(--font) * 1rem);
        width: 100%;
        border-radius: calc(20 / var(--font) * 1rem);
        overflow: hidden;
    }
}
@media all and (max-width: 767px) {
    .company-section {
    }
    .company-section__inner {
    }
    .ly-section + .ly-section .ly-section__body.company-section__body {
        padding-top: calc(50 / var(--font) * 1rem);
        padding-bottom: calc(25 / var(--font) * 1rem);
    }
    .company-content {
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
        position: relative;
        z-index: 0;
        align-items: start;
        max-width: calc(1084 / var(--font) * 1rem);
        margin: 0 auto 0;
    }
    .company-content-read {
        width: 100%;
        position: relative;
        margin-top: calc(24 / var(--font) * 1rem);
    }
    .company-content-read::before {
        content: "";
        display: block;
        width: calc(138 / var(--font) * 1rem);
        padding-top: calc(92 / var(--font) * 1rem);
        background: url("/assets_v2/img/company/top/company_deco.png") no-repeat center / contain;
        position: absolute;
        right: 0;
        top: 0;
        margin-right: calc(-15 / var(--font) * 1rem);
        margin-top: calc(-24 / var(--font) * 1rem);
        z-index: -1;
    }
    .company-content-read-heading {
        margin-bottom: calc(18 / var(--font) * 1rem);
    }
    .company-content-read-heading-lv2 {
    }
    .company-content-read-heading-lv2-text {
    }
    .company-content-read-heading-lv2-text__label {
        font-size: calc(16 / var(--font) * 1rem);
        font-weight: bold;
        line-height: 1.5;
        font-feature-settings: "palt";
    }
    .company-content-read-text {
        margin-top: calc(6 / var(--font) * 1rem);
    }
    .company-content-read-button {
        width: calc(216 / var(--font) * 1rem);
        margin: calc(26 / var(--font) * 1rem) auto 0;
    }
    .company-content-img {
        border-radius: calc(10 / var(--font) * 1rem);
        overflow: hidden;
    }
}

/* --------------------------------------------------------------------------
OTHER
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .other-section {
        overflow: hidden;
        padding-top: calc(250 / var(--font) * 1rem);
    }
    .other-section__inner {
    }
    .ly-section + .ly-section .ly-section__body.other-section__body {
        position: relative;
        z-index: 0;
        padding-top: calc(1140 / var(--font) * 1rem);
        padding-bottom: calc(162 / 980 * 100%);
    }
    .other-section__body::before {
        content: "";
        display: block;
        background: var(--c-gray-f7);
        border-radius: 0 0 calc(40 / var(--font) * 1rem) calc(40 / var(--font) * 1rem);
        width: 100vw;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
    }
    .other-content {
    }
    .other-list__container {
        width: 100%;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        margin-top: calc(-145 / var(--font) * 1rem);
        margin-top: calc(-126.875 / 980 * 100%);
    }
    .other-list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: calc(100 / var(--font) * 1rem) calc(32 / var(--font) * 1rem);
    }
    .other-list-item {
        max-width: calc(540 / var(--font) * 1rem);
        width: calc(50% - (calc(32 / var(--font) * 1rem) / 2));
    }
    .other-card {
        height: 100%;
    }
    .other-card__inner {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .other-card-img {
        border-radius: calc(20 / var(--font) * 1rem);
        overflow: hidden;
    }
    .other-card-read {
        margin-top: calc(40 / var(--font) * 1rem);
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .other-card-read-heading {
        margin-bottom: calc(32 / var(--font) * 1rem);
    }
    .other-card-read-heading-lv2 {
        margin-bottom: calc(8 / var(--font) * 1rem);
    }
    .other-card-read-heading-lv2-text {
    }
    .other-card-read-heading-lv2-text__label {
        font-size: calc(24 / var(--font) * 1rem);
        font-weight: bold;
        line-height: 1.5;
    }
    .other-card-read-text {
    }
    .other-card-read-button {
        margin-top: calc(42 / var(--font) * 1rem);
        width: calc(260 / var(--font) * 1rem);
    }
}
@media all and (max-width: 767px) {
    .other-section {
        padding-top: calc(50 / var(--font) * 1rem);
    }
    .other-section__inner {
    }
    .ly-section + .ly-section .ly-section__body.other-section__body {
        position: relative;
        z-index: 0;
        padding-top: calc(0 / var(--font) * 1rem);
        padding-bottom: calc(25 / var(--font) * 1rem);
    }
    .other-section__body::before {
        /* content: ""; */
        display: block;
        background: var(--c-gray-f7);
        background: gray;
        border-radius: 0 0 calc(40 / var(--font) * 1rem) calc(40 / var(--font) * 1rem);
        width: 100vw;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
    }
    .other-content {
    }
    .other-list__container {
        /* width: 100%;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%); */
        /* margin-top: calc(-126.875 / 980 * 100%); */
    }
    .other-list {
    }
    .other-list-item {
    }
    .other-list-item {
        position: relative;
        z-index: 0;
        padding-bottom: calc(50 / var(--font) * 1rem);
    }
    .other-list-item::before {
        content: "";
        background: var(--c-gray-f7);
        border-radius: calc(10 / var(--font) * 1rem) calc(10 / var(--font) * 1rem) 0 0;
        display: block;
        width: 100vw;
        height: calc(100% - (90 / var(--font) * 1rem));
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        margin-top: calc(90 / var(--font) * 1rem);
        transform: translateX(-50%);
        z-index: -1;
    }
    .other-list-item + .other-list-item {
        margin-top: calc(50 / var(--font) * 1rem);
    }
    .other-card {
        height: 100%;
    }
    .other-card__inner {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .other-card-img {
        border-radius: calc(10 / var(--font) * 1rem);
        overflow: hidden;
    }
    .other-card-read {
        margin-top: calc(24 / var(--font) * 1rem);
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .other-card-read-heading {
        margin-bottom: calc(18 / var(--font) * 1rem);
    }
    .other-card-read-heading-lv2 {
        margin-bottom: calc(6 / var(--font) * 1rem);
    }
    .other-card-read-heading-lv2-text {
    }
    .other-card-read-heading-lv2-text__label {
        font-size: calc(16 / var(--font) * 1rem);
        font-weight: bold;
        line-height: 1.5;
    }
    .other-card-read-text {
    }
    .other-card-read-button {
        margin: calc(20 / var(--font) * 1rem) auto 0;
        width: calc(216 / var(--font) * 1rem);
    }
}

/* --------------------------------------------------------------------------
RECRUIT
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .recruit-section {
    }
    .recruit-section__inner {
        max-width: calc(1280 / var(--font) * 1rem);
    }
    .ly-section:last-child .ly-section__body.recruit-section__body {
        padding-top: calc(122 / var(--font) * 1rem);
        padding-bottom: calc(160 / var(--font) * 1rem);
    }
    .recruit-content {
        display: block;
        box-shadow: rgba(64, 62, 62, 0.08) 0 calc(2 / var(--font) * 1rem) calc(10 / var(--font) * 1rem);
        border-radius: calc(20 / var(--font) * 1rem);
        overflow: hidden;
    }
    .recruit-content__inner {
        position: relative;
    }
    .recruit-content__body {
        display: flex;
    }
    .recruit-content-read {
        max-width: calc(360 / var(--font) * 1rem);
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .recruit-content-read__inner {
        padding: 0 calc(20 / var(--font) * 1rem);
        max-width: calc(320 / var(--font) * 1rem);
        margin: 0 auto 0;
    }
    .recruit-content-read__body {
        padding: calc(20 / var(--font) * 1rem) 0;
    }
    .recruit-content-read-heading {
        margin-bottom: calc(20 / var(--font) * 1rem);
    }
    .recruit-content-read-heading-lv2 {
        margin-bottom: calc(12 / var(--font) * 1rem);
    }
    .recruit-content-read-heading-lv2-text {
    }
    .recruit-content-read-heading-lv2-text__label {
        font-size: calc(24 / var(--font) * 1rem);
        font-weight: bold;
        line-height: 1.5;
    }
    .recruit-content-read-text {
    }
    .recruit-content-img {
        max-width: calc(880 / var(--font) * 1rem);
        width: 100%;
        aspect-ratio: 880 / 368;
        position: relative;
        overflow: hidden;
    }
    .recruit-content-img::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: url("/assets_v2/img/company/top/recruit_bg.png") no-repeat center / cover;
        transition: var(--transition-all);
    }
    .recruit-content:hover .recruit-content-img::before {
        transform: scale(1.1);
    }
    .recruit-content-ico {
        width: calc(48 / var(--font) * 1rem);
        height: calc(48 / var(--font) * 1rem);
        aspect-ratio: 1 / 1;
        background: var(--c-main);
        border-radius: 100%;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        margin-right: calc(20 / var(--font) * 1rem);
    }
    .recruit-content-ico::before {
        content: "";
        display: block;
        -webkit-mask: url("/assets_v2/img/common/btn_ico_arrow.svg") no-repeat center / contain;
        mask: url("/assets_v2/img/common/btn_ico_arrow.svg") no-repeat center / contain;
        background: var(--c-white);
        width: calc(15 / var(--font) * 1rem);
        aspect-ratio: 1 / 1;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50% , -50%);
        margin-left: calc(1 / var(--font) * 1rem);
    }
}
@media all and (max-width: 767px) {
    .recruit-section {
    }
    .recruit-section__inner {
        max-width: calc(1280 / var(--font) * 1rem);
    }
    .ly-section:last-child .ly-section__body.recruit-section__body {
        padding-top: calc(25 / var(--font) * 1rem);
        padding-bottom: calc(60 / var(--font) * 1rem);
    }
    .recruit-content {
        display: block;
        box-shadow: rgba(64, 62, 62, 0.2) 0 calc(3 / var(--font) * 1rem) calc(10 / var(--font) * 1rem);
        border-radius: calc(10 / var(--font) * 1rem);
        overflow: hidden;
        max-width: calc(500 / var(--font) * 1rem);
        margin: auto;
    }
    .recruit-content__inner {
        position: relative;
    }
    .recruit-content__body {
    }
    .recruit-content-read {
        width: 100%;
    }
    .recruit-content-read__inner {
        padding: 0 calc(19 / var(--font) * 1rem);
        margin: 0 auto 0;
    }
    .recruit-content-read__body {
        padding: calc(32 / var(--font) * 1rem) 0 calc(28 / var(--font) * 1rem);
    }
    .recruit-content-read-heading {
        margin-bottom: calc(18 / var(--font) * 1rem);
    }
    .recruit-content-read-heading-lv2 {
        margin-bottom: calc(4 / var(--font) * 1rem);
    }
    .recruit-content-read-heading-lv2-text {
    }
    .recruit-content-read-heading-lv2-text__label {
        font-size: calc(16 / var(--font) * 1rem);
        font-weight: bold;
        line-height: 1.5;
    }
    .recruit-content-read-text {
    }
    .recruit-content-img {
        width: 100%;
        aspect-ratio: 690 / 440;
        position: relative;
        overflow: hidden;
    }
    .recruit-content-img::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: url("/assets_v2/img/company/top/recruit_bg_sp.png") no-repeat center / cover;
    }
    .recruit-content-ico {
        width: calc(28 / var(--font) * 1rem);
        height: calc(28 / var(--font) * 1rem);
        aspect-ratio: 1 / 1;
        background: var(--c-main);
        border-radius: 100%;
        position: absolute;
        top: 0;
        right: 0;
        margin-top: calc(49 / var(--font) * 1rem);
        margin-right: calc(20 / var(--font) * 1rem);
    }
    .recruit-content-ico::before {
        content: "";
        display: block;
        -webkit-mask: url("/assets_v2/img/common/btn_ico_arrow.svg") no-repeat center / contain;
        mask: url("/assets_v2/img/common/btn_ico_arrow.svg") no-repeat center / contain;
        background: var(--c-white);
        width: calc(9 / var(--font) * 1rem);
        aspect-ratio: 1 / 1;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50% , -50%);
    }
}

/* --------------------------------------------------------------------------
ANIMATION
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .message-section__body,
    .company-section__body,
    .other-section__body,
    .recruit-section__body {
        opacity: 0;
        transform: translateY(10%);
        transition: all .5s ease;
    }
    .js-animation-active {
        .message-section__body,
    .company-section__body,
    .other-section__body,
    .recruit-section__body {
            opacity: 1;
            transform: translateY(0);
        }
    }
}
@media all and (max-width: 767px) {

}