.p-sustainability-column {
  position: relative;
}
@media screen and (min-width: 835px) {
  .p-sustainability-column__link, .p-sustainability-column__block {
    display: flex;
    flex-wrap: wrap;
  }
  .p-sustainability-column__link.--reverse, .p-sustainability-column__block.--reverse {
    flex-direction: row-reverse;
  }
}
.p-sustainability-column__link.--reverse.--sp, .p-sustainability-column__block.--reverse.--sp {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 835px) {
  .p-sustainability-column__link.--reverse.--sp, .p-sustainability-column__block.--reverse.--sp {
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 834px) {
  .p-sustainability-column__link.--reverse.--sp, .p-sustainability-column__block.--reverse.--sp {
    flex-direction: column-reverse;
  }
  .p-sustainability-column__link.--reverse.--sp .p-sustainability-column__content, .p-sustainability-column__block.--reverse.--sp .p-sustainability-column__content {
    margin-top: 0;
  }
  .p-sustainability-column__link.--reverse.--sp .p-sustainability-column__image, .p-sustainability-column__block.--reverse.--sp .p-sustainability-column__image {
    margin-top: min(8.533vw, 35.2px);
  }
}
@media screen and (max-width: 834px) {
  .p-sustainability-column__link, .p-sustainability-column__block {
    display: block;
  }
}
@media screen and (min-width: 835px) {
  .p-sustainability-column__link + .p-sustainability-column__link, .p-sustainability-column__link + .p-sustainability-column__block, .p-sustainability-column__block + .p-sustainability-column__link, .p-sustainability-column__block + .p-sustainability-column__block {
    margin-top: min(5.556vw, 88px);
  }
}
@media screen and (max-width: 834px) {
  .p-sustainability-column__link + .p-sustainability-column__link, .p-sustainability-column__link + .p-sustainability-column__block, .p-sustainability-column__block + .p-sustainability-column__link, .p-sustainability-column__block + .p-sustainability-column__block {
    margin-top: min(10.667vw, 44px);
  }
}
@media screen and (min-width: 835px) {
  .p-sustainability-column__link {
    align-items: center;
  }
}
@media (hover: hover) {
  .p-sustainability-column__link:hover .p-sustainability-column__image img {
    transform: scale(1.2);
  }
  .p-sustainability-column__link:hover .p-sustainability-column__title {
    color: var(--text-link);
  }
}
@media screen and (min-width: 835px) {
  .p-sustainability-column__block {
    align-items: flex-start;
  }
}
@media screen and (min-width: 835px) {
  .p-sustainability-column__block.--center {
    align-items: center;
  }
}
.p-sustainability-column__image {
  display: block;
  position: relative;
}
@media screen and (min-width: 835px) {
  .p-sustainability-column__image {
    width: min(40.278vw, 638px);
  }
}
@media screen and (max-width: 834px) {
  .p-sustainability-column__image {
    width: 100%;
  }
}
.p-sustainability-column__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  overflow: hidden;
  transition: all 0.45s ease;
}
@media screen and (min-width: 835px) {
  .p-sustainability-column__image img {
    width: min(40.278vw, 638px);
    border-radius: min(0.556vw, 8.8px);
  }
}
@media screen and (max-width: 834px) {
  .p-sustainability-column__image img {
    width: 100%;
    border-radius: min(2.133vw, 8.8px);
  }
}
@media screen and (min-width: 835px) {
  .p-sustainability-column__image img + img {
    margin-top: min(2.778vw, 44px);
  }
}
@media screen and (max-width: 834px) {
  .p-sustainability-column__image img + img {
    margin-top: min(5.333vw, 22px);
  }
}
.p-sustainability-column__image.--border {
  border: var(--border) solid 1px;
}
@media screen and (min-width: 835px) {
  .p-sustainability-column__image.--small {
    width: min(30.208vw, 478.5px);
  }
}
.p-sustainability-column__content > *:first-child {
  margin-top: 0 !important;
}
.p-sustainability-column__content > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (min-width: 835px) {
  .p-sustainability-column__content {
    flex: 1;
    padding-left: min(5.556vw, 88px);
  }
  .--reverse .p-sustainability-column__content {
    padding-left: 0;
    padding-right: min(5.556vw, 88px);
  }
}
@media screen and (max-width: 834px) {
  .p-sustainability-column__content {
    margin-top: min(8.533vw, 35.2px);
  }
  .p-sustainability-column__content:has(.p-sustainability-column__title.--small) {
    margin-top: min(5.333vw, 22px);
  }
}
.p-sustainability-column__title {
  transition: color var(--duration);
}
.p-sustainability-column__text {
  line-height: var(--lh-200);
}
.p-sustainability-column__text + .p-sustainability-column__text {
  margin-top: 1.5em;
}
@media screen and (min-width: 835px) {
  .p-sustainability-column__button {
    margin-top: min(2.778vw, 44px);
  }
}
@media screen and (max-width: 834px) {
  .p-sustainability-column__button {
    margin-top: min(5.333vw, 22px);
  }
}
@media screen and (min-width: 835px) {
  .p-sustainability-column__button + .p-sustainability-column__button {
    margin-top: min(0.556vw, 8.8px);
  }
}
@media screen and (max-width: 834px) {
  .p-sustainability-column__button + .p-sustainability-column__button {
    margin-top: min(2.133vw, 8.8px);
  }
}

