/*
 * Easing
 * https://easings.net/
 */
.kv {
  position: relative;
  margin: 0 calc(50% - var(--vw, 1vw) * 50);
  padding-top: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 150 / 768 * 100, 112.5px);
  padding-bottom: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 300 / 768 * 100, 225px);
}

.kv__inner {
  overflow: hidden;
}

.kv__flow-txt {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  letter-spacing: 0.05em;
  font-size: clamp(8.3333333333rem, 10rem + (min(var(--vw, 1vw), var(--svh, 1vh)) * 100 - 384px) * 0.2604166667, 15rem);
  padding-right: 100px;
  letter-spacing: 0;
  color: #f2f2f2;
  white-space: nowrap;
  animation: flowRightToLeft 20s linear infinite;
}

.kv__main {
  position: absolute;
  bottom: 0;
  left: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 40 / 768 * 100, 30px);
}

.kv__name {
  width: clamp(11.6666666667rem, 14rem + (min(var(--vw, 1vw), var(--svh, 1vh)) * 100 - 384px) * 0.3645833333, 21rem);
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.kv__ttl {
  font-size: clamp(3.3333333333rem, 4rem + (min(var(--vw, 1vw), var(--svh, 1vh)) * 100 - 384px) * 0.1041666667, 6rem);
  display: block;
  margin-top: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 10 / 768 * 100, 7.5px);
}

.kv__ttl-item {
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 669 / 768 * 100, 501.75px);
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.kv__motif {
  position: absolute;
  top: calc(min(min(var(--vw, 1vw), var(--svh, 1vh)) * 320 / 768 * 100, 240px) * -1);
  left: calc(min(min(var(--vw, 1vw), var(--svh, 1vh)) * 460 / 768 * 100, 345px) * -1);
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 800 / 768 * 100, 600px);
  clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);
}

.kv__webgl-contents {
  position: relative;
  top: 0;
  left: 50%;
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 950 / 768 * 100, 712.5px);
  height: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 668 / 768 * 100, 501px);
  transform: translateX(-50%);
}

.kv__circle {
  position: absolute;
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 300 / 768 * 100, 225px);
  height: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 300 / 768 * 100, 225px);
  opacity: 1;
  aspect-ratio: 1;
}

.kv__circle--1 {
  bottom: 0;
  left: 0;
}

.kv__circle--2 {
  top: 0;
  left: 25%;
}

.kv__circle--3 {
  bottom: 0;
  left: 50%;
}

.kv__circle--4 {
  top: 0;
  left: 75%;
}

.kv__border {
  background: #333;
  position: absolute;
  top: 50%;
  left: calc(min(min(var(--vw, 1vw), var(--svh, 1vh)) * 300 / 768 * 100, 225px) * 0.5);
  width: calc(min(min(var(--vw, 1vw), var(--svh, 1vh)) * 958 / 768 * 100, 718.5px) * 0.25);
  height: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 342 / 768 * 100, 256.5px);
  transform: translate(0, -50%) scale(1.25);
  opacity: 0;
}

.kv__border--2 {
  transform: translate(100%, -50%) scale(1.25);
}

.kv__border--3 {
  transform: translate(200%, -50%) scale(1.25);
}

.kv__deco {
  position: absolute;
  transform: scale(3);
  z-index: -190;
  transform-origin: center;
}

.kv__deco--1 {
  top: calc(min(min(var(--vw, 1vw), var(--svh, 1vh)) * 200 / 768 * 100, 150px) * -1);
  left: 38%;
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 472 / 768 * 100, 354px);
}

.kv__deco--2 {
  bottom: calc(min(min(var(--vw, 1vw), var(--svh, 1vh)) * 180 / 768 * 100, 135px) * -1);
  left: calc(min(min(var(--vw, 1vw), var(--svh, 1vh)) * 160 / 768 * 100, 120px) * -1);
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 521 / 768 * 100, 390.75px);
}

.kv__deco--3 {
  bottom: calc(min(min(var(--vw, 1vw), var(--svh, 1vh)) * 50 / 768 * 100, 37.5px) * -1);
  right: calc(min(min(var(--vw, 1vw), var(--svh, 1vh)) * 180 / 768 * 100, 135px) * -1);
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 558 / 768 * 100, 418.5px);
}

.kv__underdeco {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: underdeco 8s ease-in-out infinite;
  z-index: -100;
  transform-origin: center;
}

.kv__underdeco--2 {
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 250 / 768 * 100, 187.5px);
}

.kv__underdeco--3 {
  top: 45%;
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 250 / 768 * 100, 187.5px);
}

.kv__underdeco--4 {
  top: 50%;
  left: 50%;
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 280 / 768 * 100, 210px);
}

.kv__img {
  position: absolute;
  top: calc(50% - min(min(var(--vw, 1vw), var(--svh, 1vh)) * 114 / 768 * 100, 85.5px));
  left: calc(50% - min(min(var(--vw, 1vw), var(--svh, 1vh)) * 114 / 768 * 100, 85.5px));
  opacity: 0;
  clip-path: circle(0%);
}

.kv__img-box {
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 228 / 768 * 100, 171px);
  height: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 228 / 768 * 100, 171px);
  overflow: hidden;
  border-radius: 100%;
}

.kv__img-box--2,
.kv__img-box--3 {
  position: absolute;
  top: 0;
  left: 0;
}

.kv__img-item {
  transform: scale(1.5);
  opacity: 1;
}

.kv__img-item--2,
.kv__img-item--3 {
  transform: scale(1.5);
  opacity: 0;
}

