@charset "UTF-8";
/* =====================
  sdgs-intro
===================== */
.sdgs-support {
  margin-bottom: 40rem;
  text-align: center;
}
.sdgs-support_logo_taiho {
  border-bottom: var(--border) var(--list-border-gray);
  margin: 0 auto;
  padding-bottom: 24rem;
  width: 230rem;
  img {
    width: 154rem;
    aspect-ratio: 154 / 55;
  }
}
.sdgs-support_logo_sdgs {
  padding-top: 24rem;
  img {
    width: 286rem;
    aspect-ratio: 286 / 36;
  }
}
.sdgs-support_text {
  margin-top: 24rem;
  font-size: 13rem;
}
.sdgs-intro_img {
  display: block;
  img {
    width: 100%;
    aspect-ratio: 976 / 608;
  }
}
.sdgs-intro_text {
  padding-top: 24rem;
}
.sdgs-slide {
  padding-bottom: var(--section-bottom);
  .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
  }
  .swiper-slide {
    width: 216rem;
  }
}
.sdgs-slide_img {
  width: 100%;
  aspect-ratio: 216 / 144;
}

/* =====================
  initiative
===================== */
.initiative-icon_wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: 12rem;
  margin-bottom: 40rem;
  img {
    width: 100%;
    aspect-ratio: 1 / 1;
    &:nth-child(4),
    &:nth-child(5),
    &:nth-child(6),
    &:nth-child(7) {
      grid-row: 2 / 3;
    }
    &:nth-child(4) {
      grid-column: 1 / 2;
    }
    &:nth-child(5) {
      grid-column: 2 / 3;
    }
    &:nth-child(6) {
      grid-column: 3 / 4;
    }
    &:nth-child(7) {
      grid-column: 4 / 5;
    }
  }
}
.initiative-item {
  position: relative;
  + .initiative-item {
    margin-top: 24rem;
  }
  &:nth-child(1),
  &:nth-child(2),
  &:nth-child(3) {
    &::after {
      position: absolute;
      font-size: 32rem;
      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_img {
  img {
    width: 100%;
    aspect-ratio: 310 / 192;
    border-radius: var(--img-round);
  }
}
.initiative-item_text {
  margin-top: 24rem;
  h4 {
    margin-top: 16rem;
    margin-bottom: 4rem;
  }
}
.initiative-item_icon {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  column-gap: 8rem;
  margin-top: 24rem;
  img {
    width: 70rem;
    aspect-ratio: 1 / 1;
  }
}