@charset "utf-8";

/* -----------second-mv----------- */
.second-mv__title-en{
    text-transform: none;
}




/* ------------------sdgs-------------- */
.sdgs{
    padding: 104px 0 136px;
}

.sdgs__title{
    margin-bottom: 40px;
}

.sdgs__title-en{
    text-transform: none;
}

.sdgs__text{
    margin-bottom: 88px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    color: var(--color-text-primary);
}

.sdgs__image{
    width: 880px;
    margin: 0 auto;
}

.sdgs__image img{
    display: block;
    width: 100%;
}




/* ---------------------initiatives------------------ */
.initiatives{
    padding: 104px 0 136px;
    background-color: var(--bg_gray);
}


.initiatives__title{
    margin-bottom: 40px;
}

.initiatives__title-ja{
    color: var(--color-text-primary);
}

.initiatives__title-en{
    color: var(--primary);
}


.initiatives-list__item{
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 64px;
}

.initiatives-list__item:last-child{
    margin-bottom: 0;
}

.initiatives-item__image{
    width: 530px;
}

.initiatives-item__image img{
    display: block;
    width: 100%;
}

.initiatives-item__inner{
    width: calc(100% - 530px);
    padding: 64px 80px;
    background-color: var(--white);
}

.initiatives-item__title{
    margin-bottom: 40px;
}

.initiatives-item__text{
    margin-bottom: 40px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    color: var(--color-text-primary);
}

.initiatives-item__text span{
    display: block;
    white-space: nowrap;
}

.initiatives-item__inner-sdgs{
    display: flex;
    column-gap: 16px;
}

.initiatives-item__sdg{
    width: 80px;
}

.initiatives-item__sdg img{
    display: block;
    width: 100%;
}






@media screen and (max-width:750px) {

    /* ------------------sdgs-------------- */
    .sdgs{
        padding: calc((100 / 390) * 56 * 1vw) 0 calc((100 / 390) * 72 * 1vw);
    }

    .sdgs__title{
        margin-bottom: calc((100 / 390) * 32 * 1vw);
    }

    .sdgs__text{
        margin-bottom: calc((100 / 390) * 40 * 1vw);
        font-size: calc((100 / 390) * 15 * 1vw);
    }

    .sdgs__image{
        width: 100%;
    }


    /* ---------------------initiatives------------------ */
    .initiatives{
        padding: calc((100 / 390) * 56 * 1vw) 0 calc((100 / 390) * 72 * 1vw);
    }


    .initiatives__title{
        margin-bottom: calc((100 / 390) * 32 * 1vw);
    }



    .initiatives-list__item{
        display: block;
        margin-bottom: calc((100 / 390) * 40 * 1vw);
    }


    .initiatives-item__image{
        width: 100%;
    }


    .initiatives-item__inner{
        width: 100%;
        padding: calc((100 / 390) * 40 * 1vw) calc((100 / 390) * 24 * 1vw);
    }

    .initiatives-item__title{
        margin-bottom: calc((100 / 390) * 32 * 1vw);
    }

    .initiatives-item__text{
        margin-bottom: calc((100 / 390) * 32 * 1vw);
        font-size: calc((100 / 390) * 15 * 1vw);
    }

    .initiatives-item__text span{
        display: block;
        white-space: normal;
    }
    

    .initiatives-item__inner-sdgs{
        column-gap: calc((100 / 390) * 16 * 1vw);
    }

    .initiatives-item__sdg{
        width: calc((100 / 390) * 72 * 1vw);
    }



}