@keyframes flowRightToLeft {
  0% {
    transform: translate(0%, 0%);
  }
  100% {
    transform: translate(-100%, 0%);
  }
}
@keyframes underdeco {
  0% {
    transform: scale(0.9) translate(-50%, -50%);
  }
  50% {
    transform: scale(1) translate(-50%, -50%);
  }
  100% {
    transform: scale(0.9) translate(-50%, -50%);
  }
}
.splide__arrow {
  background-color: transparent;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  width: auto;
  height: auto;
  margin: 0;
  border-radius: 0;
  transform: none;
  opacity: 1 !important;
}

.splide__arrow svg {
  width: auto;
  height: auto;
  fill: initial;
}

.index-report {
  display: grid;
  margin-top: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 114 / 768 * 100, 85.5px);
  margin-left: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 20 / 768 * 100, 15px);
  margin-right: calc(50% - var(--vw, 1vw) * 50);
  gap: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 24 / 768 * 100, 18px) 0;
}
.index-report.is-active .index-report__hdg {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.index-report.is-active .index-report__btn {
  transform: scale(1) translateY(0px);
  opacity: 1;
}
.index-report.is-active .index-report__carousel {
  transform: rotateX(0deg);
  opacity: 1;
}
.index-report.is-active .index-report-control {
  opacity: 1;
}

.index-report__hdg {
  margin-top: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 32 / 768 * 100, 24px);
  transition: clip-path 3.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);
}

.index-report__btn {
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 340 / 768 * 100, 255px);
  margin-top: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 24 / 768 * 100, 18px);
  transform: scale(0.8) translateY(40px);
  transition: opacity 1.5s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0;
}
.index-report__btn .btn__link {
  justify-content: flex-start;
  padding-left: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 48 / 768 * 100, 36px);
  filter: drop-shadow(0 0 min(min(var(--vw, 1vw), var(--svh, 1vh)) * 20 / 768 * 100, 15px) rgba(0, 0, 0, 0.05));
}

.index-report-control {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 8 / 768 * 100, 6px);
  margin-right: calc(var(--vw, 1vw) * 20 / 768 * 100);
  transition: opacity 4s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0;
  gap: 0 min(min(var(--vw, 1vw), var(--svh, 1vh)) * 32 / 768 * 100, 24px);
}

.index-report-control__btn[data-dir="prev"] .circle-arrow__wrap {
  transform: scaleX(-1);
}

.index-report__carousel {
  width: 100%;
  overflow: hidden;
  transform: rotateX(40deg);
  transition: opacity 2.2s cubic-bezier(0.215, 0.61, 0.355, 1), transform 2.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0;
}

.index-report-card {
  display: grid;
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 340 / 768 * 100, 255px);
  height: 100%;
  grid-template-rows: auto auto 1fr auto;
}

.index-report-card__fig {
  overflow: hidden;
  border-radius: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 10 / 768 * 100, 7.5px);
}

.index-report-card__article {
  display: grid;
  gap: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 24 / 768 * 100, 18px) 0;
  grid-template-rows: auto 1fr auto;
}

.index-report-card__txt {
  letter-spacing: 0.1em;
}

.index-report-card__date {
  text-align: right;
}

.index-message {
  margin-left: calc(50% - var(--vw, 1vw) * 50);
  margin-right: calc(50% - var(--vw, 1vw) * 50);
  padding-left: calc(var(--vw, 1vw) * 50 - 50%);
  padding-right: calc(var(--vw, 1vw) * 50 - 50%);
  position: relative;
  margin-top: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 160 / 768 * 100, 120px);
  padding-top: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 64 / 768 * 100, 48px);
}
.index-message::before,
.index-message::after {
  content: "";
  position: absolute;
  top: 0;
}
.index-message::before {
  background-color: #ddd;
  left: 0;
  width: calc(var(--vw, 1vw) * 256 / 768 * 100);
  height: 1px;
}
.index-message::after {
  background-color: #00bf7d;
  left: calc(var(--vw, 1vw) * 256 / 768 * 100);
  width: calc(var(--vw, 1vw) * 256 / 768 * 100);
  height: 2px;
  transform: translate(-100%, -50%);
  transition: 3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.index-message.is-active::after {
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 40 / 768 * 100, 30px);
}

.index-message__en {
  margin: 0 min(min(var(--vw, 1vw), var(--svh, 1vh)) * 108 / 768 * 100, 81px);
}

.index-message__article {
  display: grid;
  position: relative;
  margin: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 64 / 768 * 100, 48px)
    min(min(var(--vw, 1vw), var(--svh, 1vh)) * 108 / 768 * 100, 81px) 0;
  z-index: 10;
  gap: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 64 / 768 * 100, 48px) 0;
  grid-column: 1/2;
}
.index-message__article.is-active .index-message__hdg .text-main {
  clip-path: circle(100%);
}
.index-message__article.is-active .index-message__hdg .text-opacity {
  opacity: 1;
}
.index-message__article.is-active .index-message__chapter {
  transform: translateY(0px) scale(1);
  opacity: 1;
  filter: blur(0px);
}

.index-message__hdg {
  transition: clip-path 1.4s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 2s ease-out;
}
.index-message__hdg .text-main {
  transition: clip-path 1.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  clip-path: circle(0%);
}
.index-message__hdg .text-opacity {
  transition: opacity 2s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0;
}

.index-message__chapter {
  display: grid;
  transform: translateY(30px) scale(0.96);
  transition: transform 1.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1),
    filter 1.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0.12s;
  opacity: 0;
  filter: blur(5px);
  gap: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 48 / 768 * 100, 36px) 0;
}

.index-message__collection {
  position: relative;
  height: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 686 / 768 * 100, 514.5px);
}
.index-message__collection.is-active .index-message__fig--1,
.index-message__collection.is-active .index-message__fig--2,
.index-message__collection.is-active .index-message__fig--3 {
  transform: perspective(500px) rotate(0deg) translate(0%, 0%) scale(1);
  opacity: 1;
}
.index-message__collection.is-active .index-message__img {
  transform: scale(1);
}

