/* 20231114 add SDGs */
.sdgs{
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  width: 100%;
  padding-top: 2.4rem;
}

.sdgs-mainImage{
  width: 100%;
  max-width: 80rem;
  padding-bottom: 4.0rem;
  margin: 0 auto;
}

.sdgs-block{
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  width: 100%;
}

.sdgs-imageList{
  display: flex;
  gap: 8px;
}

.sdgs-imageList-item{
  width: 24.0rem;
}

.sdgs-textList{
  display: flex;
  flex-direction: column;
  width: 100%;
}

.sdgs-textList-item{
  color: #555;
  font-size: 1.4rem;
  line-height: 1.8;
}

@media only screen and (max-width: 768px) {
  .sdgs{
    gap: 1.4rem;
  }

  .sdgs-block{
    gap: 1.4rem;
  }

  .sdgs-imageList-item{
    width: calc((100% - 0.5rem) / 2);
  }
}