@charset "utf-8";

/*--------------------------------------------------------------
  environment
--------------------------------------------------------------*/
#environment #main .main-content.environment {
    display: flex;
    padding: 0 20px;
}

#environment #main .main-content.environment .column-2 {
    flex-wrap: nowrap;
}

#environment #main .main-content.environment .bnr {
    margin-top: 20px;
}

#environment #main .main-content.environment .text-area {
    width: 65%;
    margin-right: 20px;
}

#environment #main .main-content.environment .img-area img {
    height: 149px;
}

#environment #main .main-content.governor .text-area > p,
#environment #main .main-content.governor .text-area > div {
    padding: 0 20px;
}

#environment #main .main-content.nextgen .column-4 > * {
    width: 27%;
}

#environment #main .main-content.nextgen .column-4 > *:last-child {
    width: 150px;
    margin: 200px 20px 0 0;
}

#environment #main .main-content.nextgen h3::before {
    margin-right: 0;
}

#environment #main .main-content.kurumin .text-area p,
#environment #main .main-content.nextgen {
    padding: 0 20px;
}

#environment #main .main-content.kurumin .img-area {
    display: flex;
}

#environment #main .main-content.kurumin .img-area p:first-child {
    margin-right: 20px;
    padding: 0 20px;
}

#environment #main .main-content.commendation,
#environment #main .main-content.commendation p {
    padding: 0 20px;
}


/*--------------------------------------------------------------
  responsive - sp
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
    #environment.sub-page #main .main-content .text-area {
        padding: 0;
    }

    #environment #main .main-content img {
        width: 100%;
    }

    #environment #main .main-content.environment {
        display: block;
    }

    #environment #main .main-content.environment .text-area {
        width: 100%;
        margin-right: 0;
    }

    #environment.sub-page #main .main-content .text-area p {
        margin-bottom: 25px;
    }

    #environment.sub-page #main .column-4 {
        display: block;
    }

    #environment #main .main-content.nextgen .column-4 > * {
        width: 100%;
        margin-bottom: 25px;
    }

    #environment #main .main-content.nextgen .column-4 > *:last-child {
        width: 80%;
        margin: 0 auto;
    }

    #environment #main .main-content.commendation,
    #environment #main .main-content.commendation p {
        padding: 0;
    }

    #environment #main .main-content.commendation .column-2 > * {
        margin-bottom: 25px;
    }
}