@charset "UTF-8";
/* --------------------------------------------------------------------------
HERO
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .mc-co-hero {
        background-image: url("/assets_v2/img/company/sdgs/top/bg_hero.png");
    }
}
@media all and (max-width: 767px) {
    .mc-co-hero {
        background-image: url("/assets_v2/img/company/sdgs/top/bg_hero_sp.png");
    }
}

/* --------------------------------------------------------------------------
SDGS-COLUMN
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .sdgs-column {
        display: flex;
        align-items: start;
        gap: calc(60 / var(--font) * 1rem);
    }
    .sdgs-column-img {
        width: calc(520 / var(--font) * 1rem);
        border-radius: calc(20 / var(--font) * 1rem);
        overflow: hidden;
    }
    .sdgs-column-read {
        width: calc(540 / var(--font) * 1rem);
    }
    .sdgs-btn-list {
        max-width: calc(870 / var(--font) * 1rem);
        margin: auto;
    }
}
@media all and (max-width: 767px) {
    .sdgs-column {
    }
    .sdgs-column-img {
        border-radius: calc(10 / var(--font) * 1rem);
        overflow: hidden;
    }
    .sdgs-column-read {
        margin-top: calc(16 / var(--font) * 1rem);
    }
}

/* --------------------------------------------------------------------------
SDGS-WHAT
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .sdgs-what-img {
        margin: calc(42 / var(--font) * 1rem) auto;
    }
}
@media all and (max-width: 767px) {
    .sdgs-what-img {
        margin: calc(19 / var(--font) * 1rem) auto;
    }
}

/* --------------------------------------------------------------------------
SDGS-NEWS
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .sdgs-news-btn {
        width: calc(260 / var(--font) * 1rem);
        margin: calc(48 / var(--font) * 1rem) auto 0;
    }
    .sdgs-what-button {
        width: calc(306 / var(--font) * 1rem);
        margin: calc(42 / var(--font) * 1rem) auto 0;
    }
}
@media all and (max-width: 767px) {
    .sdgs-news-btn {
        width: calc(216 / var(--font) * 1rem);
        margin: calc(48 / var(--font) * 1rem) auto 0;
    }
    .sdgs-what-button {
        width: calc(216 / var(--font) * 1rem);
        margin: calc(28 / var(--font) * 1rem) auto 0;
    }
}

/* --------------------------------------------------------------------------
SDGS-MARUSAN
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .sdgs-column-read__inner {
    }
    .sdgs-column-read-text {
    }
    .sdgs-column-read-button {
        width: calc(370 / var(--font) * 1rem);
        margin-top: calc(36 / var(--font) * 1rem);
    }
}
@media all and (max-width: 767px) {
    .sdgs-column-read__inner {
    }
    .sdgs-column-read-text {
    }
    .sdgs-column-read-button {
        width: calc(269 / var(--font) * 1rem);
        margin: calc(36 / var(--font) * 1rem) auto 0;
    }
}

/* --------------------------------------------------------------------------
SDGS-GOAL
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .sdgs-goal-img {
        max-width: calc(1086 / var(--font) * 1rem);
        margin: 0 auto 0;
    }
    .sdgs-goal-list {
        display: flex;
        flex-wrap: wrap;
        gap: 0 calc(32 / var(--font) * 1rem);
    }
    .sdgs-goal-list-item {
        width: calc((100% - (32 / var(--font) * 1rem)) / 2);
    }
    .sdgs-goal-list-item--respect {
        --goal-color: #4072e4;
        --goal-color-sub: #eff4fe;
    }
    .sdgs-goal-list-item--energy {
        --goal-color: #86c757;
        --goal-color-sub: #f7fef2;
    }
    .sdgs-goal-list-item--health {
        --goal-color: #f63b55;
        --goal-color-sub: #fff4f6;
    }
    .sdgs-goal-list-item--innovation {
        --goal-color: #ffbf13;
        --goal-color-sub: #fffbf0;
    }
    .sdgs-goal-card {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    .sdgs-goal-card__heading {
    }
    .sdgs-goal-card__content {
        flex-grow: 1;
    }
    .sdgs-goal-box {
        height: 100%;
        background: var(--goal-color-sub);
        border-radius: calc(20 / var(--font) * 1rem);
        overflow: hidden;
    }
    .sdgs-goal-box__inner {
    }
    .sdgs-goal-box-img {
        aspect-ratio: 544 / 302;
    }
    .sdgs-goal-list-item--respect .sdgs-goal-box-img {
        background: url("/assets_v2/img/company/sdgs/top/sdgs-goal_img_respect.png") no-repeat center / cover;
    }
    .sdgs-goal-list-item--energy .sdgs-goal-box-img {
        background: url("/assets_v2/img/company/sdgs/top/sdgs-goal_img_energy.png") no-repeat center / cover;
    }
    .sdgs-goal-list-item--health .sdgs-goal-box-img {
        background: url("/assets_v2/img/company/sdgs/top/sdgs-goal_img_health.png") no-repeat center / cover;
    }
    .sdgs-goal-list-item--innovation .sdgs-goal-box-img {
        background: url("/assets_v2/img/company/sdgs/top/sdgs-goal_img_innovation.png") no-repeat center / cover;
    }
    .sdgs-goal-box-read {
    }
    .sdgs-goal-box-read__inner {
        padding: 0 calc(20 / var(--font) * 1rem);
    }
    .sdgs-goal-box-read__body {
        padding: calc(28 / var(--font) * 1rem) 0 calc(32 / var(--font) * 1rem);
    }
    .sdgs-goal-box-list {
    }
    .sdgs-goal-box-list-item {
    }
    .sdgs-goal-box-list-item + .sdgs-goal-box-list-item {
        margin-top: calc(6 / var(--font) * 1rem);
    }
    .sdgs-goal-box-list-item-text {
        display: flex;
        align-items: start;
    }
    .sdgs-goal-box-list-item-text::before {
        content: "";
        display: block;
        background: var(--goal-color);
        width: calc(16 / var(--font) * 1rem);
        aspect-ratio: 1 / 1;
        border-radius: 100%;
        margin-top: calc(5 / var(--font) * 1rem);
    }
    .sdgs-goal-box-list-item-text__label {
        font-size: calc(16 / var(--font) * 1rem);
        font-weight: bold;
        font-feature-settings: "palt";
        line-height: 1.5;
    }
    .sdgs-goal-box-read-text {
        margin-top: calc(16 / var(--font) * 1rem);
    }
    .sdgs-goal-box-read-cat-list {
        display: flex;
        justify-content: center;
        gap: calc(3 / var(--font) * 1rem);
        margin-top: calc(24 / var(--font) * 1rem);
    }
    .sdgs-goal-box-read-cat-list-item {
        max-width: calc(100 / var(--font) * 1rem);
        width: 100%;
    }
    .sdgs-goal-cat-card {
    }
}
@media all and (max-width: 767px) {
    .sdgs-goal-img {
        max-width: calc(345 / var(--font) * 1rem);
        margin: 0 auto 0;
    }
    .sdgs-goal-list {
    }
    .sdgs-goal-list-item {
        width: 100%;
    }
    .sdgs-goal-list-item--respect {
        --goal-color: #4072e4;
        --goal-color-sub: #eff4fe;
    }
    .sdgs-goal-list-item--energy {
        --goal-color: #86c757;
        --goal-color-sub: #f7fef2;
    }
    .sdgs-goal-list-item--health {
        --goal-color: #f63b55;
        --goal-color-sub: #fff4f6;
    }
    .sdgs-goal-list-item--innovation {
        --goal-color: #ffbf13;
        --goal-color-sub: #fffbf0;
    }
    .sdgs-goal-card {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    .sdgs-goal-card__heading {
    }
    .sdgs-goal-card__content {
        flex-grow: 1;
    }
    .sdgs-goal-box {
        height: 100%;
        background: var(--goal-color-sub);
        border-radius: calc(10 / var(--font) * 1rem);
        overflow: hidden;
    }
    .sdgs-goal-box__inner {
    }
    .sdgs-goal-box-img {
        aspect-ratio: 544 / 302;
    }
    .sdgs-goal-list-item--respect .sdgs-goal-box-img {
        background: url("/assets_v2/img/company/sdgs/top/sdgs-goal_img_respect.png") no-repeat center / cover;
    }
    .sdgs-goal-list-item--energy .sdgs-goal-box-img {
        background: url("/assets_v2/img/company/sdgs/top/sdgs-goal_img_energy.png") no-repeat center / cover;
    }
    .sdgs-goal-list-item--health .sdgs-goal-box-img {
        background: url("/assets_v2/img/company/sdgs/top/sdgs-goal_img_health.png") no-repeat center / cover;
    }
    .sdgs-goal-list-item--innovation .sdgs-goal-box-img {
        background: url("/assets_v2/img/company/sdgs/top/sdgs-goal_img_innovation.png") no-repeat center / cover;
    }
    .sdgs-goal-box-read {
    }
    .sdgs-goal-box-read__inner {
        padding: 0 calc(15 / var(--font) * 1rem);
    }
    .sdgs-goal-box-read__body {
        padding: calc(16 / var(--font) * 1rem) 0 calc(20 / var(--font) * 1rem);
    }
    .sdgs-goal-box-list {
    }
    .sdgs-goal-box-list-item {
    }
    .sdgs-goal-box-list-item + .sdgs-goal-box-list-item {
        margin-top: calc(6 / var(--font) * 1rem);
    }
    .sdgs-goal-box-list-item-text {
        display: flex;
        align-items: start;
    }
    .sdgs-goal-box-list-item-text::before {
        content: "";
        display: block;
        background: var(--goal-color);
        width: calc(14 / var(--font) * 1rem);
        aspect-ratio: 1 / 1;
        border-radius: 100%;
        margin-top: calc(4 / var(--font) * 1rem);
    }
    .sdgs-goal-box-list-item-text__label {
        font-size: calc(14 / var(--font) * 1rem);
        font-weight: bold;
        font-feature-settings: "palt";
        line-height: 1.5;
    }
    .sdgs-goal-box-read-text {
        margin-top: calc(16 / var(--font) * 1rem);
    }
    .sdgs-goal-box-read-cat-list {
        display: flex;
        justify-content: center;
        gap: calc(2 / var(--font) * 1rem);
        margin-top: calc(17 / var(--font) * 1rem);
    }
    .sdgs-goal-box-read-cat-list-item {
        max-width: calc(65 / var(--font) * 1rem);
        width: 100%;
    }
    .sdgs-goal-cat-card {
    }
}

/* --------------------------------------------------------------------------
SDGS-CONTRIBUTION
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .sdgs-column {
        display: flex;
    }
    .sdgs-column-img {
    }
    .sdgs-column-read {
    }
    .sdgs-column-read__inner {
    }
    .sdgs-column-read-text {
    }
    .sdgs-contribution-column {
        display: flex;
        align-items: start;
        gap: calc(24 / var(--font) * 1rem);
        margin-top: calc(20 / var(--font) * 1rem);
    }
    .sdgs-contribution-column-text {
    }
    .sdgs-contribution-column-img {
        width: calc(100 / var(--font) * 1rem);
        flex-shrink: 0;
    }
    .contribution-bg-content {
        max-width: calc(1049 / var(--font) * 1rem);
        margin: calc(48 / var(--font) * 1rem) auto 0;
    }
    .sdgs-contribution-section .mc-bg-content__inner {
        padding: 0 calc(32 / var(--font) * 1rem);
    }
    .contribution-box-column {
        display: flex;
        align-items: center;
        gap: calc(24 / var(--font) * 1rem);
    }
    .contribution-box-column-read {
        flex-grow: 1;
    }
    .contribution-box-heading {
        margin-bottom: calc(8 / var(--font) * 1rem);
    }
    .contribution-box-heading__label {
        font-family: var(--f-zen-kaku);
        font-size: calc(18 / var(--font) * 1rem);
        font-weight: bold;
        line-height: 1.5;
    }
    .contribution-box-text {
    }
    .contribution-box-column-img {
        width: calc(277 / var(--font) * 1rem);
        transition: var(--transition-all);
    }
    .contribution-box-column-img:hover {
        opacity: .7;
    }
}
@media all and (max-width: 767px) {
    .sdgs-contribution-column {
        display: flex;
        align-items: start;
        gap: calc(15 / var(--font) * 1rem);
        margin-top: calc(16 / var(--font) * 1rem);
    }
    .sdgs-contribution-column-text {
    }
    .sdgs-contribution-column-img {
        width: calc(65 / var(--font) * 1rem);
        flex-shrink: 0;
    }
    .contribution-bg-content {
        margin: calc(48 / var(--font) * 1rem) auto 0;
    }
    .sdgs-contribution-section .mc-bg-content__inner {
        padding: 0 calc(15 / var(--font) * 1rem);
    }
    .contribution-box-column {
    }
    .contribution-box-column-read {
        flex-grow: 1;
    }
    .contribution-box-heading {
        text-align: center;
        margin-bottom: calc(8 / var(--font) * 1rem);
    }
    .contribution-box-heading__label {
        font-family: var(--f-zen-kaku);
        font-size: calc(15 / var(--font) * 1rem);
        font-weight: bold;
        line-height: 1.5;
    }
    .contribution-box-text {
    }
    .contribution-box-column-img {
        display: block;
        width: calc(256 / var(--font) * 1rem);
        margin: calc(24 / var(--font) * 1rem) auto 0;
    }
}

/* --------------------------------------------------------------------------
SDGS-SOY
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .sdgs-soy-read {
    }
    .sdgs-soy-graph-list {
        display: flex;
        gap: calc(32 / var(--font) * 1rem);
        flex-wrap: wrap;
        max-width: calc(914 / var(--font) * 1rem);
        margin: calc(32 / var(--font) * 1rem) auto 0;
    }
    .sdgs-soy-graph-list-item {
        width: calc((100% - (32 / var(--font) * 1rem)) / 2);
    }
    .sdgs-soy-graph-card {
    }
    .sdgs-soy-graph-note {
        margin-top: calc(12 / var(--font) * 1rem);
    }
    .sdgs-soy-graph-note .mc-list {
        --list-line-height: 1.4;
    }
}
@media all and (max-width: 767px) {
    .sdgs-soy-read {
    }
    .sdgs-soy-graph-list {
        max-width: calc(300 / var(--font) * 1rem);
        margin: calc(18 / var(--font) * 1rem) auto 0;
    }
    .sdgs-soy-graph-list-item {
    }
    .sdgs-soy-graph-list-item + .sdgs-soy-graph-list-item {
        margin-top: calc(16 / var(--font) * 1rem);
    }
    .sdgs-soy-graph-card {
    }
    .sdgs-soy-graph-note {
        margin-top: calc(17 / var(--font) * 1rem);
    }
    .sdgs-soy-graph-note .mc-list {
        --list-line-height: 1.4;
    }
}

/* --------------------------------------------------------------------------
SDGS-WATER
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .sdgs-water-read {
    }
    .sdgs-water-column {
        display: flex;
        gap: calc(32 / var(--font) * 1rem);
        margin-top: calc(36 / var(--font) * 1rem);
    }
    .sdgs-water-column-img {
        border-radius: calc(20 / var(--font) * 1rem);
        overflow: hidden;
    }
}
@media all and (max-width: 767px) {
    .sdgs-water-read {
    }
    .sdgs-water-column {
        max-width: calc(300 / var(--font) * 1rem);
        margin: calc(18 / var(--font) * 1rem) auto 0;
    }
    .sdgs-water-column-img {
        border-radius: calc(10 / var(--font) * 1rem);
        overflow: hidden;
    }
    .sdgs-water-column-img + .sdgs-water-column-img {
        margin-top: calc(15 / var(--font) * 1rem);
    }
}

/* --------------------------------------------------------------------------
SDGS-PACKAGING
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .sdgs-packaging-column {
        display: flex;
        align-items: start;
        justify-content: space-between;
        gap: calc(20 / var(--font) * 1rem);
    }
    .sdgs-packaging-column-read {
        width: calc(712 / var(--font) * 1rem);
    }
    .sdgs-packaging-column-img {
        width: calc(349 / var(--font) * 1rem);
        border: solid 1px var(--c-gray-999);
        border-radius: calc(20 / var(--font) * 1rem);
        overflow: hidden;
        padding: calc(42 / var(--font) * 1rem) calc(20 / var(--font) * 1rem);
    }
    .sdgs-packaging-column-img__inner {
        width: calc(181 / 309 * 100%);
        margin: auto;
    }
    .sdgs-packaging-bell {
        margin: calc(40 / var(--font) * 1rem) auto 0;
        max-width: calc(1040 / var(--font) * 1rem);
    }
    .sdgs-packaging-bell-img {
    }
}
@media all and (max-width: 767px) {
    .sdgs-packaging-column {
    }
    .sdgs-packaging-column-read {
    }
    .sdgs-packaging-column-img {
        max-width: calc(250 / var(--font) * 1rem);
        border: solid 1px var(--c-gray-999);
        border-radius: calc(10 / var(--font) * 1rem);
        overflow: hidden;
        margin: calc(20 / var(--font) * 1rem) auto 0;
        padding: calc(24.5 / var(--font) * 1rem) calc(20 / var(--font) * 1rem);
    }
    .sdgs-packaging-column-img__inner {
        width: calc(90.5 / var(--font) * 1rem);
        margin: auto;
    }
    .sdgs-packaging-bell {
        margin: calc(40 / var(--font) * 1rem) auto 0;
        max-width: calc(345 / var(--font) * 1rem);
    }
    .sdgs-packaging-bell-img {
    }
}