@charset "utf-8";
/* CSS Document */

.sdgs .wrap{ width: 92% !important;}

.sdgs.page .sec:not(:last-of-type){
    margin-bottom: 4.6% !important;
}
.sdgs.page .sec{ padding-top: 3.125% !important;}

.sdgs #sdgs00 .img{
    margin-bottom: 7.8% !important;
}
.sdgs #sdgs00 .midashi{margin-bottom: 6.25% !important;}

.sdgs h3{
    margin: 0 auto 4% auto !important;
}
.sdgs.page p{ line-height: 1.6;}

.sp .sdgs .goals_img{
    letter-spacing: normal;
}

.sdgs .goals_img img{
    margin-right: 5px !important;
    width: 22%;
    max-width: 150px;
}
.sdgs .img_list{
    margin-top: 4% !important;
    display: flex;
    justify-content: flex-start;
    letter-spacing: normal !important;
}
.sdgs .img_list li{
    margin-right: 5px !important;
    width: 33%;
    max-width: 250px;
}


.sdgs .imgBox{
    margin-top: 20px;
    display: block !important;
}
.sdgs .imgBox a{
    border:solid 1px #00acd1 !important;
    margin-bottom: 10px;
}

.sdgs .imgBox .box01,
.sdgs .imgBox .box02{
    display: flex;
    flex-direction: row !important;
    margin-right: 5px !important;
    justify-content: flex-start;
}
.sdgs .imgBox .box01 a{
    width: 100% !important;
    max-width: 200px;
    height: auto !important;
}
.sdgs .imgBox .box01 a:last-of-type{ margin-right: 0 !important;}

.sdgs .imgBox .box02 a{
    width: 100% !important;
    max-width: 199px;
    height: auto !important;
    margin: 0 5px 0 0;
}

.sp .sdgs .imgBox .box02 a:first-of-type{ margin-bottom: 0;}
.sdgs .imgBox .box02 a:last-of-type{ margin-right: 0;}