@charset "utf-8";

/*------------ 全体 共通 ------------*/
.content_area.sustainability {
    padding-bottom: 138px;
}

.sustainability .sec_ttl {
    margin-bottom: 48px;
}

.sustainability .column_02 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 !important;

}

.sustainability .column_02>div {
    width: 46.9%;
    margin-right: 6.2%;
    box-sizing: border-box;
}

.sustainability .column_02>div:nth-child(2n) {
    margin: 0;
}

/*------------ catch ------------*/
.sustainability .catch_box {
    padding-bottom: 75px;
}

/*------------ attempt ------------*/
#attempt {
    padding-bottom: 86px;
}

.attempt_img {
    margin-bottom: 57px;
}

#attempt p {
    line-height: 2.3333;
}

#attempt p:last-child {
    margin-bottom: 0;
}

/*------------ sdgs ------------*/

.sustainability .sdgs_box {
    padding-bottom: 61px;
    margin: 0 !important;
}

.sdgs_img {
    margin-bottom: 58px;
}

.sdgs_box_txt p {
    line-height: 2.3333;
}

.sdgs_box_txt p:last-child {
    letter-spacing: 0;
    margin-bottom: 0;
}

.sdgs_box_img {
    margin-top: 7px !important;
}

.sdgs_box_img img {
    margin-left: auto;
}

/* about_sdgs */
.about_sdgs {
    padding-top: 90px;
    margin: 0 !important;
    position: relative;
}

.about_sdgs::before {
    position: absolute;
    content: "";
    width: 100vw;
    min-width: 1300px;
    height: calc(100% + 350px);
    background: #F2F4FA;
    top: 0;
    left: 50%;
    z-index: -10;
    transform: translateX(-50%);
}

.about_sdgs_img {
    margin-top: 9px;
}

.about_sdgs_txt h3 {
    font-size: 1.7rem;
    line-height: 1.4;
    margin: 0 0 4px;
}

.about_sdgs_txt p {
    letter-spacing: 0;
    line-height: 2;
}

.about_sdgs_txt p:last-child {
    margin-bottom: 0;
}


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

    /*------------ 全体 共通 ------------*/
    .sustainability .sec_ttl {
        margin-bottom: 20px;
    }

    .sustainability .column_02>div {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    /*------------ catch ------------*/
    .sustainability .catch_box {
        padding-bottom: 55px;
    }

    /*------------ attempt ------------*/
    #attempt {
        padding-bottom: 75px;
    }

    .attempt_img {
        margin-bottom: 15px;
    }

    /* #attempt p {
        line-height: 2.3333;
    }

    #attempt p:last-child {
        margin-bottom: 0;
    } */

    /*------------ sdgs ------------*/

    .sustainability .sdgs_box {
        padding-bottom: 55px;
        /* margin: 0 !important; */
    }





    .sdgs_img {
        margin-bottom: 15px;
    }

    /* .sdgs_box_txt p {
        line-height: 2.3333;
    }

    .sdgs_box_txt p:last-child {
        letter-spacing: 0;
        margin-bottom: 0;
    } */

    .sdgs_box_img {
        margin-top: 0 !important;
    }

    .sdgs_box_img img {
        margin: auto;
    }

    /* about_sdgs */
    .about_sdgs {
        padding-top: 55px;
        /* margin: 0 !important; */
        /* position: relative; */
        flex-direction: column-reverse;
    }

    .about_sdgs::before {
        /* position: absolute;
        content: "";
        width: 100vw; */
        min-width: auto;
        height: calc(100% + 210px);
        /* background: #F2F4FA;
        top: 0;
        left: 50%;
        z-index: -10;
        transform: translateX(-50%); */
    }

    .about_sdgs_img {
        margin: 20px 0 0 !important;
    }

    .about_sdgs_txt h3 {
        font-size: 1.5rem;
        /* line-height: 1.4; */
        margin: 0 0 8px;
    }

    /* .about_sdgs_txt p {
        line-height: 2;
    }

    .about_sdgs_txt p:last-child {
        margin-bottom: 0;
    } */


}