/* MV */
.brand .heading--primary.imgBg {
    background-image: url(../../img/mv_brand.webp);
}

@media screen and (max-width: 767.9px) {
    .brand .heading--primary.imgBg {
        margin-bottom: 37rem;
    }
}

/* plan */
.plan {
    padding-top: 0;
}

.plan .lead:nth-child(1) {
    letter-spacing: -.025em;
}

.plan .heading--primary {
    margin: 49rem 0;
}

.plan__link {
    margin: 60rem auto 40rem;
    display: block;
}
.logo {
    width: 335rem;
    margin: 0 auto;
    display: block;
}

@media screen and (max-width: 767.9px) {
    .plan .lead:nth-child(1) {
        letter-spacing: -.01em;
    }

    .plan .heading--primary {
        margin: 20rem 0 31rem;
    }

    .plan__link {
        margin: 39rem auto 20rem;
    }
}

/* company */
.company {
    background-color: var(--color-green-light);
    padding-bottom: 97rem;
}

.company .container {
    width: 1052rem;
}

.scroll__wrapper {
    margin-top: 107rem;
}

@media screen and (max-width: 767.9px) {
    .company {
        padding-top: 60rem;
        padding-bottom: 56rem;
    }

    .company .container {
        width: 335rem;
    }

    .scroll__img {
        width: 934rem;
        padding-bottom: 36rem;
    }

    .scroll__wrapper {
        margin-top: 33rem;
    }
}

/* sdgs */
.sdgs {
    padding-top: 119rem;
}

.sdgs .heading--secondary {
    margin-bottom: 23rem;
}

.sdgs .lead {
    margin: 50rem 0 11rem;
}

.sdgs__lists {
    display: grid;
    grid-template:
        "sdg03 sdg08 sdg13" 100rem
        "sdg04 sdg11 sdg15" 100rem
        "sdg06 sdg12 sdg17" 100rem
        / 322rem 322rem 322rem;
    gap: 20rem 29rem;
}

.sdgs--03 {
    grid-area: sdg03;
}

.sdgs--04 {
    grid-area: sdg04;
}

.sdgs--06 {
    grid-area: sdg06;
}

.sdgs--08 {
    grid-area: sdg08;
}

.sdgs--11 {
    grid-area: sdg11;
}

.sdgs--12 {
    grid-area: sdg12;
}

.sdgs--13 {
    grid-area: sdg13;
}

.sdgs--15 {
    grid-area: sdg15;
}

.sdgs--17 {
    grid-area: sdg17;
}

.sdgs__list {
    display: flex;
    flex-direction: row-reverse;
    gap: 20rem;
    justify-content: flex-end;
}

.sdgs__img {
    width: 100rem;
}

.sdgs__text {
    width: 200rem;
    font-weight: 600;
    line-height: 1.5;
    padding-top: 14rem;
}

.note {
    font-size: 14rem;
    margin-top: 31rem;
}

@media screen and (max-width: 767.9px) {
    .sdgs {
            padding-top: 61rem;
        }
    .sdgs__lists {
        display: flex;
        flex-direction: column;
    }
        .sdgs .lead {
            margin: 30rem 0 11rem;
        }
}

.btn--bottom {
    margin: 33rem auto 50rem;
    letter-spacing: .1em;
    font-size: 16rem;
}

@media screen and (max-width: 767.9px) {
    .btn--bottom {
        margin: 19rem auto 22rem;
    }
}