.sdgs-ttl {
  font-size: 28px;
  font-weight: 600;
  color: var(--main);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .sdgs-ttl {
    font-size: 4.5333333333vw;
    line-height: 1.4;
  }
}
.sdgs-ttl span {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}

.sdgs-icon {
  margin-top: 146px;
}
@media screen and (max-width: 767px) {
  .sdgs-icon {
    margin-top: 9.3333333333vw;
  }
}

.sdgs-icon__logo {
  margin-bottom: 36px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .sdgs-icon__logo {
    width: 66.6666666667vw;
    margin: 0 auto 5.3333333333vw;
  }
}

.sdgs-icon__list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 19px;
}
@media screen and (max-width: 767px) {
  .sdgs-icon__list {
    gap: 1.3333333333vw;
  }
}

.sdgs-intro {
  margin: 100px 0;
}
@media screen and (max-width: 767px) {
  .sdgs-intro {
    margin: 9.3333333333vw 0;
  }
}

.sdgs-intro__txt {
  margin-top: 20px;
  font-size: 18px;
  color: var(--main);
  line-height: 1.3;
}
@media screen and (max-width: 767px) {
  .sdgs-intro__txt {
    margin-top: 4vw;
    font-size: 3.7333333333vw;
  }
}

.sdgs-container {
  background: #fff;
  width: 82.4074074074vw;
  max-width: 890px;
  margin: 70px auto 0;
  padding: 55px 8.7962962963%;
}
@media screen and (max-width: 767px) {
  .sdgs-container {
    width: 80vw;
    margin-top: 9.3333333333vw;
    padding: 6.6666666667vw;
  }
}

.sdgs-list {
  margin: 45px 0;
}
@media screen and (max-width: 767px) {
  .sdgs-list {
    margin: 6.6666666667vw 0;
  }
}
.sdgs-list li {
  font-size: 23px;
  font-weight: 500;
  color: var(--main);
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .sdgs-list li {
    font-size: 4vw;
  }
}
.sdgs-list li:nth-child(n+2) {
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .sdgs-list li:nth-child(n+2) {
    margin-top: 2.6666666667vw;
  }
}

.sdgs-item {
  display: flex;
  justify-content: center;
  gap: 0 24px;
}
@media screen and (max-width: 767px) {
  .sdgs-item {
    gap: 0 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .sdgs-item li {
    width: 18.6666666667vw;
  }
}

.sdgs-pdf {
  margin-top: 135px;
}
@media screen and (max-width: 767px) {
  .sdgs-pdf {
    margin-top: 13.3333333333vw;
  }
}