@charset "utf-8";
/* CSS Document */
.sdgs.page .sec:not(:last-of-type){
    margin-bottom: 30px;
}
.sdgs.page .sec{ padding-top: 20px;}


.sdgs #sdgs00 .img{
    text-align: center;
    margin-bottom: 50px;
}
.sdgs #sdgs00 p.lead{ margin-bottom: 20px;}

.sdgs #sdgs00 .midashi{margin-bottom: 40px; margin-top: 10px;}
.sdgs #sdgs00 .midashi li{ margin-bottom: 5px;}

.sdgs h3{
    margin: 0 auto 30px auto;
    font-size: 2.0rem;
    color: #2e2e2e;
    font-weight: 600;
    letter-spacing: 0.24rem;
}

.sdgs .goals_img{
    letter-spacing: -100px;
}
.sdgs .goals_img img{
    letter-spacing: 0;
    margin-right: 10px;
}

.sdgs .link_list li{
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.sdgs .link_list li:before{
    content: '◇';
    margin-right: 5px;
}
.sdgs .img_list{
    margin-top: 30px;
    letter-spacing: -100px;
}
.sdgs .img_list li{
    letter-spacing: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.sdgs .imgBox{
    margin-top: 20px;
    display: flex;
}
.sdgs .imgBox a{
    border:double 1px #00acd1;

}
.sdgs .imgBox .box01{
    display: flex;
    flex-direction: row;
    margin-right: 5px;
}
.sdgs .imgBox .box01 a{ width: 200px; height: 285px;}
.sdgs .imgBox .box01 a:first-of-type{ margin-right: 5px;}

.sdgs .imgBox .box02{
    display: flex;
    flex-direction: column;
}
.sdgs .imgBox .box02 a{ width: 199px; height: 139px;}
.sdgs .imgBox .box02 a:first-of-type{ margin-bottom: 5px;}

.sdgs .imgBox .box03{
    display: flex;
    flex-direction: column;
}
.sdgs .imgBox .box03 a{ width: 300px; height: 230px;}
.sdgs .imgBox .box03 a:first-of-type{ margin-bottom: 5px;}