#main.sdgs{
    padding-top:20px;
}

#main.sdgs section{
    margin-top:40px;
}

#main.sdgs section:nth-child(n+2){
    margin-top:100px;
}

#main.sdgs section h2{
    text-align: left;
    color:#0064B9;
    font-size:24px;
    font-weight: bold;
    border-bottom:solid 1px #FAA400;
    margin-bottom:2.4rem;
    padding-bottom:4px;
}

#main.sdgs P{
    font-size:16px;
    line-height: 1.6; 
    text-align: justify;
}

#main.sdgs section .imgBox{
    margin:36px auto;
    padding:10px 20px;
    max-width:840px;
}

#main.sdgs section .imgBox img{
    width:100%;
    max-width:100%;
}

#main.sdgs section .note{
    text-align: right;
    margin-top:20px;
}

#main.sdgs section .note a{
    font-size:12px;
    color:#666;
    text-decoration: underline;
}

#main.sdgs section .note a:hover{
    color:#777;
}

#main.sdgs section .goals{
    display: flex;
    margin:50px auto;
    gap:24px;
    flex-wrap: wrap;
    max-width:930px;

}

#main.sdgs section .goals div{
    background-color: #F5FAFF;
    border-radius:12px;
    padding:24px;
    text-align:center;
    flex: 0 0 calc((100% - 24px) / 2);
    box-sizing: border-box;
}

#main.sdgs section .goals div .goals_img{
    display: block;
    margin:0 auto;
    width:60%;
    max-width:160px;
}

#main.sdgs section .goals div p{
    text-align:left;
}