.p-sustainability-block > *:first-child {
  margin-top: 0 !important;
}
.p-sustainability-block > *:last-child {
  margin-bottom: 0 !important;
}
.p-sustainability-block {
  background-color: var(--bg-blue);
  position: relative;
}
@media screen and (min-width: 835px) {
  .p-sustainability-block {
    border-radius: min(0.556vw, 8.8px);
    padding: min(2.778vw, 44px);
    margin-top: min(2.778vw, 44px);
  }
}
@media screen and (max-width: 834px) {
  .p-sustainability-block {
    border-radius: min(2.133vw, 8.8px);
    padding: min(8.533vw, 35.2px) min(5.333vw, 22px);
    margin-top: min(10.667vw, 44px);
  }
}

.p-sustainability-grid {
  display: grid;
}
@media screen and (min-width: 835px) {
  .p-sustainability-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: min(1.389vw, 22px);
  }
  .p-sustainability-grid.--step {
    grid-template-columns: repeat(4, 1fr);
    gap: min(1.667vw, 26.4px);
  }
}
@media screen and (max-width: 834px) {
  .p-sustainability-grid {
    grid-template-columns: repeat(1, 1fr);
    row-gap: min(5.333vw, 22px);
  }
  .p-sustainability-grid.--step {
    row-gap: min(6.4vw, 26.4px);
  }
}
.p-sustainability-grid__item {
  background-color: var(--base);
  position: relative;
}
@media screen and (min-width: 835px) {
  .p-sustainability-grid__item {
    border-radius: min(0.278vw, 4.4px);
  }
}
@media screen and (max-width: 834px) {
  .p-sustainability-grid__item {
    border-radius: min(1.067vw, 4.4px);
  }
}
.--fixed .p-sustainability-grid__item {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 835px) {
  .--fixed .p-sustainability-grid__item {
    min-height: min(12.5vw, 198px);
  }
}
@media screen and (max-width: 834px) {
  .--fixed .p-sustainability-grid__item {
    min-height: min(42.667vw, 176px);
  }
}
.--step .p-sustainability-grid__item:not(:last-child)::after {
  font-family: var(--font-awesome);
  color: var(--text);
  font-weight: var(--fw-400);
  position: absolute;
}
@media screen and (min-width: 835px) {
  .--step .p-sustainability-grid__item:not(:last-child)::after {
    content: "\f054";
    font-size: min(1.042vw, 16.5px);
    top: 50%;
    right: calc(min(1.111vw, 17.6px) * -1);
    translate: 0 -50%;
  }
}
@media screen and (max-width: 834px) {
  .--step .p-sustainability-grid__item:not(:last-child)::after {
    content: "\f078";
    font-size: min(4vw, 16.5px);
    left: 50%;
    bottom: calc(min(5.333vw, 22px) * -1);
    translate: -50% 0;
  }
}
.p-sustainability-grid__inner {
  width: 100%;
}
@media screen and (min-width: 835px) {
  .p-sustainability-grid__inner {
    padding: min(1.389vw, 22px);
  }
}
@media screen and (max-width: 834px) {
  .p-sustainability-grid__inner {
    padding: min(5.333vw, 22px);
  }
}
@media screen and (min-width: 835px) {
  .--fixed .p-sustainability-grid__inner {
    padding: min(1.389vw, 22px) min(1.667vw, 26.4px) min(1.944vw, 30.8px);
  }
}
@media screen and (max-width: 834px) {
  .--fixed .p-sustainability-grid__inner {
    padding: min(5.333vw, 22px) min(6.4vw, 26.4px) min(7.467vw, 30.8px);
  }
}
.p-sustainability-grid__heading {
  background-color: var(--brand);
  color: var(--text-white);
  font-weight: var(--fw-500);
  text-align: center;
  padding-block: 0.5em;
}
@media screen and (min-width: 835px) {
  .p-sustainability-grid__heading {
    font-size: clamp(15.3px, 1.25vw, 19.8px);
    border-top-left-radius: min(0.278vw, 4.4px);
    border-top-right-radius: min(0.278vw, 4.4px);
  }
}
@media screen and (max-width: 834px) {
  .p-sustainability-grid__heading {
    font-size: clamp(15.3px, 4.8vw, 19.8px);
    border-top-left-radius: min(1.067vw, 4.4px);
    border-top-right-radius: min(1.067vw, 4.4px);
  }
}
.--step .p-sustainability-grid__heading {
  font-family: var(--font-en);
  font-weight: var(--fw-400);
}
@media screen and (min-width: 835px) {
  .--step .p-sustainability-grid__heading {
    font-size: clamp(13.6px, 1.111vw, 17.6px);
  }
}
@media screen and (min-width: 835px) {
  .--step .p-sustainability-grid__heading {
    font-size: clamp(13.6px, 4.267vw, 17.6px);
  }
}
@media screen and (min-width: 835px) {
  .p-sustainability-grid__text {
    font-size: clamp(11.9px, 0.972vw, 15.4px);
  }
}
.p-sustainability-grid__text.--note {
  line-height: var(--lh-150);
}
@media screen and (min-width: 835px) {
  .p-sustainability-grid__text.--note {
    font-size: clamp(10.2px, 0.833vw, 13.2px);
  }
}
@media screen and (max-width: 834px) {
  .p-sustainability-grid__text.--note {
    font-size: clamp(10.2px, 3.2vw, 13.2px);
  }
}
.p-sustainability-grid__text.--low {
  line-height: var(--lh-150);
}
.p-sustainability-grid__text + .p-sustainability-grid__text {
  margin-top: 1em;
}
.p-sustainability-grid__num {
  font-weight: var(--fw-500);
  line-height: var(--lh-150);
  text-align: center;
}
@media screen and (min-width: 835px) {
  .p-sustainability-grid__num {
    font-size: clamp(15.3px, 1.25vw, 19.8px);
  }
}
@media screen and (max-width: 834px) {
  .p-sustainability-grid__num {
    font-size: clamp(15.3px, 4.8vw, 19.8px);
  }
}
.p-sustainability-grid__num > span {
  color: var(--text-link);
  line-height: var(--lh-100);
  display: block;
  margin-bottom: 0.75em;
}
@media screen and (min-width: 835px) {
  .p-sustainability-grid__num + * {
    margin-top: min(1.111vw, 17.6px);
  }
}
@media screen and (max-width: 834px) {
  .p-sustainability-grid__num + * {
    margin-top: min(4.267vw, 17.6px);
  }
}

