@charset "utf-8";
/* growth */
.wrap.growth {padding: 200px 20px;}
/* feedback */
.wrap.feedback {background-color: rgba(0, 32, 96, 0.1);}
.wrap.step .block .step-list ul {list-style: none; display: flex; flex-direction: column; gap: 50px;}
.wrap.step .block .step-list ul li {background-color: #fff; border-radius: 1.56vw; position: relative;}
.wrap.step .block .step-list ul li .step {padding: 3.5vw 7vw;}
.wrap.step .block .step-list ul li .step .ttl { margin: 0 auto 50px;}
.wrap.step .block .step-list ul li .step .ttl h4 {font-size: 20px; border-bottom: 1px solid #222;}
.wrap.step .block .step-list ul li .step .ttl .subttl {font-size: 12px;}
.wrap.step .block .step-list ul li .step .box {display: flex;}
.wrap.step .block .step-list ul li .step .box .text {width: 50%;}
.wrap.step .block .step-list ul li .step .box .img {width: 50%; padding: 0 0 0 2vw;}
@media screen and (max-width:1080px) {
    .wrap.step .block .step-list ul li .step {padding: 70px 3vw;}
    .wrap.step .block .step-list ul li .step .box {display: block;}
    .wrap.step .block .step-list ul li .step .box .text {width: 100%;}
    .wrap.step .block .step-list ul li .step .box .img {width: 100%; padding: 2vw 0 0 0;}
    .wrap.step .block .step-list ul li .step .box .img img {max-width: 600px; margin: 0 auto;}
}
@media screen and (max-width:768px) {
    .wrap.step .block h3 {font-size: 20px;}
    .wrap.step .block h3 span {font-size: 10px;}
    .wrap.step .block .step-list ul li .step .box .text h4 {font-size: 18px;}
}
/* navigation */
.service-list {padding: 200px 0;}
.service-list li .desc .box.sdgs {position: relative;}
.service-list li .desc .box.sdgs::before {position: absolute; content: ""; background: no-repeat url(../img/sdgs/logo_yoko.webp) center/contain; width: 200px; height: 72px; top: 0; left: 50px;}
@media screen and (max-width:1280px) {
    .service-list li .desc .box.sdgs::before {top: 50px;}
}
@media screen and (max-width:768px) {
    .service-list {padding: 150px 0;}
    .service-list li .desc .box.sdgs::before {width: 150px; height: 54px; top: 0; left: 20px;}
}