.index-message__fig {
  position: absolute;
  overflow: hidden;
  transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.index-message__fig--1 {
  top: -13.42%;
  right: -1.1%;
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 240 / 768 * 100, 180px);
  border-radius: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 20 / 768 * 100, 15px);
  transform: perspective(200px) rotateX(25deg) translate(-40%, 40%);
  transition-delay: 0.3s;
  opacity: 0;
  z-index: 2;
}
.index-message__fig--2 {
  top: 4.08%;
  right: 9.34%;
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 360 / 768 * 100, 270px);
  border-radius: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 40 / 768 * 100, 30px);
  transform: perspective(500px) rotateY(25deg);
  opacity: 0;
  z-index: 1;
}
.index-message__fig--3 {
  top: 50.72%;
  right: 14.83%;
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 160 / 768 * 100, 120px);
  border-radius: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 20 / 768 * 100, 15px);
  transform: translate(-40%, -40%) perspective(200px) rotateX(-25deg);
  transition-delay: 0.7s;
  opacity: 0;
  z-index: 2;
}

.index-message__img {
  transform: scale(1.4);
  transition: transform 2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.index-message__line {
  position: absolute;
  bottom: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 40 / 768 * 100, 30px);
  right: calc(min(min(var(--vw, 1vw), var(--svh, 1vh)) * 235 / 768 * 100, 176.25px) * -1);
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 800 / 768 * 100, 600px);
  max-width: none;
  transform: perspective(1000px) rotateX(25deg);
  transition: clip-path 3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 3.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: 10;
  clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
}
.index-message__line.is-active {
  transform: perspective(1000px) rotateX(0deg);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.index-sustainability {
  position: relative;
  margin-top: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 160 / 768 * 100, 120px);
  z-index: 1;
}

.index-sustainability-head {
  position: relative;
  padding: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 80 / 768 * 100, 60px)
    min(min(var(--vw, 1vw), var(--svh, 1vh)) * 60 / 768 * 100, 45px);
  overflow: hidden;
  border-radius: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 10 / 768 * 100, 7.5px);
  z-index: 1;
}
.index-sustainability-head::before {
  content: "";
  background-color: rgba(51, 51, 51, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -25;
}
.index-sustainability-head.is-active .index-sustainability-head__morphing,
.index-sustainability-head.is-active .index-sustainability-head__bg {
  transform: scale(1);
}
.index-sustainability-head.is-active .index-sustainability-head__box {
  transform: translateY(0px) scale(1);
  opacity: 1;
}
.index-sustainability-head.is-active .index-sustainability-head__hdg {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.index-sustainability-head__bg {
  transform: scale(1.3);
  transition: transform 3.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.index-sustainability-head__morphing {
  transform: scale(3);
  transition: transform 3s cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: -50;
  mix-blend-mode: screen;
}

.index-sustainability-head__morphing--1 {
  transition-delay: 0.2s;
  transform-origin: left bottom;
}

.index-sustainability-head__morphing--2 {
  transform-origin: right top;
}

.index-sustainability-head__hdg,
.index-sustainability-head__lead {
  color: #fff;
}

.index-sustainability-head__hdg {
  transition: clip-path 2s 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.index-sustainability-head__box {
  transform: scale(0.8);
  transition: opacity 1.2s 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
    transform 1.4s 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0;
}

.index-sustainability-head__box {
  background-color: rgba(255, 255, 255, 0.15);
  margin-top: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 68 / 768 * 100, 51px);
  padding: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 68 / 768 * 100, 51px);
  border-radius: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 10 / 768 * 100, 7.5px);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

.index-sustainability-about {
  display: grid;
  justify-content: center;
  margin-top: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 160 / 768 * 100, 120px);
  gap: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 40 / 768 * 100, 30px) 0;
  grid-template-columns: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 608 / 768 * 100, 456px);
}
.index-sustainability-about.is-active .index-sustainability-about__blc {
  clip-path: circle(100% at 50% 80%);
}
.index-sustainability-about.is-active .index-sustainability-about__sub,
.index-sustainability-about.is-active .index-sustainability-about__hdg,
.index-sustainability-about.is-active .index-sustainability-about__txt {
  transform: scale(1);
  opacity: 1;
}

.index-sustainability-about__blc {
  background-color: #fff;
  padding: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 48 / 768 * 100, 36px)
    min(min(var(--vw, 1vw), var(--svh, 1vh)) * 48 / 768 * 100, 36px)
    min(min(var(--vw, 1vw), var(--svh, 1vh)) * 64 / 768 * 100, 48px);
  border-radius: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 200 / 768 * 100, 150px)
    min(min(var(--vw, 1vw), var(--svh, 1vh)) * 200 / 768 * 100, 150px)
    min(min(var(--vw, 1vw), var(--svh, 1vh)) * 10 / 768 * 100, 7.5px)
    min(min(var(--vw, 1vw), var(--svh, 1vh)) * 10 / 768 * 100, 7.5px);
  transition: clip-path 3s cubic-bezier(0.215, 0.61, 0.355, 1);
  clip-path: circle(0% at 50% 80%);
}
.index-sustainability-about__blc:nth-of-type(1) {
  transition-delay: 0s;
}
.index-sustainability-about__blc .index-sustainability-about__sub,
.index-sustainability-about__blc .index-sustainability-about__hdg,
.index-sustainability-about__blc .index-sustainability-about__txt {
  transition-delay: 0.4s;
}
.index-sustainability-about__blc:nth-of-type(2) {
  transition-delay: 0.4s;
}
.index-sustainability-about__blc .index-sustainability-about__sub,
.index-sustainability-about__blc .index-sustainability-about__hdg,
.index-sustainability-about__blc .index-sustainability-about__txt {
  transition-delay: 0.8s;
}

.index-sustainability-about__sub {
  text-align: center;
  transform: scale(0.9);
  transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 2s;
  opacity: 0;
}