@media screen and (min-width: 835px) {
  .p-sustainability-card__row {
    margin-bottom: min(2.778vw, 44px);
  }
}
@media screen and (max-width: 834px) {
  .p-sustainability-card__row {
    margin-bottom: min(10.667vw, 44px);
  }
}
.p-sustainability-card {
  background-color: var(--base);
  border-bottom: 1px solid var(--border-dark);
  position: relative;
}
@media screen and (min-width: 835px) {
  .p-sustainability-card {
    padding-block: min(1.667vw, 26.4px);
  }
}
@media screen and (max-width: 834px) {
  .p-sustainability-card {
    padding-block: min(5.333vw, 22px);
  }
}
.p-sustainability-card:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.p-sustainability-card__link {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 835px) {
  .p-sustainability-card__link {
    column-gap: min(1.944vw, 30.8px);
  }
}
@media screen and (max-width: 834px) {
  .p-sustainability-card__link {
    column-gap: min(4.267vw, 17.6px);
  }
}
@media (hover: hover) {
  .p-sustainability-card__link:hover::before {
    color: var(--text-link);
    border-color: var(--text-link);
  }
  .p-sustainability-card__link:hover .p-sustainability-card__heading {
    color: var(--text-link);
  }
}
.p-sustainability-card__link::before {
  font-family: var(--font-awesome);
  font-weight: var(--fw-300);
  content: "\f105";
  line-height: var(--lh-100);
  aspect-ratio: 1/1;
  background-color: var(--base);
  border: var(--border) solid 1px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  transition: all var(--duration);
}
@media screen and (min-width: 835px) {
  .p-sustainability-card__link::before {
    width: clamp(27.2px, 2.222vw, 35.2px);
    font-size: clamp(10.2px, 0.833vw, 13.2px);
  }
}
@media screen and (max-width: 834px) {
  .p-sustainability-card__link::before {
    width: clamp(27.2px, 8.533vw, 35.2px);
    font-size: clamp(10.2px, 3.2vw, 13.2px);
  }
}
@media screen and (min-width: 835px) {
  .p-sustainability-card__icon {
    width: min(9.028vw, 143px);
  }
}
@media screen and (max-width: 834px) {
  .p-sustainability-card__icon {
    width: min(22.4vw, 92.4px);
  }
}
.p-sustainability-card__icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: #f3f6f9;
  border-radius: min(0.139vw, 2.2px);
}
.p-sustainability-card__title {
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 835px) {
  .p-sustainability-card__title {
    gap: min(1.111vw, 17.6px);
  }
}
@media screen and (max-width: 834px) {
  .p-sustainability-card__title {
    gap: min(2.133vw, 8.8px);
    padding-right: clamp(37.4px, 11.733vw, 48.4px);
  }
}
.p-sustainability-card__heading {
  font-weight: var(--fw-500);
  line-height: var(--lh-150);
  transition: color var(--duration);
}
@media screen and (min-width: 835px) {
  .p-sustainability-card__heading {
    font-size: clamp(17px, 1.389vw, 22px);
  }
}
@media screen and (max-width: 834px) {
  .p-sustainability-card__heading {
    font-size: clamp(13.6px, 4.267vw, 17.6px);
  }
}
.p-sustainability-card__text {
  line-height: var(--lh-150);
}
@media screen and (min-width: 835px) {
  .p-sustainability-card__text {
    font-size: clamp(11.9px, 0.972vw, 15.4px);
  }
}
@media screen and (max-width: 834px) {
  .p-sustainability-card__text {
    font-size: clamp(11.9px, 3.733vw, 15.4px);
  }
}

