.c-sustainability-lv4-mv {
  position: relative;
  width: 100%;
  padding: calc(var(--header-height) + 3.6603221083vw) 0 14.934114202vw;
  background-color: var(--color-red);
  background-image: url(/assets/img/sustainability/inochitsunagu/common/symbol_1.svg);
  background-size: 92.3865300146vw 16.2518301611vw;
  background-position: -26.5007320644vw bottom;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-mv {
    padding: 46vw 0 86.5333333333vw;
    background-size: 168.2666666667vw 29.6vw;
    background-position: -60.6666666667vw bottom;
  }
}
.c-sustainability-lv4-mv__category {
  position: absolute;
  top: calc(var(--header-height) + 1.9033674963vw);
  left: 77.5256222548vw;
  width: 16.4714494876vw;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-mv__category {
    top: 26.6666666667vw;
    left: 46vw;
    width: 50vw;
  }
}
.c-sustainability-lv4-mv__category > img {
  width: 100%;
}
.c-sustainability-lv4-mv__inner {
  position: relative;
}
.c-sustainability-lv4-mv__title {
  position: absolute;
  top: 12.298682284vw;
  left: calc(50% - 6.149341142vw);
  width: 12.298682284vw;
  z-index: 4;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-mv__title {
    top: 54.8vw;
    left: 44.6666666667vw;
    width: 20.6666666667vw;
  }
}
@media screen {
  .c-sustainability-lv4-mv__title {
    -webkit-transition: opacity 1.5s 1.8s ease-out;
    transition: opacity 1.5s 1.8s ease-out;
  }
  .c-sustainability-lv4-mv:not(.is-inview) .c-sustainability-lv4-mv__title {
    opacity: 0;
  }
}
.c-sustainability-lv4-mv__title-link {
  position: relative;
  z-index: 2;
}
.c-sustainability-lv4-mv__title-link > img {
  width: 100%;
}
.c-sustainability-lv4-mv__title-word-1 {
  position: absolute;
  top: 50%;
  right: 6.149341142vw;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 21.7423133236vw;
  height: 4.0995607613vw;
  padding: 0 7.7598828697vw 0 3.3674963397vw;
  background-color: var(--color-white);
  border-radius: 2.0497803807vw 0 0 2.0497803807vw;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-mv__title-word-1 {
    right: 10.4vw;
    min-width: 36.5333333333vw;
    height: 7.0666666667vw;
    padding: 0 13.4666666667vw 0 6vw;
    border-radius: 3.6vw 0 0 3.6vw;
  }
}
.c-sustainability-lv4-mv__title-word-1 > span {
  font-size: calc(0.39rem + 22.1 * 0.0732064422vw);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-mv__title-word-1 > span {
    font-size: var(--font-size-sp-25px);
  }
}
.c-sustainability-lv4-mv__title-word-2 {
  position: absolute;
  top: 50%;
  left: 6.149341142vw;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 21.7423133236vw;
  height: 4.0995607613vw;
  padding: 0 3.3674963397vw 0 7.7598828697vw;
  border-radius: 0 2.0497803807vw 2.0497803807vw 0;
  background-color: var(--color-white);
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-mv__title-word-2 {
    left: 10.4vw;
    min-width: 36.5333333333vw;
    height: 7.0666666667vw;
    padding: 0 6vw 0 13.4666666667vw;
    border-radius: 0 3.6vw 3.6vw 0;
  }
}
.c-sustainability-lv4-mv__title-word-2 > span {
  font-size: calc(0.39rem + 22.1 * 0.0732064422vw);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-mv__title-word-2 > span {
    font-size: var(--font-size-sp-25px);
  }
}
.c-sustainability-lv4-mv__image--1 {
  position: relative;
  z-index: 3;
  width: 49.9267935578vw;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-mv__image--1 {
    width: 90.9333333333vw;
  }
}
.c-sustainability-lv4-mv__image--1::after {
  content: "";
  display: block;
  position: absolute;
  top: 1.4641288433vw;
  left: 0;
  width: calc(100% + 1.4641288433vw);
  height: 100%;
  background-color: var(--color-lightYellow);
  border-radius: 0 0.7320644217vw 0.7320644217vw 0;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-mv__image--1::after {
    top: 2.6666666667vw;
    width: calc(100% + 2.6666666667vw);
    border-radius: 0 1.3333333333vw 1.3333333333vw 0;
  }
}
@media screen {
  .c-sustainability-lv4-mv__image--1::after {
    -webkit-transition: opacity 0.5s, -webkit-transform 1s;
    transition: opacity 0.5s, -webkit-transform 1s;
    transition: opacity 0.5s, transform 1s;
    transition: opacity 0.5s, transform 1s, -webkit-transform 1s;
  }
  .c-sustainability-lv4-mv:not(.is-inview) .c-sustainability-lv4-mv__image--1::after {
    opacity: 0;
    -webkit-transform: translateX(-200px);
            transform: translateX(-200px);
  }
}
.c-sustainability-lv4-mv__image--2 {
  position: absolute;
  top: 4.39238653vw;
  right: 0;
  z-index: 2;
  width: 52.7086383602vw;
  background-color: var(--color-lightYellow);
  border-radius: 0.7320644217vw 0 0 0.7320644217vw;
}
@media screen {
  .c-sustainability-lv4-mv__image--2 {
    -webkit-transition: opacity 0.5s, -webkit-transform 1s;
    transition: opacity 0.5s, -webkit-transform 1s;
    transition: opacity 0.5s, transform 1s;
    transition: opacity 0.5s, transform 1s, -webkit-transform 1s;
  }
  .c-sustainability-lv4-mv:not(.is-inview) .c-sustainability-lv4-mv__image--2 {
    opacity: 0;
    -webkit-transform: translateX(200px);
            transform: translateX(200px);
  }
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-mv__image--2 {
    top: 62.1333333333vw;
    width: 96vw;
    border-radius: 1.3333333333vw 0 0 1.3333333333vw;
  }
}
.c-sustainability-lv4-mv__image-inner {
  position: relative;
  z-index: 2;
  width: 100%;
}
@media screen {
  .c-sustainability-lv4-mv__image-inner {
    -webkit-transition: -webkit-mask-size 0.5s 1s;
    transition: -webkit-mask-size 0.5s 1s;
    transition: mask-size 0.5s 1s;
    transition: mask-size 0.5s 1s, -webkit-mask-size 0.5s 1s;
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(#000), to(#000));
    -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 100%);
            mask-image: -webkit-gradient(linear, left top, right top, from(#000), to(#000));
            mask-image: linear-gradient(90deg, #000 0%, #000 100%);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
    -webkit-mask-position: left top;
            mask-position: left top;
  }
  .c-sustainability-lv4-mv:not(.is-inview) .c-sustainability-lv4-mv__image-inner {
    -webkit-mask-size: 0% 100%;
            mask-size: 0% 100%;
  }
}
.c-sustainability-lv4-mv__image-inner > img {
  position: relative;
  z-index: 2;
  width: 100%;
}
.c-sustainability-lv4-mv__image--1 .c-sustainability-lv4-mv__image-inner > img {
  border-radius: 0 0.7320644217vw 0.7320644217vw 0;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-mv__image--1 .c-sustainability-lv4-mv__image-inner > img {
    border-radius: 0 1.3333333333vw 1.3333333333vw 0;
  }
}
.c-sustainability-lv4-mv__image--2 .c-sustainability-lv4-mv__image-inner > img {
  border-radius: 0.7320644217vw 0 0 0.7320644217vw;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-mv__image--2 .c-sustainability-lv4-mv__image-inner > img {
    border-radius: 1.3333333333vw 0 0 1.3333333333vw;
  }
}

.c-sustainability-lv4-section-wrap {
  position: relative;
  width: 100%;
  background-image: url(/assets/img/sustainability/inochitsunagu/common/symbol_2.svg);
  background-size: 93.7042459736vw 46.1200585652vw;
  background-position: -27.0863836018vw top;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-section-wrap {
    background-size: 170.6666666667vw 84vw;
    background-position: -61.7333333333vw top;
  }
}

.c-sustainability-lv4-section {
  position: relative;
  width: 100%;
}
.c-sustainability-lv4-section__hgroup {
  position: relative;
  z-index: 3;
}
.c-sustainability-lv4-section__hgroup-Phase {
  position: absolute;
  top: calc(min(71px, 5.9166666667vw) * -1);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: min(0.08rem + 15.2 * 0.0833333333vw, 1.6rem);
  line-height: 1;
}
.c-sustainability-lv4-section__hgroup-Phase--white {
  color: var(--color-white);
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-section__hgroup-Phase {
    top: calc(min(158px, 13.1666666667vw) * -1);
    font-size: min(0.13rem + 24.7 * 0.1515151515vw, 2.6rem);
  }
}
.c-sustainability-lv4-section__heading {
  position: absolute;
  top: calc(min(30px, 2.5vw) * -1);
  left: calc(50% - min(540px, 45vw));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: min(1080px, 90vw);
  height: min(60px, 5vw);
  border-radius: min(30px, 2.5vw);
  background-color: var(--color-lightGray-5);
}
.c-sustainability-lv4-section__heading--yellow {
  background-color: var(--color-yellow);
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-section__heading {
    top: -4vw;
    left: 0;
    width: 100%;
    height: auto;
    padding: 3.6vw 0 3.8666666667vw;
    border-radius: 4vw;
  }
}
.c-sustainability-lv4-section__heading > span {
  font-size: min(0.12rem + 22.8 * 0.0833333333vw, 2.4rem);
  font-weight: var(--font-weight-bold);
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-section__heading > span {
    font-size: min(0.16rem + 30.4 * 0.1515151515vw, 3.2rem);
  }
}
.c-sustainability-lv4-section__body {
  position: relative;
}
.c-sustainability-lv4-section__body--type1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-sustainability-lv4-section__body--type2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: min(629px, 46.046852123vw);
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-section__body--type2 {
    display: block;
    min-height: 0;
  }
}
.c-sustainability-lv4-section__body--type3 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-sustainability-lv4-section__body-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.c-sustainability-lv4-section__body-bg > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-section__body-bg--project1 > img {
    -o-object-position: 80% center;
       object-position: 80% center;
  }
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-section__body-inner {
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    text-align: justify;
  }
}
.c-sustainability-lv4-section__body--type1 .c-sustainability-lv4-section__body-inner {
  padding: min(64px, 5.3333333333vw) min(100px, 8.3333333333vw) min(185px, 15.4166666667vw);
  width: min(1200px, 100vw);
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-section__body--type1 .c-sustainability-lv4-section__body-inner {
    padding: 24.5333333333vw 6vw 28.2666666667vw;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-section--heading-short .c-sustainability-lv4-section__body--type1 .c-sustainability-lv4-section__body-inner {
    padding-top: calc(24.5333333333vw - min(0.16rem + 30.4 * 0.1515151515vw, 3.2rem) * 1.7);
  }
}
.c-sustainability-lv4-section__body--type2 .c-sustainability-lv4-section__body-inner {
  padding: min(64px, 5.3333333333vw) min(100px, 8.3333333333vw) min(185px, 15.4166666667vw) min(640px, 53.3333333333vw);
  width: min(1200px, 100vw);
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-section__body--type2 .c-sustainability-lv4-section__body-inner {
    padding: 9.2vw 6vw 28.2666666667vw;
    width: 100%;
  }
}
.c-sustainability-lv4-section__body--type3 .c-sustainability-lv4-section__body-inner {
  position: relative;
  z-index: 2;
  padding: 6.149341142vw 38.0673499268vw 9.0775988287vw 7.906295754vw;
  width: 87.8477306003vw;
  font-size: calc(0.3rem + 17 * 0.0732064422vw);
  color: var(--color-white);
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-section__body--type3 .c-sustainability-lv4-section__body-inner {
    padding: 29.7333333333vw 6vw 18.6666666667vw;
    width: 100%;
    font-size: calc(0.45rem + 25.5 * 0.1333333333vw);
  }
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-section--heading-short .c-sustainability-lv4-section__body--type3 .c-sustainability-lv4-section__body-inner {
    padding-top: calc(29.7333333333vw - min(0.16rem + 30.4 * 0.1515151515vw, 3.2rem) * 1.7);
  }
}
.c-sustainability-lv4-section__figure {
  position: absolute;
  top: 0;
  right: 50%;
  width: min(683px, 50vw);
  height: min(440px, 32.2108345534vw);
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-section__figure {
    padding-top: 22.6666666667vw;
    position: relative;
    right: auto;
    width: 94vw;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-section--heading-short .c-sustainability-lv4-section__figure {
    padding-top: calc(22.6666666667vw - min(0.16rem + 30.4 * 0.1515151515vw, 3.2rem) * 1.7);
  }
}
.c-sustainability-lv4-section__figure::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - min(20px, 1.4641288433vw));
  background-color: var(--color-lightYellow);
  border-radius: 0 min(10px, 0.7320644217vw) min(10px, 0.7320644217vw) 0;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-section__figure::after {
    bottom: -2.6666666667vw;
    height: calc(100% - 22.6666666667vw);
    border-radius: 0 1.3333333333vw 1.3333333333vw 0;
  }
}
.c-sustainability-lv4-section__figure img {
  position: relative;
  z-index: 2;
  width: min(660px, 48.3162518302vw);
  border-radius: 0 min(10px, 0.7320644217vw) min(10px, 0.7320644217vw) 0;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-section__figure img {
    width: 90.9333333333vw;
    border-radius: 0 1.3333333333vw 1.3333333333vw 0;
  }
}
.c-sustainability-lv4-section__video-button {
  position: relative;
  width: min(660px, 48.3162518302vw);
  border-radius: 0 min(10px, 0.7320644217vw) min(10px, 0.7320644217vw) 0;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-section__video-button {
    width: 90.9333333333vw;
    border-radius: 0 1.3333333333vw 1.3333333333vw 0;
  }
}
.c-sustainability-lv4-section__video-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 0;
  height: min(4px, 0.2928257687vw);
  background-color: var(--color-red);
  -webkit-transition: width 0.4s;
  transition: width 0.4s;
}
@media (hover: hover) and (pointer: fine) {
  .c-sustainability-lv4-section__video-button:hover::after {
    width: 100%;
  }
}
.c-sustainability-lv4-section__video-button:focus-visible {
  border-radius: 10px;
  outline: 2px solid var(--color-focus-border, #000);
  outline-offset: 2px;
  background-color: var(--color-focus-bg);
  -webkit-box-shadow: 0 0 0 2px var(--color-focus-bg);
          box-shadow: 0 0 0 2px var(--color-focus-bg);
}
.c-sustainability-lv4-section__video-button-icon {
  position: absolute;
  top: calc(50% - min(42px, 3.074670571vw));
  left: calc(50% - min(42px, 3.074670571vw));
  width: min(84px, 6.149341142vw);
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-section__video-button-icon {
    top: calc(50% - 5.8vw);
    left: calc(50% - 5.8vw);
    width: 11.6vw;
  }
}
.c-sustainability-lv4-section__video-button-icon > img {
  width: 100%;
}
.c-sustainability-lv4-section__dialog {
  max-width: unset;
  max-height: unset;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  border: none;
  opacity: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.c-sustainability-lv4-section__dialog[open] {
  display: grid;
}
.c-sustainability-lv4-section__dialog-inner {
  position: relative;
  width: 65.8857979502vw;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-section__dialog-inner {
    width: 93.3333333333vw;
  }
}
.c-sustainability-lv4-section--YouTube .c-sustainability-lv4-section__dialog-inner {
  width: 65.5929721816vw;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-section--YouTube .c-sustainability-lv4-section__dialog-inner {
    width: 89.6vw;
  }
}
.c-sustainability-lv4-section--mp4 .c-sustainability-lv4-section__dialog-inner {
  width: 65.8857979502vw;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-section--mp4 .c-sustainability-lv4-section__dialog-inner {
    width: 93.3333333333vw;
  }
}
.c-sustainability-lv4-section__close-button {
  position: absolute;
  bottom: 100%;
  left: 100%;
  width: 3.513909224vw;
  height: 3.513909224vw;
  padding: 0.5856515373vw;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-section__close-button {
    right: 0;
    bottom: calc(100% + 2.6666666667vw);
    left: auto;
    width: 6.4vw;
    height: 6.4vw;
    padding: 0;
  }
}
.c-sustainability-lv4-section__close-button > img {
  width: 100%;
}
.c-sustainability-lv4-section__dialog--YouTube .c-sustainability-lv4-section__player {
  width: 65.5929721816vw;
  height: 36.8960468521vw;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-section__dialog--YouTube .c-sustainability-lv4-section__player {
    width: 89.6vw;
    height: 50.4vw;
  }
}
.c-sustainability-lv4-section__dialog--mp4 .c-sustainability-lv4-section__player {
  width: 65.8857979502vw;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-section__dialog--mp4 .c-sustainability-lv4-section__player {
    width: 93.3333333333vw;
  }
}

.c-sustainability-lv4-carousel-wrap {
  width: 100%;
  background-color: var(--color-red);
  padding-top: min(80px, 5.8565153734vw);
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-carousel-wrap {
    padding-top: 10.5333333333vw;
  }
}
.c-sustainability-lv4-carousel-wrap > p {
  padding-bottom: min(40px, 2.9282576867vw);
  font-size: calc(0.6rem + 34 * 0.0732064422vw);
  font-weight: var(--font-weight-black);
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: var(--color-white);
  line-height: 1;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-carousel-wrap > p {
    padding-bottom: 5.3333333333vw;
    font-size: calc(0.6rem + 34 * 0.1333333333vw);
  }
}

.c-sustainability-lv4-carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(57.0526315789%, var(--color-red)), color-stop(57.0526315789%, var(--color-white)));
  background-image: linear-gradient(var(--color-red) 57.0526315789%, var(--color-white) 57.0526315789%);
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-carousel {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--color-red)), to(var(--color-white)));
    background-image: linear-gradient(var(--color-red) calc(100% - 29.7333333333vw), var(--color-white) calc(100% - 29.7333333333vw));
  }
}
.c-sustainability-lv4-carousel::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 12.1522693997vw;
  width: 100%;
  height: 100%;
  background-color: var(--color-lightGray);
  border-radius: 2.196193265vw 0 0 0;
}
@media screen {
  .c-sustainability-lv4-carousel::before {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
    opacity: 0;
    -webkit-transition: opacity 1s, -webkit-transform 1s ease-out;
    transition: opacity 1s, -webkit-transform 1s ease-out;
    transition: transform 1s ease-out, opacity 1s;
    transition: transform 1s ease-out, opacity 1s, -webkit-transform 1s ease-out;
  }
  .is-inview.c-sustainability-lv4-carousel::before {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-carousel::before {
    left: 6vw;
    border-radius: 4vw 0 0 0;
  }
}
.c-sustainability-lv4-carousel__inner {
  position: relative;
  z-index: 2;
}
.c-sustainability-lv4-carousel__carousel {
  margin-top: 5.8565153734vw;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-carousel__carousel {
    margin-top: 8vw;
  }
}
.c-sustainability-lv4-carousel__viewport {
  position: relative;
  margin: 0 0 0 7.3938506589vw;
  width: 86.9692532943vw;
  height: 38.579795022vw;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-carousel__viewport {
    margin: 0;
    width: 100%;
    height: 67.7333333333vw;
  }
}
.c-sustainability-lv4-carousel__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}
.c-sustainability-lv4-carousel__slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 86.9692532943vw;
  height: 38.579795022vw;
  padding: 0 4.39238653vw 0 0;
}
@media screen {
  .c-sustainability-lv4-carousel__slide:not(:nth-child(3)) {
    opacity: 0;
    -webkit-transition: opacity 1.5s 3.5s;
    transition: opacity 1.5s 3.5s;
  }
  .c-sustainability-lv4-carousel__carousel.is-inview .c-sustainability-lv4-carousel__slide:not(:nth-child(3)) {
    opacity: 1;
  }
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-carousel__slide {
    width: 100%;
    height: 67.7333333333vw;
    padding: 0 1.3333333333vw;
  }
}
.c-sustainability-lv4-carousel__card {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 1.4641288433vw 0 0 1.4641288433vw;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-carousel__card {
    padding: 1.8666666667vw 0 0 1.8666666667vw;
  }
}
.c-sustainability-lv4-carousel__card:focus-visible {
  outline: none;
}
.c-sustainability-lv4-carousel__card:focus-visible::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 10;
  inset: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: inset 0 0 0 2px var(--color-white), inset 0 0 0 5px var(--color-black), inset 0 0 0 7px var(--color-white);
          box-shadow: inset 0 0 0 2px var(--color-white), inset 0 0 0 5px var(--color-black), inset 0 0 0 7px var(--color-white);
  border-radius: 0.7320644217vw;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-carousel__card:focus-visible::after {
    -webkit-box-shadow: inset 0 0 0 0.2666666667vw var(--color-white), inset 0 0 0 0.6666666667vw var(--color-black), inset 0 0 0 0.9333333333vw var(--color-white);
            box-shadow: inset 0 0 0 0.2666666667vw var(--color-white), inset 0 0 0 0.6666666667vw var(--color-black), inset 0 0 0 0.9333333333vw var(--color-white);
    border-radius: 1.3333333333vw;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-sustainability-lv4-carousel__card:hover .c-sustainability-lv4-carousel__card-link::after {
    opacity: 1;
  }
  .c-sustainability-lv4-carousel__card:hover .c-sustainability-lv4-carousel__card-word-1 {
    background-color: var(--color-red);
  }
  .c-sustainability-lv4-carousel__card:hover .c-sustainability-lv4-carousel__card-word-1 > span {
    color: var(--color-white);
  }
  .c-sustainability-lv4-carousel__card:hover .c-sustainability-lv4-carousel__card-word-2 {
    background-color: var(--color-red);
  }
  .c-sustainability-lv4-carousel__card:hover .c-sustainability-lv4-carousel__card-word-2 > span {
    color: var(--color-white);
  }
  .c-sustainability-lv4-carousel__card:hover .c-sustainability-lv4-carousel__card-image-inner::after {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  .c-sustainability-lv4-carousel__card:hover .c-sustainability-lv4-carousel__card-image-inner > img {
    -webkit-filter: brightness(50%);
            filter: brightness(50%);
  }
  .c-sustainability-lv4-carousel__card:hover .c-sustainability-lv4-carousel__card-arrow::after {
    width: 100%;
  }
  .c-sustainability-lv4-carousel__card:hover .c-sustainability-lv4-carousel__card-arrow > span {
    background-color: var(--color-red);
  }
}
.c-sustainability-lv4-carousel__card-caption {
  position: absolute;
  z-index: 3;
  top: 10.6881405564vw;
  left: 39.5314787701vw;
  width: 11.5666178624vw;
  height: 11.5666178624vw;
}
@media screen {
  .c-sustainability-lv4-carousel__card-caption {
    opacity: 0;
    -webkit-transition: opacity 1s 2.5s;
    transition: opacity 1s 2.5s;
  }
  .c-sustainability-lv4-carousel__carousel.is-inview .c-sustainability-lv4-carousel__card-caption {
    opacity: 1;
  }
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-carousel__card-caption {
    top: 35.9333333333vw;
    top: 30.6666666667vw;
    left: 43.1333333333vw;
    width: 20.8vw;
    height: 20.8vw;
  }
}
.c-sustainability-lv4-carousel__card-link {
  position: relative;
  z-index: 2;
}
.c-sustainability-lv4-carousel__card-link::after {
  content: "";
  position: absolute;
  inset: -1px;
  display: block;
  border: 0.2928257687vw solid var(--color-red);
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-carousel__card-link::after {
    border: 0.5333333333vw solid var(--color-red);
  }
}
.c-sustainability-lv4-carousel__card-word-1 {
  position: absolute;
  top: calc(50% - 1.9399707174vw);
  right: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 20.4978038067vw;
  height: 3.8799414348vw;
  padding: 0 10.2489019034vw 0 6.2225475842vw;
  background-color: var(--color-white);
  border-radius: 1.9765739385vw;
  white-space: nowrap;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-carousel__card-word-1 {
    top: calc(50% - 3.4666666667vw);
    min-width: 26.1333333333vw;
    height: 6.9333333333vw;
    padding: 0 13.3333333333vw 0 8.2666666667vw;
    border-radius: 3.4666666667vw;
  }
}
.c-sustainability-lv4-carousel__card-word-1 > span {
  font-size: calc(0.39rem + 22.1 * 0.0732064422vw);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-carousel__card-word-1 > span {
    font-size: var(--font-size-sp-25px);
  }
}
.c-sustainability-lv4-carousel__card-word-2 {
  position: absolute;
  top: calc(50% - 1.9399707174vw);
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 20.4978038067vw;
  height: 3.8799414348vw;
  padding: 0 6.2225475842vw 0 10.2489019034vw;
  background-color: var(--color-white);
  border-radius: 1.9765739385vw;
  white-space: nowrap;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-carousel__card-word-2 {
    top: calc(50% - 3.4666666667vw);
    min-width: 26.1333333333vw;
    height: 6.9333333333vw;
    padding: 0 8.2666666667vw 0 13.3333333333vw;
    border-radius: 3.4666666667vw;
  }
}
.c-sustainability-lv4-carousel__card-word-2 > span {
  font-size: calc(0.39rem + 22.1 * 0.0732064422vw);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-carousel__card-word-2 > span {
    font-size: var(--font-size-sp-25px);
  }
}
.c-sustainability-lv4-carousel__card-image {
  position: relative;
  z-index: 2;
  width: 43.9238653001vw;
  border-radius: 0.7320644217vw;
  background-color: var(--color-lightYellow);
}
@media screen {
  .c-sustainability-lv4-carousel__card-image {
    opacity: 0;
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s ease-out;
    transition: opacity 0.5s, -webkit-transform 0.5s ease-out;
    transition: transform 0.5s ease-out, opacity 0.5s;
    transition: transform 0.5s ease-out, opacity 0.5s, -webkit-transform 0.5s ease-out;
  }
  .c-sustainability-lv4-carousel__carousel.is-inview .c-sustainability-lv4-carousel__card-image {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-carousel__card-image {
    width: 56vw;
    border-radius: 1.3333333333vw;
  }
}
@media screen {
  .c-sustainability-lv4-carousel__card-image--1 {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
}
.c-sustainability-lv4-carousel__card-image--2 {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 1.5373352855vw;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-carousel__card-image--2 {
    bottom: 4.5333333333vw;
  }
}
.c-sustainability-lv4-carousel__card-image-inner {
  position: relative;
  overflow: hidden;
  border-radius: 0.7320644217vw;
}
@media screen {
  .c-sustainability-lv4-carousel__card-image-inner {
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(#000), to(#000));
    -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 100%);
            mask-image: -webkit-gradient(linear, left top, right top, from(#000), to(#000));
            mask-image: linear-gradient(90deg, #000 0%, #000 100%);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 0% 100%;
            mask-size: 0% 100%;
    -webkit-mask-position: left top;
            mask-position: left top;
    -webkit-transition: -webkit-mask-size 0.5s 1.5s ease-out;
    transition: -webkit-mask-size 0.5s 1.5s ease-out;
    transition: mask-size 0.5s 1.5s ease-out;
    transition: mask-size 0.5s 1.5s ease-out, -webkit-mask-size 0.5s 1.5s ease-out;
  }
  .c-sustainability-lv4-carousel__carousel.is-inview .c-sustainability-lv4-carousel__card-image-inner {
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
  }
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-carousel__card-image-inner {
    border-radius: 1.3333333333vw;
  }
}
.c-sustainability-lv4-carousel__card-image-inner::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.2928257687vw;
  background-color: var(--color-red);
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transition: -webkit-transform 0.4s ease-out;
  transition: -webkit-transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
  transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-carousel__card-image-inner::after {
    height: 0.5333333333vw;
  }
}
@media screen {
  .c-sustainability-lv4-carousel__card-image--1 .c-sustainability-lv4-carousel__card-image-inner {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    -webkit-transition: -webkit-mask-size 0.5s 1.5s ease-out, -webkit-transform 0.5s 2.5s ease-out;
    transition: -webkit-mask-size 0.5s 1.5s ease-out, -webkit-transform 0.5s 2.5s ease-out;
    transition: mask-size 0.5s 1.5s ease-out, transform 0.5s 2.5s ease-out;
    transition: mask-size 0.5s 1.5s ease-out, transform 0.5s 2.5s ease-out, -webkit-mask-size 0.5s 1.5s ease-out, -webkit-transform 0.5s 2.5s ease-out;
  }
  .c-sustainability-lv4-carousel__carousel.is-inview .c-sustainability-lv4-carousel__card-image--1 .c-sustainability-lv4-carousel__card-image-inner {
    -webkit-transform: translate(-1.4641288433vw, -1.4641288433vw);
            transform: translate(-1.4641288433vw, -1.4641288433vw);
  }
}
@media print {
  .c-sustainability-lv4-carousel__card-image--1 .c-sustainability-lv4-carousel__card-image-inner {
    -webkit-transform: translate(-1.4641288433vw, -1.4641288433vw);
            transform: translate(-1.4641288433vw, -1.4641288433vw);
  }
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-carousel__card-image--1 .c-sustainability-lv4-carousel__card-image-inner {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    -webkit-transition: -webkit-mask-size 0.5s 1.5s ease-out, -webkit-transform 0.5s 2.5s ease-out;
    transition: -webkit-mask-size 0.5s 1.5s ease-out, -webkit-transform 0.5s 2.5s ease-out;
    transition: mask-size 0.5s 1.5s ease-out, transform 0.5s 2.5s ease-out;
    transition: mask-size 0.5s 1.5s ease-out, transform 0.5s 2.5s ease-out, -webkit-mask-size 0.5s 1.5s ease-out, -webkit-transform 0.5s 2.5s ease-out;
  }
  .c-sustainability-lv4-carousel__carousel.is-inview .c-sustainability-lv4-carousel__card-image--1 .c-sustainability-lv4-carousel__card-image-inner {
    -webkit-transform: translate(-1.8666666667vw, -1.8666666667vw);
            transform: translate(-1.8666666667vw, -1.8666666667vw);
  }
}
.c-sustainability-lv4-carousel__card-image-inner > img {
  -webkit-transition: -webkit-filter 0.3s;
  transition: -webkit-filter 0.3s;
  transition: filter 0.3s;
  transition: filter 0.3s, -webkit-filter 0.3s;
}
.c-sustainability-lv4-carousel__card-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 0;
  width: 4.39238653vw;
  height: 4.39238653vw;
  background-color: var(--color-red);
  border: 0.2196193265vw solid var(--color-red);
  border-radius: 50%;
  overflow: hidden;
  -webkit-box-shadow: 0 0 1.317715959vw rgba(0, 0, 0, 0.26);
          box-shadow: 0 0 1.317715959vw rgba(0, 0, 0, 0.26);
}
@media screen {
  .c-sustainability-lv4-carousel__card-arrow {
    opacity: 0;
    -webkit-transition: opacity 1.5s 3.5s;
    transition: opacity 1.5s 3.5s;
  }
  .c-sustainability-lv4-carousel__carousel.is-inview .c-sustainability-lv4-carousel__card-arrow {
    opacity: 1;
  }
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-carousel__card-arrow {
    width: 12vw;
    height: 12vw;
    border: 0.4vw solid var(--color-red);
    -webkit-box-shadow: 0 0 2.4vw rgba(0, 0, 0, 0.26);
            box-shadow: 0 0 2.4vw rgba(0, 0, 0, 0.26);
  }
}
.c-sustainability-lv4-carousel__card-arrow::after {
  content: "";
  display: block;
  aspect-ratio: 1/1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 0;
  border-radius: 50%;
  background-color: var(--color-white);
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.c-sustainability-lv4-carousel__card-arrow > span {
  position: relative;
  z-index: 2;
  width: 1.0980966325vw;
  background-color: var(--color-white);
  aspect-ratio: 8/10;
  -webkit-mask-image: url(/assets/img/common/icon_link_right.svg);
          mask-image: url(/assets/img/common/icon_link_right.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-carousel__card-arrow > span {
    width: 2.8vw;
  }
}
.c-sustainability-lv4-carousel__controls {
  margin-top: 1.6837481698vw;
  padding-bottom: 7.3206442167vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.2928257687vw;
}
@media screen {
  .c-sustainability-lv4-carousel__controls {
    opacity: 0;
    -webkit-transition: opacity 1.5s 3.5s;
    transition: opacity 1.5s 3.5s;
  }
  .c-sustainability-lv4-carousel__carousel.is-inview .c-sustainability-lv4-carousel__controls {
    opacity: 1;
  }
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-carousel__controls {
    margin-top: 3.0666666667vw;
    padding-bottom: 13.3333333333vw;
    padding-left: 5.3333333333vw;
    gap: 4vw;
  }
}
.c-sustainability-lv4-carousel__slide-counter {
  padding-right: 1.8301610542vw;
  font-size: calc(0.24rem + 13.6 * 0.0732064422vw);
  font-weight: var(--font-weight-medium);
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-carousel__slide-counter {
    padding-right: 4vw;
    font-size: var(--font-size-sp-24px);
  }
}
.c-sustainability-lv4-carousel__button {
  position: relative;
  outline: none;
  width: 3.074670571vw;
  height: 3.074670571vw;
  background-color: var(--color-red);
  border-radius: 0.2928257687vw;
  overflow: hidden;
  border: 0.1464128843vw solid var(--color-red);
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-carousel__button {
    width: 8.4vw;
    height: 8.4vw;
    border-radius: 0.8vw;
    border: 0.4vw solid var(--color-red);
  }
}
.c-sustainability-lv4-carousel__button::after {
  content: "";
  display: block;
  aspect-ratio: 1/1;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 0;
  border-radius: 50%;
  background-color: var(--color-white);
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.c-sustainability-lv4-carousel__button > span {
  position: relative;
  z-index: 2;
  display: block;
  width: 1.0248901903vw;
  background-color: var(--color-white);
  aspect-ratio: 8/10;
  -webkit-mask-image: url(/assets/img/common/icon_link_right.svg);
          mask-image: url(/assets/img/common/icon_link_right.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-carousel__button > span {
    width: 2.8vw;
  }
}
.c-sustainability-lv4-carousel__button--prev > span {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media (hover: hover) and (pointer: fine) {
  .c-sustainability-lv4-carousel__button:hover::after {
    width: 300%;
  }
  .c-sustainability-lv4-carousel__button:hover > span {
    background-color: var(--color-red);
  }
}
.c-sustainability-lv4-carousel__button:focus-visible {
  border-color: var(--color-almostBlack);
}
.c-sustainability-lv4-carousel__button:focus-visible::after {
  width: 300%;
}
.c-sustainability-lv4-carousel__button:focus-visible > span {
  background-color: var(--color-almostBlack);
}
.c-sustainability-lv4-carousel__toggle-button {
  position: relative;
  width: 3.074670571vw;
  height: 3.074670571vw;
  background-color: var(--color-black);
  border-radius: 0.2928257687vw;
  overflow: hidden;
  border: 0.1464128843vw solid var(--color-black);
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-carousel__toggle-button {
    width: 8.4vw;
    height: 8.4vw;
    border-radius: 0.8vw;
    border: 0.4vw solid var(--color-black);
  }
}
.c-sustainability-lv4-carousel__toggle-button::after {
  content: "";
  display: block;
  aspect-ratio: 1/1;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 0;
  border-radius: 50%;
  background-color: var(--color-white);
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-carousel__toggle-button::after {
    border-radius: 0.6vw;
  }
}
.c-sustainability-lv4-carousel__toggle-button > span {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 33.3333333333%;
  background-color: var(--color-white);
  aspect-ratio: 9/10;
  -webkit-mask-image: url(/assets/img/common/icon_play.svg);
          mask-image: url(/assets/img/common/icon_play.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.c-sustainability-lv4-carousel__toggle-button[aria-pressed=true] > span {
  aspect-ratio: 1/1;
  -webkit-mask-image: url(/assets/img/common/icon_stop.svg);
          mask-image: url(/assets/img/common/icon_stop.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
@media (hover: hover) and (pointer: fine) {
  .c-sustainability-lv4-carousel__toggle-button:hover::after {
    width: 300%;
  }
  .c-sustainability-lv4-carousel__toggle-button:hover > span {
    background-color: var(--color-black);
  }
}
.c-sustainability-lv4-carousel__toggle-button:focus-visible::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.2928257687vw;
  border: 0.1464128843vw solid var(--color-white);
}
@media only screen and (max-width: 767px) {
  .c-sustainability-lv4-carousel__toggle-button:focus-visible::before {
    border-radius: 0.8vw;
    border: 0.4vw solid var(--color-black);
  }
}/*# sourceMappingURL=sustainability-lv4.css.map */