.sdgs #hero{
    padding-top: 170px;
    text-align: center;
}

.sdgs .inner{
    width: 900px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 166px;
}

.sdgs #hero h2{
    font-size: 28px;
    font-weight: 400;
    line-height: 1.75;
    padding-bottom: 70px;
    letter-spacing: 6px;
    }

.sdgs #hero img.illust{
    max-width: 120px;
    margin: 0 auto;
}
    

/*intro*/
.sdgs #intro img.photo{
    width: 100%;
    max-width: 580px;
    margin: 0 auto;
}


.sdgs #intro img.illust{
    width: 100%;
    max-width: 445px;
    margin: 130px auto 0px;
}


.sdgs #intro p.text{
    max-width: 430px;
    text-align: justify;
    margin: 75px auto;
    line-height: 2;
}
.sdgs #intro .inner {
    border-bottom: 1px dotted #707070;
}

/*sgds-declaration*/
.sdgs #sgds-declaration{
padding-top:145px;
}

.sdgs #sgds-declaration h3{
    font-size: 25px;
    font-weight: 400;
    line-height: 1.75;
    padding-bottom: 85px;
    letter-spacing: 3px;
}


.sdgs #sgds-declaration .inner{
    border-bottom: 1px dotted #707070;
    padding-bottom: 100px;
}

.sdgs #sgds-declaration .item{
display: flex;
justify-content: flex-start;
gap: 25px;
max-width: 595px;
margin: 0 auto 55px;
}

.sdgs #sgds-declaration .item img{
width:100%;
max-width:108px;
max-height:108px;
}

.sdgs #sgds-declaration .item p.text{
    text-align: left;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 2;
    margin: -6px 0;
}

@media (max-width: 768px) {
.sdgs .inner {
    width: 90%;
    padding:40px 0px;
    }
.sdgs p.text {
        margin: 60px auto!important;
    }
.sdgs #hero {
        padding-top: 0px;
}
.sdgs #hero h2 {
        padding-bottom: 60px;
            font-size: 22px;
    }
.sdgs #hero img.illust {
    max-width: 140px;
}
.sdgs #intro img.illust {
    margin: 20px auto 0px;
    max-width: 275px;
}
.sdgs #sgds-declaration {
    padding-top: 40px;
}
.sdgs #sgds-declaration .item img {
    max-width: 64px;
    max-height:64px;

}
.sdgs #sgds-declaration .item p.text {
    margin: -10px 0 !important;
}
.sdgs #sgds-declaration .inner {
    padding-bottom: 40px;
}
}