.p-sustainability-image {
  text-align: center;
}
@media screen and (min-width: 835px) {
  .p-sustainability-image {
    margin-block: min(2.778vw, 44px);
  }
}
@media screen and (max-width: 834px) {
  .p-sustainability-image {
    margin-block: min(8.533vw, 35.2px);
  }
}
.p-sustainability-image img {
  width: 100%;
}
@media screen and (min-width: 835px) {
  .p-sustainability-image img {
    max-width: min(62.5vw, 990px);
  }
}
@media screen and (min-width: 835px) {
  .p-sustainability-image img.--full {
    max-width: none;
  }
}
@media screen and (max-width: 540px) {
  .p-sustainability-image.--scroll {
    width: calc(100% + min(5.333vw, 22px));
    overflow-x: auto;
  }
  .p-sustainability-image.--scroll img {
    max-width: none;
    width: min(240vw, 990px);
  }
}

.p-sustainability-policy {
  border-top: var(--border-gray) solid 1px;
}
@media screen and (min-width: 835px) {
  .p-sustainability-policy {
    padding-block: min(1.667vw, 26.4px);
  }
}
@media screen and (max-width: 834px) {
  .p-sustainability-policy {
    padding-block: min(5.333vw, 22px);
  }
}

.p-sustainability-slider__container {
  position: relative;
}
@media screen and (min-width: 835px) {
  .p-sustainability-slider__card {
    padding-right: min(1.389vw, 22px);
  }
}
@media screen and (max-width: 834px) {
  .p-sustainability-slider__card {
    padding-right: min(5.333vw, 22px);
  }
}
@media screen and (min-width: 835px) {
  .p-sustainability-slider__next, .p-sustainability-slider__prev {
    top: 100%;
    transform: translateY(calc(-100% - 40px));
  }
}
@media screen and (max-width: 834px) {
  .p-sustainability-slider__next, .p-sustainability-slider__prev {
    top: unset;
    bottom: min(5.333vw, 22px);
  }
}
@media screen and (min-width: 835px) {
  .p-sustainability-slider__next {
    right: 0;
  }
}
@media screen and (max-width: 834px) {
  .p-sustainability-slider__next {
    right: calc(50% - 32px - 4px);
  }
}
@media screen and (min-width: 835px) {
  .p-sustainability-slider__prev {
    left: unset;
    right: min(2.778vw, 44px);
  }
}
@media screen and (max-width: 834px) {
  .p-sustainability-slider__prev {
    left: calc(50% - 32px - 4px);
  }
}
@media screen and (min-width: 835px) {
  .p-sustainability-slider__scrollbar {
    margin-top: clamp(102px, 8.333vw, 132px);
  }
}
@media screen and (max-width: 834px) {
  .p-sustainability-slider__scrollbar {
    margin-top: min(19.2vw, 79.2px);
  }
}