.index-sustainability-about__hdg {
  font-size: clamp(1.6666666667rem, 2rem + (min(var(--vw, 1vw), var(--svh, 1vh)) * 100 - 384px) * 0.0520833333, 3rem);
  margin-top: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 64 / 768 * 100, 48px);
  line-height: 1.8;
  text-align: center;
  transform: scale(0.9);
  transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 2s;
  opacity: 0;
}
.index-sustainability-about__hdg::before {
  margin-top: calc((1 - 1.8) * 0.5em);
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.index-sustainability-about__hdg::after {
  margin-bottom: calc((1 - 1.8) * 0.5em);
  content: "";
  display: block;
  width: 0;
  height: 0;
}

.index-sustainability-about__txt {
  margin-top: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 40 / 768 * 100, 30px);
  transform: scale(0.9);
  transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0;
}

.index-effort {
  position: relative;
  width: 94.5%;
  margin: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 160 / 768 * 100, 120px) auto
    min(min(var(--vw, 1vw), var(--svh, 1vh)) * 76 / 768 * 100, 57px);
  z-index: 1;
}

.index-effort-head {
  display: grid;
  position: relative;
  padding-top: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 64 / 768 * 100, 48px);
  gap: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 96 / 768 * 100, 72px) 0;
}
.index-effort-head::before,
.index-effort-head::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
}
.index-effort-head::before {
  background-color: #ddd;
  width: calc(var(--vw, 1vw) * 100);
  height: 1px;
  transform: translateX(-50%);
}
.index-effort-head::after {
  background-color: #00bf7d;
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 300 / 768 * 100, 225px);
  height: 2px;
  transform: translate(-50%, -50%);
  transition: width 2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.index-effort-head.is-active::after {
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 40 / 768 * 100, 30px);
}

.index-effort-head__en {
  text-align: center;
}

.index-effort-head__hdg {
  text-align: center;
  transition: clip-path 3.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);
}
.index-effort-head__hdg.is-active {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.index-effort-anchor {
  display: grid;
  justify-content: center;
  margin-top: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 82 / 768 * 100, 61.5px);
  gap: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 80 / 768 * 100, 60px)
    min(min(var(--vw, 1vw), var(--svh, 1vh)) * 8 / 768 * 100, 6px);
  grid-template-columns: repeat(2, min(min(var(--vw, 1vw), var(--svh, 1vh)) * 310 / 768 * 100, 232.5px));
}
.index-effort-anchor + .index-effort-detail {
  margin-top: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 120 / 768 * 100, 90px);
}
.index-effort-anchor.is-active .index-effort-anchor__box {
  transform: translateY(0px) scale(1);
  opacity: 1;
}
.index-effort-anchor.is-active .index-effort-anchor__icn {
  transform: scale(1);
}

.index-effort-anchor__box {
  transform: translateY(60px) scale(0.9);
  transition: transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0;
}
.index-effort-anchor__box:nth-of-type(1) {
  transition-delay: 0s;
}
.index-effort-anchor__box:nth-of-type(2) {
  transition-delay: 0.18s;
}
.index-effort-anchor__box:nth-of-type(3) {
  transition-delay: 0.36s;
}
.index-effort-anchor__box:nth-of-type(4) {
  transition-delay: 0.54s;
}

.index-effort-anchor__circle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #fff;
  position: relative;
  height: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 310 / 768 * 100, 232.5px);
  border-radius: 50%;
  gap: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 24 / 768 * 100, 18px) 0;
}

.index-effort-anchor__num {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}

.index-effort-anchor__label {
  text-align: center;
}
.index-effort-anchor__label--1 {
  color: #f7843c;
}
.index-effort-anchor__label--2 {
  color: #f53cbc;
}
.index-effort-anchor__label--3 {
  color: #1dc4eb;
}
.index-effort-anchor__label--4 {
  color: #1dd824;
}

.index-effort-anchor__fig {
  display: flex;
  justify-content: center;
  align-items: center;
  height: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 123 / 768 * 100, 92.25px);
}

.index-effort-anchor__icn {
  transform: scale(0.8);
  transition: transform 2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0.2s;
}
.index-effort-anchor__icn--1 {
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 140 / 768 * 100, 105px);
}
.index-effort-anchor__icn--2 {
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 162 / 768 * 100, 121.5px);
  opacity: 0.5;
}
.index-effort-anchor__icn--3 {
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 143.9 / 768 * 100, 107.925px);
  opacity: 0.66;
}
.index-effort-anchor__icn--4 {
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 127.5 / 768 * 100, 95.625px);
  opacity: 0.5;
}

.index-effort-anchor__summary {
  margin-top: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 32 / 768 * 100, 24px);
  text-align: center;
}

.index-effort-anchor__btn {
  width: 100%;
  margin-top: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 40 / 768 * 100, 30px);
}
.index-effort-anchor__btn .btn__txt {
  font-size: clamp(
    1.0833333333rem,
    1.3rem + (min(var(--vw, 1vw), var(--svh, 1vh)) * 100 - 384px) * 0.0338541667,
    1.95rem
  );
  line-height: 2;
  letter-spacing: 0.1em;
}
.index-effort-anchor__btn .btn__txt::before {
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.index-effort-anchor__btn .btn__txt::after {
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
  display: block;
  width: 0;
  height: 0;
}

.index-effort-detail {
  scroll-margin-top: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 136 / 768 * 100, 102px);
}
.index-effort-detail + .index-effort-detail {
  margin-top: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 98 / 768 * 100, 73.5px);
}
.index-effort-detail.is-active .index-effort-detail__main {
  opacity: 1;
  clip-path: circle(100% at 50% 40%);
}
.index-effort-detail.is-active .index-effort-detail__main .index-effort-detail__hdg,
.index-effort-detail.is-active .index-effort-detail__main .index-effort-detail__txt,
.index-effort-detail.is-active .index-effort-detail__main .index-effort-detail__btn {
  transform: scale(1);
  opacity: 1;
}
.index-effort-detail.is-active .index-effort-detail__fig {
  transform: translateY(0%);
  opacity: 1;
  clip-path: circle(100% at 50% 40%);
}
.index-effort-detail.is-active .index-effort-detail__fig-cover {
  opacity: 0;
}
.index-effort-detail.is-active .index-effort-detail__img {
  transform: scale(1);
}

