.c-title_hero__inner {
  margin-bottom: min(6.25vw, 90px) !important;
}
@media only screen and (max-width: 767px) {
  .c-title_hero__inner {
    margin-bottom: unset;
  }
}

.sustainability-impact-story-title-logo {
  width: min(40.278vw, 580px);
}
@media only screen and (max-width: 767px) {
  .sustainability-impact-story-title-logo {
    width: 84.615vw;
  }
}

.sustainability-impact-story {
  margin-bottom: var(--space-120);
}
@media only screen and (max-width: 767px) {
  .sustainability-impact-story {
    margin-bottom: var(--space-80);
  }
}
.sustainability-impact-story__inner {
  margin-inline: auto;
  width: var(--container-width-pc);
}
@media only screen and (max-width: 767px) {
  .sustainability-impact-story__inner {
    width: var(--container-width-sp);
  }
}
.sustainability-impact-story__section {
  display: flex;
  flex-direction: column;
  gap: var(--space-60);
}
@media only screen and (max-width: 767px) {
  .sustainability-impact-story__section {
    gap: var(--space-40);
  }
}
.sustainability-impact-story__introduction > p {
  font-family: var(--family-jp);
  font-size: var(--size-16px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .sustainability-impact-story__introduction > p {
    font-size: var(--size-16px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .sustainability-impact-story__introduction > p {
    font-family: var(--family-jp);
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .sustainability-impact-story__introduction > p {
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
.sustainability-impact-story__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: start;
  -moz-column-gap: min(2.083vw, 30px);
       column-gap: min(2.083vw, 30px);
  row-gap: var(--space-60);
}
@media only screen and (max-width: 767px) {
  .sustainability-impact-story__list {
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 3.59vw;
         column-gap: 3.59vw;
    row-gap: var(--space-40);
  }
}
@media only screen and (max-width: 767px) {
  .sustainability-impact-story .c-content_linkbox.size--medium {
    width: 40.769vw;
  }
}
@media only screen and (max-width: 767px) {
  .sustainability-impact-story .c-content_linkbox.size--medium .c-content_linkbox__image {
    width: 40.769vw;
    height: 23.077vw;
  }
}
@media only screen and (max-width: 767px) {
  .sustainability-impact-story .c-content_linkbox.size--medium .c-content_linkbox__image::before {
    background-image: url("/assets/img/component/parts/c-content_linkbox_size--small_sp.svg");
  }
}
@media only screen and (max-width: 767px) {
  .sustainability-impact-story .c-content_linkbox.size--medium .c-content_linkbox__image img {
    -webkit-mask-image: url("/assets/img/component/mask/c-content_linkbox_small.svg");
            mask-image: url("/assets/img/component/mask/c-content_linkbox_small.svg");
    -webkit-mask-size: 40.769vw 23.077vw;
            mask-size: 40.769vw 23.077vw;
  }
}
@media only screen and (max-width: 767px) {
  .sustainability-impact-story .c-content_linkbox.size--medium .c-content_linkbox__overview {
    gap: var(--space-5);
  }
}
@media only screen and (max-width: 767px) {
  .sustainability-impact-story .c-content_linkbox.size--medium .c-content_linkbox__title {
    font-family: var(--family-jp);
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .sustainability-impact-story .c-content_linkbox.size--medium .c-content_linkbox__title {
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
.sustainability-impact-story .c-content_linkbox.size--medium .c-content_linkbox__description {
  font-family: var(--family-jp);
  font-size: var(--size-14px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .sustainability-impact-story .c-content_linkbox.size--medium .c-content_linkbox__description {
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .sustainability-impact-story .c-content_linkbox.size--medium .c-content_linkbox__description {
    font-family: var(--family-jp);
    font-size: var(--size-12px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .sustainability-impact-story .c-content_linkbox.size--medium .c-content_linkbox__description {
    font-size: var(--size-12px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .sustainability-impact-story .c-content_linkbox.size--medium .c-content_linkbox__button {
    width: 4.615vw;
    height: 4.615vw;
  }
}
.sustainability-impact-story .c-content_linkbox.size--medium .c-content_linkbox__button-icon {
  position: absolute;
  overflow: hidden;
  display: inline-block;
  width: min(1.944vw, 28px);
  height: min(1.944vw, 28px);
  border-radius: 50%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/assets/img/component/icon/icon-circle_primary-red.svg");
}
@media only screen and (max-width: 767px) {
  .sustainability-impact-story .c-content_linkbox.size--medium .c-content_linkbox__button-icon {
    width: 4.615vw;
    height: 4.615vw;
  }
}
.sustainability-impact-story .c-content_linkbox.size--medium .c-content_linkbox__button-icon::before, .sustainability-impact-story .c-content_linkbox.size--medium .c-content_linkbox__button-icon::after {
  position: absolute;
  display: inline-block;
  content: "";
  top: 50%;
  left: 51.5%;
  transition: transform 0.8s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.8s cubic-bezier(0.86, 0, 0.07, 1), background-image var(--ease-in-out-300);
  width: min(0.393vw, 5.6543999985px);
  height: min(0.71vw, 10.2274666756px);
  background-position: center;
  background-size: min(0.393vw, 5.6543999985px) min(0.71vw, 10.2274666756px);
  background-repeat: no-repeat;
  background-image: url("/assets/img/component/icon/icon-arrow_white.svg");
}
@media only screen and (max-width: 767px) {
  .sustainability-impact-story .c-content_linkbox.size--medium .c-content_linkbox__button-icon::before, .sustainability-impact-story .c-content_linkbox.size--medium .c-content_linkbox__button-icon::after {
    width: 0.932vw;
    height: 1.686vw;
    background-size: 0.932vw 1.686vw;
  }
}
.sustainability-impact-story .c-content_linkbox.size--medium .c-content_linkbox__button-icon::before {
  transform: translate(-51.5%, -50%) translateX(0);
  opacity: 1;
}
.sustainability-impact-story .c-content_linkbox.size--medium .c-content_linkbox__button-icon::after {
  transform: translate(-51.5%, -50%) translateX(max(-3.889vw, -56px));
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .sustainability-impact-story .c-content_linkbox.size--medium .c-content_linkbox__button-icon::after {
    transform: translate(-51.5%, -50%) translateX(max(-2.5vw, -36px));
  }
}
@media print, screen and (min-width: 768px) {
  .sustainability-impact-story .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon {
    position: absolute;
    overflow: hidden;
    display: inline-block;
    width: min(1.944vw, 28px);
    height: min(1.944vw, 28px);
    border-radius: 50%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("/assets/img/component/icon/icon-circle_primary-red.svg");
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .sustainability-impact-story .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon {
    width: 4.615vw;
    height: 4.615vw;
  }
}
@media print, screen and (min-width: 768px) {
  .sustainability-impact-story .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::before, .sustainability-impact-story .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::after {
    position: absolute;
    display: inline-block;
    content: "";
    top: 50%;
    left: 51.5%;
    transition: transform 0.8s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.8s cubic-bezier(0.86, 0, 0.07, 1), background-image var(--ease-in-out-300);
    width: min(0.393vw, 5.6543999985px);
    height: min(0.71vw, 10.2274666756px);
    background-position: center;
    background-size: min(0.393vw, 5.6543999985px) min(0.71vw, 10.2274666756px);
    background-repeat: no-repeat;
    background-image: url("/assets/img/component/icon/icon-arrow_white.svg");
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .sustainability-impact-story .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::before, .sustainability-impact-story .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::after {
    width: 0.932vw;
    height: 1.686vw;
    background-size: 0.932vw 1.686vw;
  }
}
@media print, screen and (min-width: 768px) {
  .sustainability-impact-story .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::before {
    transform: translate(-51.5%, -50%) translateX(0);
    opacity: 1;
  }
  .sustainability-impact-story .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::after {
    transform: translate(-51.5%, -50%) translateX(max(-3.889vw, -56px));
    opacity: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .sustainability-impact-story .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::after {
    transform: translate(-51.5%, -50%) translateX(max(-2.5vw, -36px));
  }
}
@media print, screen and (min-width: 768px) {
  .sustainability-impact-story .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::before {
    transform: translate(-51.5%, -50%) translateX(min(3.889vw, 56px));
    opacity: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .sustainability-impact-story .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::before {
    transform: translate(-51.5%, -50%) translateX(min(2.5vw, 36px));
  }
}
@media print, screen and (min-width: 768px) {
  .sustainability-impact-story .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::after {
    transform: translate(-51.5%, -50%) translateX(0);
    opacity: 1;
  }
}/*# sourceMappingURL=sustainability-impact-story.css.map */