@charset "utf-8";
/* philosophy */
#philosophy .wrap .inner {margin: 50px auto 0;}
#philosophy .wrap .inner .center {text-align: center;}
#philosophy .wrap .inner .bold {font-weight: bold;}
#philosophy .wrap .inner ol li {font-size: 22px; margin: 0 auto 30px;}
#philosophy .wrap .inner ol li:last-child {margin: 0 auto;}
@media screen and (max-width:768px) {
    #philosophy .wrap .inner ol li {font-size: 16px;}
}
/* sdgs */
.wrap.sdgs {padding: 0 20px 200px;}
.wrap.sdgs .block .step-list {margin: 50px auto 0;}
.wrap.sdgs .block .step-list ol {list-style: none; display: flex; flex-direction: column; gap: 50px;}
.wrap.sdgs .block .step-list ol>li {background-color: rgba(0, 32, 96, 0.1); border-radius: 1.56vw; position: relative; counter-increment: mycounter;}
.wrap.sdgs .block .step-list ol>li::before {font-size: 50px; font-weight: bold; position: absolute; top: 1.5vw; left: 1.5vw; line-height: 1; color: #fff; content: counter(mycounter, decimal-leading-zero);}
.wrap.sdgs .block .step-list ol li .step {padding: 1.75vw 7vw; display: flex;}
.wrap.sdgs .block .step-list ol li .step .text {width: 50%; padding: 1.75vw 0 0;}
.wrap.sdgs .block .step-list ol li .step .text .ttl { margin: 0 auto 50px;}
.wrap.sdgs .block .step-list ol li .step .text .ttl h4 {font-size: 20px; border-bottom: 1px solid #222;}
.wrap.sdgs .block .step-list ol li .step .text .ttl .subttl {font-size: 12px;}
.wrap.sdgs .block .step-list ol li .step .img {width: 50%; padding: 0 0 0 2vw;}
.wrap.sdgs .block .step-list ol li .step .img ul {list-style: none; display: flex; justify-content: end; gap: 2vw; margin: 0 auto 25px;}
.wrap.sdgs .block .step-list ol li .step .img ul li {max-width: 120px;}
@media screen and (max-width:1080px) {
    .wrap.sdgs .block .step-list ol li .step {padding: 70px 3vw;}
    .wrap.sdgs .block .step-list ol li .step {display: block;}
    .wrap.sdgs .block .step-list ol li .step .text {width: 100%;}
    .wrap.sdgs .block .step-list ol li .step .img {width: 100%; padding: 2vw 0 0 0;}
    .wrap.sdgs .block .step-list ol li .step .img img {max-width: 600px; margin: 0 auto;}
    .wrap.sdgs .block .step-list ol li .step .img ul {justify-content: center;}
    .wrap.sdgs .block .step-list ol li .step .img ul li {max-width: 80px;}
}
@media screen and (max-width:768px) {
    .wrap.sdgs {padding: 0 20px 150px;}
    .wrap.sdgs .block .step-list ol li .step .text h4 {font-size: 18px;}
}
/* trust */
#trust .wrap.blueback .area {color: #fff; padding: 300px 20px;}
#trust .wrap.blueback .area h2 {margin: 0 auto 100px;}
#trust .wrap.blueback .area h2 span {font-size: 50px;}
#trust .wrap.blueback .area p {font-size: 20px; text-align: center;}
@media screen and (max-width:768px) {
    #trust .wrap.blueback .area {padding: 200px 20px;}
    #trust .wrap.blueback .area h2 {margin: 0 auto 70px;}
    #trust .wrap.blueback .area h2 span {font-size: 30px;}
    #trust .wrap.blueback .area p {font-size: 14px;}
}