.index-effort-detail__fig {
  position: relative;
  overflow: hidden;
  border-radius: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 20 / 768 * 100, 15px);
  transform: translateY(50px);
  transition: opacity 3s cubic-bezier(0.215, 0.61, 0.355, 1), clip-path 3s cubic-bezier(0.68, -0.55, 0.265, 1.55),
    transform 4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  opacity: 0;
  clip-path: circle(20% at 50% 50%);
}

.index-effort-detail__fig-cover {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  transition: opacity 1.8s 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  z-index: 1;
}
.index-effort-detail__fig-cover--1 {
  background: #f7843c;
}
.index-effort-detail__fig-cover--2 {
  background: #f53cbc;
}
.index-effort-detail__fig-cover--3 {
  background: #1dc4eb;
}
.index-effort-detail__fig-cover--4 {
  background: #1dd824;
}

.index-effort-detail__main {
  background-color: #fff;
  position: relative;
  width: 88.37%;
  margin: max(min(var(--vw, 1vw), var(--svh, 1vh)) * -64 / 768 * 100, -48px) auto 0;
  padding: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 80 / 768 * 100, 60px)
    min(min(var(--vw, 1vw), var(--svh, 1vh)) * 48 / 768 * 100, 36px);
  border-radius: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 60 / 768 * 100, 45px);
  transition: opacity 3s cubic-bezier(0.68, -0.55, 0.265, 1.55), clip-path 3.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  opacity: 0;
  clip-path: circle(20% at 50% 45%);
}

.index-effort-detail__img {
  transform: scale(1.4);
  transition: transform 2.8s 0.05s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.index-effort-detail__icn {
  position: absolute;
  top: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 32 / 768 * 100, 24px);
  left: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 32 / 768 * 100, 24px);
}
.index-effort-detail__icn--1 {
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 42 / 768 * 100, 31.5px);
}
.index-effort-detail__icn--2 {
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 48.6 / 768 * 100, 36.45px);
  opacity: 0.5;
}
.index-effort-detail__icn--3 {
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 44 / 768 * 100, 33px);
  opacity: 0.66;
}
.index-effort-detail__icn--4 {
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 40 / 768 * 100, 30px);
  opacity: 0.5;
}

.index-effort-detail__hdg {
  text-align: center;
  transform: scale(0.8);
  transition: transform 1.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 1.45s;
  opacity: 0;
}
.index-effort-detail__hdg--1 {
  color: #f7843c;
}
.index-effort-detail__hdg--2 {
  color: #f53cbc;
}
.index-effort-detail__hdg--3 {
  color: #1dc4eb;
}
.index-effort-detail__hdg--4 {
  color: #1dd824;
}

.index-effort-detail__txt {
  margin-top: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 32 / 768 * 100, 24px);
  transform: scale(0.85);
  transition: transform 1.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 1.3s;
  opacity: 0;
}

.index-effort-detail__btn {
  width: 100%;
  margin-top: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 64 / 768 * 100, 48px);
  transform: scale(0.5);
  transition: transform 1.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 1.45s;
  opacity: 0;
}
.index-effort-detail__btn .btn__link {
  justify-content: flex-start;
  padding-left: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 24 / 768 * 100, 18px);
  padding-right: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 64 / 768 * 100, 48px);
}

.effort-sdgs {
  display: grid;
  background-color: #fff;
  position: absolute;
  top: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 16 / 768 * 100, 12px);
  right: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 16 / 768 * 100, 12px);
  padding: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 8 / 768 * 100, 6px);
  border-radius: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 10 / 768 * 100, 7.5px);
  gap: 2px 0;
}

.effort-sdgs__icn {
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 64 / 768 * 100, 48px);
}

.index-deco {
  position: absolute;
  z-index: -1;
}

.index-deco--1 {
  top: 0;
  right: calc(min(min(var(--vw, 1vw), var(--svh, 1vh)) * 220 / 768 * 100, 165px) * -1);
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 558 / 768 * 100, 418.5px);
}

.index-deco--2 {
  bottom: calc(min(min(var(--vw, 1vw), var(--svh, 1vh)) * 420 / 768 * 100, 315px) * -1);
  left: calc(min(min(var(--vw, 1vw), var(--svh, 1vh)) * 220 / 768 * 100, 165px) * -1);
  width: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 558 / 768 * 100, 418.5px);
}

.index-deco--3 {
  display: none;
}

