@charset "UTF-8";
/* --------------------------------------------------------------------------
COMMON
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .top-section {
    }
    .top-section__inner {
        max-width: calc(1200 / var(--font) * 1rem);
        padding: 0 calc(20 / var(--font) * 1rem);
        margin: 0 auto 0;
    }
    .top-section__body {
    }
    .top-header {
    }
    .top-header__inner {
    }
    .top-header-text {
        display: flex;
        align-items: center;
    }
    .top-header-text::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(15 / var(--font) * 1rem);
    }
    .top-header-text__label {
        display: block;
        height: calc(20 / var(--font) * 1rem);
    }
    .top-header-text__label img {
        height: 100%;
        width: auto;
    }
    /* 中国語 */
    [data-cat="ch"] .top-header-text__label {
        height: calc(27 / var(--font) * 1rem);
    }
}
@media all and (max-width: 767px) {
    .top-section {
    }
    .top-section__inner {
        max-width: calc(1200 / var(--font) * 1rem);
        padding: 0 calc(20 / var(--font) * 1rem);
        margin: 0 auto 0;
    }
    .top-section__body {
    }
    .top-header {
    }
    .top-header__inner {
    }
    .top-header-text {
        display: flex;
        align-items: center;
    }
    .top-header-text::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(12 / var(--font) * 1rem);
        padding-top: calc(12 / var(--font) * 1rem);
        margin-right: calc(12 / var(--font) * 1rem);
    }
    .top-header-text__label {
        display: block;
        height: calc(16 / var(--font) * 1rem);
    }
    .top-header-text__label img {
        height: 100%;
        width: auto;
    }
    /* 中国語 */
    [data-cat="ch"] .top-header-text__label {
        height: calc(18 / var(--font) * 1rem);
    }
}

