@charset "UTF-8";
/* =====================
  sdgs-intro
===================== */
.sdgs-support {
  margin-bottom: 80rem;
}
.sdgs-support_logo {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sdgs-support_logo_taiho {
  padding-right: 64rem;
  border-right: var(--border) var(--list-border-gray);
  img {
    width: 208rem;
    aspect-ratio: 208 / 74;
  }
}
.sdgs-support_logo_sdgs {
  padding-left: 64rem;
  img {
    width: 460rem;
    aspect-ratio: 460 / 58;
  }
}
.sdgs-support_text {
  margin-top: 32rem;
  font-size: 14rem;
}
.sdgs-intro_img,
.sdgs-intro_text {
  width: 976rem;
  margin: 0 auto;
}
.sdgs-intro_img {
  display: block;
  img {
    width: 100%;
    aspect-ratio: 976 / 608;
  }
}
.sdgs-intro_text {
  padding-top: 40rem;
}
.sdgs-slide {
  padding-bottom: var(--section-bottom);
  .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
  }
  .swiper-slide {
    width: 480rem;
  }
}
.sdgs-slide_img {
  width: 100%;
  aspect-ratio: 480 / 320;
}

/* =====================
  initiative
===================== */
.initiative-icon_wrap {
  display: grid;
  grid-template-columns: repeat(8, 136rem);
  column-gap: 16rem;
  margin-bottom: 80rem;
  img {
    width: 100%;
    aspect-ratio: 1 / 1;
  }
}
.initiative-item {
  position: relative;
  + .initiative-item {
    margin-top: 40rem;
  }
  &:nth-child(1),
  &:nth-child(2),
  &:nth-child(3) {
    &::after {
      position: absolute;
      font-size: 64rem;
      font-family: var(--sans-serif);
      line-height: 1.3;
      color: rgb(0 68 124 / 0.1);
      top: var(--box-top02);
      right: var(--box-both02);
    }
  }
  &:nth-child(1) {
    margin-top: 0;
    &::after {
      content: '01';
    }
  }
  &:nth-child(2) {
    &::after {
      content: '02';
    }
  }
  &:nth-child(3) {
    &::after {
      content: '03';
    }
  }
}
.initiative-item_wrap {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 72rem;
}
.initiative-item_img {
  img {
    width: 465rem;
    aspect-ratio: 465 / 375;
    border-radius: var(--img-round);
  }
}
.initiative-item_text {
  margin-top: 24rem;
  h4 {
    margin-top: 24rem;
    margin-bottom: 4rem;
  }
}
.initiative-item_icon {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  column-gap: 8rem;
  margin-top: 40rem;
  img {
    width: 80rem;
    aspect-ratio: 1 / 1;
  }
}