@media screen and (min-width: 960px) {
  .kv {
    padding-top: min(var(--vw, 1vw) * 106 / 1360 * 100, 132.5px);
    padding-bottom: 0;
  }
  .kv__flow-txt {
    font-size: min(20rem + 25 * (var(--vw, 1vw) * 100 - 1360px) / 340, 22.5rem);
  }
  .kv__main {
    top: min(var(--vw, 1vw) * 260 / 1360 * 100, 325px);
    bottom: auto;
    left: min(var(--vw, 1vw) * 76 / 1360 * 100, 95px);
  }
  .kv__name {
    width: min(26.5rem + 33.125 * (var(--vw, 1vw) * 100 - 1360px) / 340, 29.8125rem);
  }
  .kv__ttl {
    font-size: min(8rem + 10 * (var(--vw, 1vw) * 100 - 1360px) / 340, 9rem);
    margin-top: min(var(--vw, 1vw) * 10 / 1360 * 100, 12.5px);
  }
  .kv__ttl-item {
    width: min(var(--vw, 1vw) * 680 / 1360 * 100, 850px);
  }
  .kv__motif {
    position: relative;
    top: auto;
    left: calc(min(var(--vw, 1vw) * 320 / 1360 * 100, 400px) * -1);
    width: min(var(--vw, 1vw) * 1200 / 1360 * 100, 1500px);
    max-width: 1200px;
  }
  .kv__webgl-contents {
    left: auto;
    right: calc(min(var(--vw, 1vw) * 30 / 1360 * 100, 37.5px) * -1);
    width: min(var(--vw, 1vw) * 1326 / 1360 * 100, 1657.5px);
    height: min(var(--vw, 1vw) * 960 / 1360 * 100, 1200px);
    margin: 0 0 0 auto;
    transform: translateX(0);
  }
  .kv__circle {
    width: min(var(--vw, 1vw) * 430 / 1360 * 100, 537.5px);
    height: min(var(--vw, 1vw) * 430 / 1360 * 100, 537.5px);
  }
  .kv__border {
    left: calc(min(var(--vw, 1vw) * 430 / 1360 * 100, 537.5px) * 0.5);
    width: calc(min(var(--vw, 1vw) * 1326 / 1360 * 100, 1657.5px) * 0.25);
    height: min(var(--vw, 1vw) * 530 / 1360 * 100, 662.5px);
  }
  .kv__deco {
    transform: scale(4);
  }
  .kv__deco--1 {
    top: calc(min(var(--vw, 1vw) * 250 / 1360 * 100, 312.5px) * -1);
    left: 50%;
    width: min(var(--vw, 1vw) * 472 / 1360 * 100, 590px);
  }
  .kv__deco--2 {
    bottom: calc(min(var(--vw, 1vw) * 120 / 1360 * 100, 150px) * -1);
    left: calc(min(var(--vw, 1vw) * 160 / 1360 * 100, 200px) * -1);
    width: min(var(--vw, 1vw) * 521 / 1360 * 100, 651.25px);
  }
  .kv__deco--3 {
    bottom: calc(min(var(--vw, 1vw) * 100 / 1360 * 100, 125px) * -1);
    right: calc(min(var(--vw, 1vw) * 200 / 1360 * 100, 250px) * -1);
    width: min(var(--vw, 1vw) * 558 / 1360 * 100, 697.5px);
  }
  .kv__underdeco--2 {
    width: min(var(--vw, 1vw) * 350 / 1360 * 100, 437.5px);
  }
  .kv__underdeco--3 {
    width: min(var(--vw, 1vw) * 350 / 1360 * 100, 437.5px);
  }
  .kv__underdeco--4 {
    width: min(var(--vw, 1vw) * 456 / 1360 * 100, 570px);
  }
  .kv__img {
    top: calc(50% - min(var(--vw, 1vw) * 160 / 1360 * 100, 200px));
    left: calc(50% - min(var(--vw, 1vw) * 160 / 1360 * 100, 200px));
  }
  .kv__img-box {
    width: min(var(--vw, 1vw) * 310 / 1360 * 100, 387.5px);
    height: min(var(--vw, 1vw) * 310 / 1360 * 100, 387.5px);
  }
  .index-report {
    margin-top: min(var(--vw, 1vw) * 64 / 1360 * 100, 80px);
    margin-left: min(var(--vw, 1vw) * 40 / 1360 * 100, 50px);
    gap: min(min(var(--vw, 1vw), var(--svh, 1vh)) * 16 / 768 * 100, 12px) 0;
    grid-template-columns: min(var(--vw, 1vw) * 344 / 1360 * 100, 430px) auto;
    grid-template-rows: 1fr auto;
  }
  .index-report__head {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .index-report__hdg {
    margin-top: min(var(--vw, 1vw) * 24 / 1360 * 100, 30px);
  }
  .index-report__btn {
    width: min(var(--vw, 1vw) * 240 / 1360 * 100, 300px);
    margin-top: min(var(--vw, 1vw) * 40 / 1360 * 100, 50px);
  }
  .index-report__btn .btn__link {
    justify-content: center;
    padding-left: 0;
    filter: drop-shadow(0 0 min(var(--vw, 1vw) * 20 / 1360 * 100, 25px) rgba(0, 0, 0, 0.05));
  }
  .index-report-control {
    margin-right: var(--sw);
    gap: 0 min(var(--vw, 1vw) * 18 / 1360 * 100, 22.5px);
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .index-report__carousel {
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .index-report-card {
    width: min(var(--vw, 1vw) * 280 / 1360 * 100, 350px);
  }
  .index-report-card__fig {
    border-radius: min(var(--vw, 1vw) * 10 / 1360 * 100, 12.5px);
  }
  .index-report-card__hdg {
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .index-report-card__hdg::before {
    margin-top: calc((1 - 1.5) * 0.5em);
  }
  .index-report-card__hdg::after {
    margin-bottom: calc((1 - 1.5) * 0.5em);
  }
  .index-report-card__article {
    gap: min(var(--vw, 1vw) * 16 / 1360 * 100, 20px) 0;
  }
  .index-report-card__txt {
    line-height: 1.71;
    letter-spacing: 0.05em;
  }
  .index-report-card__txt::before {
    margin-top: calc((1 - 1.71) * 0.5em);
  }
  .index-report-card__txt::after {
    margin-bottom: calc((1 - 1.71) * 0.5em);
  }
  .index-message {
    margin-top: min(var(--vw, 1vw) * 120 / 1360 * 100, 150px);
    padding-top: min(var(--vw, 1vw) * 40 / 1360 * 100, 50px);
  }
  .index-message::before {
    width: calc(var(--sw) + min(var(--vw, 1vw) * 400 / 1360 * 100, 500px));
  }
  .index-message::after {
    left: calc(var(--sw) + min(var(--vw, 1vw) * 400 / 1360 * 100, 500px));
  }
  .index-message.is-active::after {
    width: min(var(--vw, 1vw) * 40 / 1360 * 100, 50px);
  }
  .index-message__body {
    display: grid;
    align-items: flex-start;
    margin: 0 min(var(--vw, 1vw) * 40 / 1360 * 100, 50px);
    gap: min(var(--vw, 1vw) * 80 / 1360 * 100, 100px) 0;
    grid-template-columns: auto min(var(--vw, 1vw) * 440 / 1360 * 100, 550px);
    grid-template-rows: 1fr auto;
  }
  .index-message__en {
    margin: 0 min(var(--vw, 1vw) * 120 / 1360 * 100, 150px);
  }
  .index-message__article {
    margin: 0 min(var(--vw, 1vw) * 120 / 1360 * 100, 150px);
    padding-bottom: min(var(--vw, 1vw) * 160 / 1360 * 100, 200px);
    gap: min(var(--vw, 1vw) * 40 / 1360 * 100, 50px) 0;
    grid-row: 2/3;
  }
  .index-message__chapter {
    height: 100%;
    gap: min(var(--vw, 1vw) * 24 / 1360 * 100, 30px) 0;
  }
  .index-message__collection {
    height: min(var(--vw, 1vw) * 724 / 1360 * 100, 905px);
    margin-top: auto;
    grid-column: 2/3;
    grid-row: 1/3;
  }
  .index-message__fig--1 {
    top: -7.74%;
    right: 0;
    width: min(var(--vw, 1vw) * 240 / 1360 * 100, 300px);
    border-radius: min(var(--vw, 1vw) * 20 / 1360 * 100, 25px);
  }
  .index-message__fig--2 {
    top: 8.83%;
    left: 0;
    right: auto;
    width: min(var(--vw, 1vw) * 360 / 1360 * 100, 450px);
    border-radius: min(var(--vw, 1vw) * 40 / 1360 * 100, 50px);
  }
  .index-message__fig--3 {
    top: 52.9%;
    right: 27.27%;
    width: min(var(--vw, 1vw) * 160 / 1360 * 100, 200px);
    border-radius: min(var(--vw, 1vw) * 20 / 1360 * 100, 25px);
  }
  .index-message__line {
    right: calc(min(var(--vw, 1vw) * 360 / 1360 * 100, 450px) * -1);
    width: min(var(--vw, 1vw) * 1200 / 1360 * 100, 1500px);
  }
  .index-sustainability {
    margin-top: min(var(--vw, 1vw) * 120 / 1360 * 100, 150px);
  }
  .index-sustainability-head {
    display: grid;
    align-items: center;
    padding: min(var(--vw, 1vw) * 104 / 1360 * 100, 130px) min(var(--vw, 1vw) * 80 / 1360 * 100, 100px);
    border-radius: min(var(--vw, 1vw) * 10 / 1360 * 100, 12.5px);
    grid-template-columns: repeat(2, 1fr);
  }
  .index-sustainability-head__box {
    margin-top: 0;
    padding: min(var(--vw, 1vw) * 56 / 1360 * 100, 70px);
    border-radius: min(var(--vw, 1vw) * 10 / 1360 * 100, 12.5px);
  }
  .index-sustainability-about {
    margin-top: min(var(--vw, 1vw) * 120 / 1360 * 100, 150px);
    gap: 0 min(var(--vw, 1vw) * 24 / 1360 * 100, 30px);
    grid-template-columns: repeat(2, min(var(--vw, 1vw) * 456 / 1360 * 100, 570px));
  }
  .index-sustainability-about__blc {
    padding: min(var(--vw, 1vw) * 40 / 1360 * 100, 50px) min(var(--vw, 1vw) * 64 / 1360 * 100, 80px)
      min(var(--vw, 1vw) * 64 / 1360 * 100, 80px);
    border-radius: min(var(--vw, 1vw) * 200 / 1360 * 100, 250px) min(var(--vw, 1vw) * 200 / 1360 * 100, 250px)
      min(var(--vw, 1vw) * 10 / 1360 * 100, 12.5px) min(var(--vw, 1vw) * 10 / 1360 * 100, 12.5px);
  }
  .index-sustainability-about__hdg {
    font-size: min(2.4rem + 3 * (var(--vw, 1vw) * 100 - 1360px) / 340, 2.7rem);
    margin-top: min(var(--vw, 1vw) * 56 / 1360 * 100, 70px);
    line-height: 1.66;
  }
  .index-sustainability-about__hdg::before {
    margin-top: calc((1 - 1.66) * 0.5em);
  }
  .index-sustainability-about__hdg::after {
    margin-bottom: calc((1 - 1.66) * 0.5em);
  }
  .index-sustainability-about__txt {
    margin-top: min(var(--vw, 1vw) * 24 / 1360 * 100, 30px);
  }
  .index-effort {
    width: min(var(--vw, 1vw) * 936 / 1360 * 100, 1170px);
    margin: min(var(--vw, 1vw) * 120 / 1360 * 100, 150px) auto min(var(--vw, 1vw) * 80 / 1360 * 100, 100px);
  }
  .index-effort-head {
    padding-top: min(var(--vw, 1vw) * 40 / 1360 * 100, 50px);
    gap: min(var(--vw, 1vw) * 56 / 1360 * 100, 70px) 0;
  }
  .index-effort-head::after {
    width: min(var(--vw, 1vw) * 300 / 1360 * 100, 375px);
  }
  .index-effort-head.is-active::after {
    width: min(var(--vw, 1vw) * 40 / 1360 * 100, 50px);
  }
  .index-effort-anchor {
    margin-top: min(var(--vw, 1vw) * 52 / 1360 * 100, 65px);
    gap: 0 min(var(--vw, 1vw) * 24 / 1360 * 100, 30px);
    grid-template-columns: repeat(4, min(var(--vw, 1vw) * 216 / 1360 * 100, 270px));
  }
  .index-effort-anchor + .index-effort-detail {
    margin-top: min(var(--vw, 1vw) * 80 / 1360 * 100, 100px);
  }
  .index-effort-anchor__circle {
    height: min(var(--vw, 1vw) * 216 / 1360 * 100, 270px);
    gap: min(var(--vw, 1vw) * 20 / 1360 * 100, 25px) 0;
  }
  .index-effort-anchor__fig {
    height: min(var(--vw, 1vw) * 88 / 1360 * 100, 110px);
  }
  .index-effort-anchor__icn--1 {
    width: min(var(--vw, 1vw) * 100 / 1360 * 100, 125px);
  }
  .index-effort-anchor__icn--2 {
    width: min(var(--vw, 1vw) * 116.7 / 1360 * 100, 145.875px);
  }
  .index-effort-anchor__icn--3 {
    width: min(var(--vw, 1vw) * 99.4 / 1360 * 100, 124.25px);
  }
  .index-effort-anchor__icn--4 {
    width: min(var(--vw, 1vw) * 92.7 / 1360 * 100, 115.875px);
  }
  .index-effort-anchor__summary {
    margin-top: min(var(--vw, 1vw) * 16 / 1360 * 100, 20px);
  }
  .index-effort-anchor__btn {
    width: min(var(--vw, 1vw) * 184 / 1360 * 100, 230px);
    margin: min(var(--vw, 1vw) * 24 / 1360 * 100, 30px) auto 0;
  }
  .index-effort-anchor__btn .btn__txt {
    font-size: min(1.6rem + 2 * (var(--vw, 1vw) * 100 - 1360px) / 340, 1.8rem);
    line-height: 2;
  }
  .index-effort-anchor__btn .btn__txt::before {
    margin-top: calc((1 - 2) * 0.5em);
  }
  .index-effort-anchor__btn .btn__txt::after {
    margin-bottom: calc((1 - 2) * 0.5em);
  }
  .index-effort-detail {
    scroll-margin-top: min(var(--vw, 1vw) * 104 / 1360 * 100, 130px);
  }
  .index-effort-detail + .index-effort-detail {
    margin-top: min(var(--vw, 1vw) * 64 / 1360 * 100, 80px);
  }
  .index-effort-detail__fig {
    border-radius: min(var(--vw, 1vw) * 20 / 1360 * 100, 25px);
    transform: translateY(40px);
  }
  .index-effort-detail__main {
    width: min(var(--vw, 1vw) * 845 / 1360 * 100, 1056.25px);
    margin-top: max(var(--vw, 1vw) * -80 / 1360 * 100, -100px);
    padding: min(var(--vw, 1vw) * 64 / 1360 * 100, 80px) min(var(--vw, 1vw) * 80 / 1360 * 100, 100px);
    border-radius: min(var(--vw, 1vw) * 80 / 1360 * 100, 100px);
  }
  .index-effort-detail__icn {
    top: min(var(--vw, 1vw) * 40 / 1360 * 100, 50px);
    left: min(var(--vw, 1vw) * 40 / 1360 * 100, 50px);
  }
  .index-effort-detail__icn--1 {
    width: min(var(--vw, 1vw) * 50 / 1360 * 100, 62.5px);
  }
  .index-effort-detail__icn--2 {
    width: min(var(--vw, 1vw) * 64 / 1360 * 100, 80px);
  }
  .index-effort-detail__icn--3 {
    width: min(var(--vw, 1vw) * 60 / 1360 * 100, 75px);
  }
  .index-effort-detail__icn--4 {
    width: min(var(--vw, 1vw) * 56 / 1360 * 100, 70px);
  }
  .index-effort-detail__txt {
    margin-top: min(var(--vw, 1vw) * 24 / 1360 * 100, 30px);
  }
  .index-effort-detail__btn {
    width: min(var(--vw, 1vw) * 560 / 1360 * 100, 700px);
    margin: min(var(--vw, 1vw) * 40 / 1360 * 100, 50px) auto 0;
  }
  .index-effort-detail__btn .btn__link {
    justify-content: center;
    padding: 0;
  }
  .effort-sdgs {
    top: min(var(--vw, 1vw) * 16 / 1360 * 100, 20px);
    right: min(var(--vw, 1vw) * 16 / 1360 * 100, 20px);
    padding: min(var(--vw, 1vw) * 8 / 1360 * 100, 10px);
    border-radius: min(var(--vw, 1vw) * 10 / 1360 * 100, 12.5px);
    gap: 3px 0;
  }
  .effort-sdgs__icn {
    width: min(var(--vw, 1vw) * 64 / 1360 * 100, 80px);
  }
  .index-deco--1 {
    top: calc(min(var(--vw, 1vw) * 100 / 1360 * 100, 125px) * -1);
    right: calc(min(var(--vw, 1vw) * 220 / 1360 * 100, 275px) * -1);
    width: min(var(--vw, 1vw) * 558 / 1360 * 100, 697.5px);
  }
  .index-deco--2 {
    bottom: calc(min(min(var(--vw, 1vw), var(--svh, 1vh)) * 430 / 768 * 100, 322.5px) * -1);
    left: calc(min(var(--vw, 1vw) * 220 / 1360 * 100, 275px) * -1);
    width: min(var(--vw, 1vw) * 558 / 1360 * 100, 697.5px);
  }
  .index-deco--3 {
    display: block;
    top: min(var(--vw, 1vw) * 550 / 1360 * 100, 687.5px);
    right: calc(min(var(--vw, 1vw) * 280 / 1360 * 100, 350px) * -1);
    width: min(var(--vw, 1vw) * 472 / 1360 * 100, 590px);
  }
}