/* --------------------------------------------------------------------------
MV
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .mv-section {
        background: url("/assets_v2/img/other_language/top/mv_bg.png") no-repeat center / calc(1440 / var(--font) * 1rem);
    }
    .mv-section__inner {
        min-height: calc(373 / var(--font) * 1rem);
        height: 0;
    }
    .mv-section__body {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mv-title {
    }
    .mv-title__inner {
        background: var(--c-white);
        padding: 0 calc(54 / var(--font) * 1rem);
        min-width: calc(500 / var(--font) * 1rem);
    }
    .mv-title__body {
        padding: calc(47 / var(--font) * 1rem) 0 calc(32 / var(--font) * 1rem);
    }
    .mv-title-logo {
        width: calc(286 / var(--font) * 1rem);
        margin: 0 auto 0;
    }
    .mv-title-sub {
        width: calc(391 / var(--font) * 1rem);
        margin: calc(31 / var(--font) * 1rem) auto 0;
    }
    /* 中国語 */
    [data-cat="ch"] .mv-title-sub {
        width: calc(137 / var(--font) * 1rem);
    }
}
@media all and (max-width: 767px) {
    .mv-section {
        background: url("/assets_v2/img/other_language/top/mv_bg_sp.png") no-repeat center / cover;
    }
    .mv-section__inner {
        min-height: calc(320 / var(--font) * 1rem);
        height: 0;
    }
    .mv-section__body {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mv-title {
        max-width: calc(290 / var(--font) * 1rem);
        width: 100%;
    }
    .mv-title__inner {
        background: var(--c-white);
        padding: 0 calc(20 / var(--font) * 1rem);
        width: 100%;
    }
    .mv-title__body {
        padding: calc(26.5 / var(--font) * 1rem) 0 calc(19.5 / var(--font) * 1rem);
    }
    .mv-title-logo {
        width: calc(167 / var(--font) * 1rem);
        margin: 0 auto 0;
    }
    .mv-title-sub {
        width: calc(244 / var(--font) * 1rem);
        margin: calc(18.5 / var(--font) * 1rem) auto 0;
    }
    .mv-title-sub .mc-img {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    /* 中国語 */
    [data-cat="ch"] .mv-title-sub {
        width: calc(86 / var(--font) * 1rem);
    }
}

/* --------------------------------------------------------------------------
NEWS
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .news-section {
    }
    .news-section__inner {
    }
    .news-section__body {
        display: flex;
        align-items: start;
        justify-content: space-between;
        gap: calc(20 / var(--font) * 1rem);
        padding-top: calc(100 / var(--font) * 1rem);
        padding-bottom: calc(120 / var(--font) * 1rem);
    }
    .news-view-more {
        margin-top: calc(59 / 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(14 / var(--font) * 1rem);
        transition: var(--transition-all);
    }
    .news-view-more-text__label {
        font-size: calc(16 / var(--font) * 1rem);
        font-weight: 500;
        line-height: 1.8;
    }
    .news-view-more:hover .news-view-more-text::after {
        transform: translateX(calc(6 / var(--font) * 1rem));
    }
    .news-section .top-section__header {
        max-width: calc(250 / var(--font) * 1rem);
        width: 100%;
        padding-left: calc(40 / var(--font) * 1rem);
    }
    .news-section .top-section__content {
        max-width: calc(814 / var(--font) * 1rem);
        width: 100%;
    }
    .news-section .mc-news-list {
        max-width: calc(733 / var(--font) * 1rem);
        width: 100%;
    }
    .news-section .mc-news-list-item {
        margin-bottom: calc(24 / var(--font) * 1rem);
        padding-bottom: calc(24 / var(--font) * 1rem);
    }
}
@media all and (max-width: 767px) {
    .news-section {
    }
    .news-section__inner {
    }
    .news-section__body {
        padding-top: calc(32 / var(--font) * 1rem);
        padding-bottom: calc(50 / var(--font) * 1rem);
    }
    .news-view-more {
        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(20 / var(--font) * 1rem);
        aspect-ratio:  1 / 1;
        margin-left: calc(10 / var(--font) * 1rem);
        transition: var(--transition-all);
    }
    .news-view-more-text__label {
        font-size: calc(14 / var(--font) * 1rem);
        font-weight: 500;
        line-height: 1.8;
    }
    .news-view-more:hover .news-view-more-text::after {
        transform: translateX(calc(6 / var(--font) * 1rem));
    }
    .news-section .top-section__header {
        margin-bottom: calc(32 / var(--font) * 1rem);
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .news-section .top-section__content {
        max-width: calc(814 / var(--font) * 1rem);
        width: 100%;
    }
    .news-section .mc-news-list {
        max-width: calc(733 / var(--font) * 1rem);
        width: 100%;
    }
    .news-section .mc-news-list-item {
        margin-bottom: calc(24 / var(--font) * 1rem);
        padding-bottom: calc(24 / var(--font) * 1rem);
    }
}

/* --------------------------------------------------------------------------
LINK
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .link-section {
        overflow-x: hidden;
    }
    .link-section__inner {
    }
    .link-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;
    }
    .link-section__body {
        position: relative;
        z-index: 0;
        padding: calc(138.25 / 1015 * 100%) 0 calc(87.5 / 1015 * 100%);
        margin-top: calc(195.125 / 1015 * 100%);
    }
    .top-section__content {
    }
    .link-list__container {
        width: 100%;
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        margin-top: calc(-90.125 / 1015 * 100%);
    }
    .link-list {
        display: flex;
        gap: calc(32 / var(--font) * 1rem);
    }
    .link-list-item {
        width: calc((100% - (32 / var(--font) * 1rem) * 2) / 3);
    }
    .link-card {
    }
    .link-card__inner {
    }
    .link-card__body {
    }
    .link-card-img {
        border-radius: calc(20 / var(--font) * 1rem);
        overflow: hidden;
    }
    .link-card-img img {
        transition: var(--transition-all);
    }
    .link-card:hover .link-card-img img {
        transform: scale(1.1);
    }
    .link-card-text {
        margin-top: calc(35 / var(--font) * 1rem);
    }
    .link-card-text .top-header-text {
        justify-content: center;
    }
}
@media all and (max-width: 767px) {
    .link-section {
    }
    .link-section__inner {
    }
    .link-section__body {
        position: relative;
        z-index: 0;
        padding: calc(32 / var(--font) * 1rem) 0 calc(32 / var(--font) * 1rem);
    }
    .top-section__content {
    }
    .link-list__container {
        width: 100%;
    }
    .link-list {
    }
    .link-list-item {
    }
    .link-list-item + .link-list-item {
        margin-top: calc(32 / var(--font) * 1rem);
    }
    .link-card {
    }
    .link-card__inner {
    }
    .link-card__body {
    }
    .link-card-img {
        border-radius: calc(10 / var(--font) * 1rem);
        overflow: hidden;
    }
    .link-card-text {
        margin-top: calc(16 / var(--font) * 1rem);
    }
    .link-card-text .top-header-text {
        justify-content: center;
    }
}