/* @mixin MQ_OVER {
    @media (min-width: 1000px) {
        @content;
    }
} */
@keyframes chartImgIn {
  0% {
    transform: translateY(-20px) scale(1);
  }
  100% {
    transform: translateY(0) scale(1);
  }
}
.top-btns {
  position: relative;
}

.top-btns__item {
  overflow: hidden;
  opacity: 0;
  position: relative;
  transition: all 0.3s 0s ease;
}
.top-btns__item::before {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  height: 100%;
  pointer-events: none;
  transition: transform 0.3s 0s ease;
  transform-origin: left;
  width: 150%;
}
.top-btns__item.-about::before {
  background: linear-gradient(70deg, rgb(255, 162, 122) 5.15%, rgb(205, 170, 255) 25.46%, rgb(220, 157, 235) 36.94%, rgb(255, 127, 185) 54.14%, rgb(255, 174, 101) 74.02%, rgb(255, 245, 233) 100%);
}
.top-btns__item.-about::after {
  position: absolute;
  bottom: 0;
  right: 0;
  content: "";
  height: 100%;
  pointer-events: none;
  width: 100%;
}
.top-btns__item.-trailers {
  margin-top: 5vw;
}
.top-btns__item.-trailers::before {
  background: linear-gradient(70deg, rgb(120, 208, 245) 0%, rgb(225, 249, 206) 31.16%, rgb(194, 246, 190) 36.24%, rgb(104, 239, 144) 58.09%, rgb(101, 206, 234) 78.22%, rgb(214, 232, 255) 100%);
}
.top-btns__item.-trailers dd {
  position: relative;
  padding-left: 13.3vw;
}
.top-btns__item.-trailers dd::before {
  position: absolute;
  top: 50%;
  left: 0;
  aspect-ratio: 92/66;
  background: url(../../assets/img/top/about/ico_youtube.svg) no-repeat 50% 50%/contain;
  content: "";
  display: block;
  opacity: 0;
  transform: translate(0, -50%);
  width: 10.9vw;
}
.top-btns__item.-reveal {
  animation: itemFadeIn 0.5s 0s ease forwards;
}
.top-btns__item.-reveal.-about {
  /* &::after {
      animation: tapeInTB 0.6s 0.6s ease-in-out forwards, chartImgIn 0.6s 0.6s ease-in-out forwards;
  } */
}
.top-btns__item.-reveal.-trailers dd::before {
  animation: itemFadeIn 0.6s 0.2s ease-in-out forwards;
}
.top-btns__item.-reveal .c-btn_arw__item {
  animation: itemFadeIn 0.3s 0.8s ease forwards;
}
.top-btns__item .c-btn_arw__item {
  opacity: 0;
}

.top-btns__item__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.top-btns__item__inner .text-wide:nth-of-type(2) {
  animation-delay: 0.2s;
}
.top-btns__item__inner .text-wide:nth-of-type(2)::after {
  animation-delay: 0.7s;
}
.top-btns__item__inner .text-nrw {
  display: inline-block;
}
.top-btns__item__inner .text-nrw:nth-of-type(2) {
  animation-delay: 0.2s;
}
.top-btns__item__inner .text-nrw:nth-of-type(2)::after {
  animation-delay: 0.7s;
}
.top-btns__item__inner .text-nrw:nth-of-type(3) {
  animation-delay: 0.3s;
}
.top-btns__item__inner .text-nrw:nth-of-type(3)::after {
  animation-delay: 0.8s;
}
.top-btns__item__inner .sub {
  animation-delay: 0.4s;
}
.top-btns__item__inner .sub::after {
  animation-delay: 0.9s;
}

.top-btns__item__title {
  font-weight: 800;
  position: relative;
}
.top-btns__item__title dt {
  position: relative;
  font-size: 3.8vw;
  letter-spacing: 0.015em;
  line-height: 1;
}
.top-btns__item__title dt span {
  display: inline-block;
  padding-left: 4.1vw;
  position: relative;
}
.top-btns__item__title dt span::before {
  position: absolute;
  top: 50%;
  left: clamp(7px, 4.8571428571px + 0.2678571429vw, 15px);
  aspect-ratio: 1/1;
  background: #323232;
  border-radius: 50%;
  content: "";
  display: block;
  transform: translate(0, -50%);
  width: 1.3vw;
}
.top-btns__item__title dd {
  font-size: 5vw;
  line-height: 1.3;
}

.top__inner__subtitle {
  font-weight: 800;
  line-height: 1;
  position: relative;
  opacity: 0;
}
.top-producers .top__inner__subtitle {
  filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.65));
  color: #fff;
}
.top__inner__subtitle::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #323232;
  border-radius: 999px;
  content: "";
}
.top-producers .top__inner__subtitle::before {
  background: #fff;
}
.-reveal .top__inner__subtitle {
  animation: tapeInLR 0.8s 0s cubic-bezier(1, 0, 0, 1) forwards;
}

.top__inner__title {
  display: inline-block;
  letter-spacing: -0.03em;
  position: relative;
  transform-origin: left;
  transform: scaleX(0);
}
.top-producers .top__inner__title {
  color: #fff;
}
.-reveal .top__inner__title {
  animation: itemInScaleX 0.4s 0s cubic-bezier(1, 0, 0, 1) forwards;
}
.top__inner__title span {
  display: inline-block;
  position: relative;
}
.top__inner__title span::after {
  position: absolute;
  top: 0;
  left: 0;
  background: #323232;
  content: "";
  height: 104%;
  transform-origin: right;
  width: 105%;
}
.top-producers .top__inner__title span::after {
  background: #fff;
}
.-reveal .top__inner__title span::after {
  animation: itemOutScaleX 0.45s 0.45s cubic-bezier(1, 0, 0, 1) forwards;
}
.top__inner__title span:nth-of-type(2)::after {
  animation-delay: 0.4s;
}

.top-mainvisual__list__item {
  opacity: 0;
}
.-mvstarted .top-mainvisual__list__item {
  animation: mvListItemIn 0s 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;
}
.-mvstarted .top-mainvisual__list__item[data-index="2"] .top-mainvisual__list__item__img, .-mvstarted .top-mainvisual__list__item[data-index="6"] .top-mainvisual__list__item__img, .-mvstarted .top-mainvisual__list__item[data-index="11"] .top-mainvisual__list__item__img {
  animation: tapeInLR 0.8s 1s cubic-bezier(1, 0, 0, 1) forwards;
}
.-mvstarted .top-mainvisual__list__item[data-index="4"] .top-mainvisual__list__item__img, .-mvstarted .top-mainvisual__list__item[data-index="10"] .top-mainvisual__list__item__img {
  animation: tapeInLR 0.8s 0.3s cubic-bezier(1, 0, 0, 1) forwards;
}
.-mvstarted .top-mainvisual__list__item[data-index="1"] .top-mainvisual__list__item__img, .-mvstarted .top-mainvisual__list__item[data-index="8"] .top-mainvisual__list__item__img {
  animation: tapeInLR 0.8s 0.8s cubic-bezier(1, 0, 0, 1) forwards;
}
.-mvstarted .top-mainvisual__list__item[data-index="3"] .top-mainvisual__list__item__img, .-mvstarted .top-mainvisual__list__item[data-index="12"] .top-mainvisual__list__item__img {
  animation: tapeInLR 0.8s 0s cubic-bezier(1, 0, 0, 1) forwards;
}
.-mvstarted .top-mainvisual__list__item[data-index="5"] .top-mainvisual__list__item__img, .-mvstarted .top-mainvisual__list__item[data-index="9"] .top-mainvisual__list__item__img {
  animation: tapeInLR 0.8s 1.2s cubic-bezier(1, 0, 0, 1) forwards;
}
.-mvstarted .top-mainvisual__list__item[data-index="7"] .top-mainvisual__list__item__img {
  animation: tapeInLR 0.8s 1.5s cubic-bezier(1, 0, 0, 1) forwards;
}

@keyframes mvListItemIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tapeInMvItemImgLR {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  99% {
    clip-path: inset(0 0 0 0);
  }
  100% {
    clip-path: none;
  }
}
.top-mainvisual__scroll {
  transition: transform 0.3s 3.4s ease;
}
.-ready .top-mainvisual__scroll {
  transform: translateX(-50%) scaleX(1);
}
.-scrolled .top-mainvisual__scroll {
  animation: itemFadeOut 0.4s 0s forwards;
}
.top-mainvisual__scroll::after {
  transition: transform 0.3s 3.7s ease;
}
.-ready .top-mainvisual__scroll::after {
  transform: scaleX(0);
}
.top-mainvisual__scroll img {
  display: block;
}
.-ready .top-mainvisual__scroll img {
  animation: scrollArwMove 2.5s 4s infinite ease-in-out;
}

.top-mainvisual__catch {
  color: #CDCDCD;
  mix-blend-mode: difference;
  transform: translateX(-50%);
}

.-ready .top-mainvisual__catch__inner {
  transform: scale(1);
}

.top-mainvisual__catch__subcatch {
  display: inline-block;
  font-weight: 800;
  line-height: 1;
  transform-origin: left;
  white-space: nowrap;
  transform: scaleX(0);
}
.-ready .top-mainvisual__catch__subcatch {
  animation: itemInScaleX 0.5s 0s cubic-bezier(1, 0, 0, 1) forwards;
}
.top-mainvisual__catch__subcatch::after {
  position: absolute;
  top: 0;
  left: 0;
  background: #CDCDCD;
  content: "";
  height: 106%;
  transform-origin: right;
  width: 100%;
}
.-ready .top-mainvisual__catch__subcatch::after {
  animation: itemOutScaleX 0.4s 0.5s cubic-bezier(1, 0, 0, 1) forwards;
}

.top-mainvisual__catch__maincatch {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  font-variation-settings: "wght" 715, "wdth" 100, "slnt" 0;
  font-weight: 800;
  letter-spacing: -0.04em;
  white-space: nowrap;
}
.top-mainvisual__catch__maincatch span {
  display: inline-block;
  line-height: 1;
  position: relative;
  transform-origin: left;
  transform: scaleX(0);
}
.top-mainvisual__catch__maincatch span:nth-of-type(1) {
  margin-top: 0;
}
.top-mainvisual__catch__maincatch span:nth-of-type(2) {
  margin-top: -0.1em;
}
.top-mainvisual__catch__maincatch span:nth-of-type(3) {
  margin-top: -0.09em;
}
.-ready .top-mainvisual__catch__maincatch span {
  animation: itemInScaleX 0.5s 0.1s cubic-bezier(1, 0, 0, 1) forwards;
}
.top-mainvisual__catch__maincatch span::after {
  position: absolute;
  top: 0;
  left: 0;
  background: #CDCDCD;
  content: "";
  height: 102%;
  transform-origin: right;
  width: 100%;
}
.-bottom .top-mainvisual__catch__maincatch span::after {
  background: #808080;
}
.-ready .top-mainvisual__catch__maincatch span::after {
  animation: itemOutScaleX 0.4s 0.5s cubic-bezier(1, 0, 0, 1) forwards;
}
.top-mainvisual__catch__maincatch span:nth-of-type(1) {
  animation-delay: 0.2s;
}
.top-mainvisual__catch__maincatch span:nth-of-type(1)::after {
  animation-delay: 0.6s;
}
.top-mainvisual__catch__maincatch span:nth-of-type(2) {
  animation-delay: 0.3s;
}
.top-mainvisual__catch__maincatch span:nth-of-type(2)::after {
  animation-delay: 0.7s;
}
.top-mainvisual__catch__maincatch span:nth-of-type(3) {
  animation-delay: 0.4s;
}
.top-mainvisual__catch__maincatch span:nth-of-type(3)::after {
  animation-delay: 0.8s;
}
.top-mainvisual__catch__maincatch span:nth-of-type(4) {
  animation-delay: 0.5s;
}
.top-mainvisual__catch__maincatch span:nth-of-type(4)::after {
  animation-delay: 0.9s;
}
.top-mainvisual__catch__maincatch span:nth-of-type(5) {
  animation-delay: 0.6s;
}
.top-mainvisual__catch__maincatch span:nth-of-type(5)::after {
  animation-delay: 1s;
}
.top-mainvisual__catch__maincatch span:nth-of-type(6) {
  animation-delay: 0.7s;
}
.top-mainvisual__catch__maincatch span:nth-of-type(6)::after {
  animation-delay: 1.1s;
}
.top-mainvisual__catch__maincatch span:nth-of-type(7) {
  animation-delay: 0.8s;
}
.top-mainvisual__catch__maincatch span:nth-of-type(7)::after {
  animation-delay: 1.2s;
}
.top-mainvisual__catch__maincatch span:nth-of-type(8) {
  animation-delay: 0.9s;
}
.top-mainvisual__catch__maincatch span:nth-of-type(8)::after {
  animation-delay: 1.3s;
}
.top-mainvisual__catch__maincatch span:nth-of-type(9) {
  animation-delay: 1s;
}
.top-mainvisual__catch__maincatch span:nth-of-type(9)::after {
  animation-delay: 1.4s;
}
.top-mainvisual__catch__maincatch span:nth-of-type(10) {
  animation-delay: 1.1s;
}
.top-mainvisual__catch__maincatch span:nth-of-type(10)::after {
  animation-delay: 1.5s;
}
.top-mainvisual__catch__maincatch span:nth-of-type(11) {
  animation-delay: 1.2s;
}
.top-mainvisual__catch__maincatch span:nth-of-type(11)::after {
  animation-delay: 1.6s;
}
.top-mainvisual__catch__maincatch span:nth-of-type(12) {
  animation-delay: 1.3s;
}
.top-mainvisual__catch__maincatch span:nth-of-type(12)::after {
  animation-delay: 1.7s;
}
.top-mainvisual__catch__maincatch span:nth-of-type(13) {
  animation-delay: 1.4s;
}
.top-mainvisual__catch__maincatch span:nth-of-type(13)::after {
  animation-delay: 1.8s;
}

@keyframes maincatchTextIn {
  0% {
    opacity: 0;
    transform: scaleX(0.2) scaleY(1.2);
  }
  100% {
    opacity: 1;
    transform: scaleX(1) scaleY(1);
  }
}
.top-mainvisual__list__item[data-size=wide_large] {
  width: 7.8%;
}
.top-mainvisual__list__item[data-size=wide_small] {
  width: 5.5%;
}
.top-mainvisual__list__item[data-size=middle] {
  width: 6.6%;
}
.top-mainvisual__list__item[data-size=nrw_large] {
  width: 5.1%;
}
.top-mainvisual__list__item[data-size=nrw_small] {
  width: 3.6%;
}
.top-mainvisual__list__item[data-size=madomagi] {
  width: 10.4%;
}
.top-mainvisual__list__item[data-size=madomagi_homura] {
  width: 7.8%;
}
.top-mainvisual__list__item[data-size=ruroken] {
  width: 5.1%;
}
.top-mainvisual__list__item[data-size=nero] {
  width: 3.9%;
}
.top-mainvisual__list__item[data-index="1"] {
  opacity: 0;
}
.top-mainvisual__list__item[data-index="2"] {
  opacity: 0;
}
.top-mainvisual__list__item[data-index="3"] {
  opacity: 0;
}
.top-mainvisual__list__item[data-index="4"] {
  opacity: 0;
}
.top-mainvisual__list__item[data-index="5"] {
  opacity: 0;
}
.top-mainvisual__list__item[data-index="6"] {
  opacity: 0;
}
.top-mainvisual__list__item[data-index="7"] {
  opacity: 0;
}
.top-mainvisual__list__item[data-index="8"] {
  opacity: 0;
}
.top-mainvisual__list__item[data-index="9"] {
  opacity: 0;
}
.top-mainvisual__list__item[data-index="10"] {
  opacity: 0;
}
.top-mainvisual__list__item[data-index="11"] {
  opacity: 0;
}
.top-mainvisual__list__item[data-index="12"] {
  opacity: 0;
}
.top-mainvisual__list__item[data-index="1"] {
  bottom: 0%;
  left: 0%;
}
.top-mainvisual__list__item[data-index="2"] {
  top: 18.8%;
  left: 2%;
}
.top-mainvisual__list__item[data-index="3"] {
  bottom: 18.4%;
  left: 9.5%;
}
.top-mainvisual__list__item[data-index="4"] {
  top: 7.1%;
  left: 12.1%;
}
.top-mainvisual__list__item[data-index="5"] {
  bottom: 0%;
  left: 20.3%;
}
.top-mainvisual__list__item[data-index="6"] {
  top: 0%;
  left: 22.2%;
}
.top-mainvisual__list__item[data-index="6"] .top-mainvisual__list__item__inner {
  transform-origin: top;
}
.top-mainvisual__list__item[data-index="7"] {
  bottom: 11%;
  left: 27%;
}
.top-mainvisual__list__item[data-index="8"] {
  top: 14.7%;
  left: 32.1%;
}
.top-mainvisual__list__item[data-index="9"] {
  bottom: 30.3%;
  left: 37.1%;
}
.top-mainvisual__list__item[data-index="10"] {
  top: 3.2%;
  left: 40%;
}
.top-mainvisual__list__item[data-index="11"] {
  bottom: 0%;
  left: 45.1%;
}
.top-mainvisual__list__item[data-index="12"] {
  top: 7.1%;
  left: 51.7%;
}
.top-mainvisual__list__item[data-index="13"] {
  bottom: 8.8%;
  left: 54.3%;
}
.top-mainvisual__list__item[data-index="14"] {
  top: 16.3%;
  left: 61.3%;
}
.top-mainvisual__list__item[data-index="15"] {
  bottom: 25.5%;
  left: 65.3%;
}
.top-mainvisual__list__item[data-index="16"] {
  top: 0%;
  left: 72.2%;
}
.top-mainvisual__list__item[data-index="16"] .top-mainvisual__list__item__inner {
  transform-origin: top;
}
.top-mainvisual__list__item[data-index="17"] {
  bottom: 11.2%;
  left: 73.6%;
}
.top-mainvisual__list__item[data-index="18"] {
  bottom: 1.3%;
  left: 81.6%;
}
.top-mainvisual__list__item[data-index="19"] {
  top: 12.4%;
  left: 82.7%;
}
.top-mainvisual__list__item[data-index="20"] {
  bottom: 22.7%;
  left: 90.2%;
}
.top-mainvisual__list__item[data-index="21"] {
  top: 0%;
  left: 96.1%;
}
.top-mainvisual__list__item[data-index="21"] .top-mainvisual__list__item__inner {
  transform-origin: top;
}
.top-mainvisual__list__item[data-index="22"] {
  bottom: 7.4%;
  left: 0%;
}
.top-mainvisual__list__item[data-index="23"] {
  top: 24.2%;
  left: 2.7%;
}
.top-mainvisual__list__item[data-index="24"] {
  bottom: 9.9%;
  left: 10.6%;
}
.top-mainvisual__list__item[data-index="25"] {
  top: 8.5%;
  left: 12.1%;
}
.top-mainvisual__list__item[data-index="26"] {
  bottom: 18.1%;
  left: 19.9%;
}
.top-mainvisual__list__item[data-index="27"] {
  top: 0%;
  left: 23.6%;
}
.top-mainvisual__list__item[data-index="27"] .top-mainvisual__list__item__inner {
  transform-origin: top;
}
.top-mainvisual__list__item[data-index="28"] {
  bottom: 7.4%;
  left: 30.9%;
}
.top-mainvisual__list__item[data-index="29"] {
  top: 8.1%;
  left: 32.1%;
}
.top-mainvisual__list__item[data-index="30"] {
  top: 38.3%;
  left: 38.8%;
}
.top-mainvisual__list__item[data-index="31"] {
  top: 2.8%;
  left: 41.5%;
}
.top-mainvisual__list__item[data-index="32"] {
  bottom: 0%;
  left: 46.9%;
}
.top-mainvisual__list__item[data-index="33"] {
  top: 13.3%;
  left: 52.4%;
}
.top-mainvisual__list__item[data-index="34"] {
  bottom: 9%;
  left: 55%;
}
.top-mainvisual__list__item[data-index="35"] {
  top: 0%;
  left: 61.3%;
}
.top-mainvisual__list__item[data-index="35"] .top-mainvisual__list__item__inner {
  transform-origin: top;
}
.top-mainvisual__list__item[data-index="36"] {
  bottom: 32.1%;
  left: 64.5%;
}
.top-mainvisual__list__item[data-index="37"] {
  top: 4%;
  left: 68.6%;
}
.top-mainvisual__list__item[data-index="38"] {
  bottom: 3%;
  left: 73.1%;
}
.top-mainvisual__list__item[data-index="39"] {
  top: 18.1%;
  left: 77.7%;
}
.top-mainvisual__list__item[data-index="40"] {
  bottom: 22%;
  left: 81.2%;
}
.top-mainvisual__list__item[data-index="41"] {
  top: 7.3%;
  left: 85.1%;
}
.top-mainvisual__list__item[data-index="42"] {
  bottom: 10.9%;
  left: 91%;
}
.top-mainvisual__list__item[data-index="43"] {
  top: 0%;
  left: 93.6%;
}
.top-mainvisual__list__item[data-index="43"] .top-mainvisual__list__item__inner {
  transform-origin: top;
}

.top-mainvisual__loop {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  will-change: transform;
}

.top-mainvisual__list {
  flex-shrink: 0;
  position: relative;
  width: 636.1vw;
}

.top-mainvisual__loop,
.top-mainvisual__list {
  height: 100%;
}
.top-mainvisual__list__item {
  position: absolute;
  will-change: transform;
}

.top-mainvisual__list__item__inner {
  position: relative;
  height: auto;
  width: 100%;
}

.top-mainvisual__list__item__img {
  position: relative;
  width: 100%;
}
[data-index="1"] .top-mainvisual__list__item__img {
  clip-path: inset(0 100% 0 0);
}
[data-index="2"] .top-mainvisual__list__item__img {
  clip-path: inset(0 100% 0 0);
}
[data-index="3"] .top-mainvisual__list__item__img {
  clip-path: inset(0 100% 0 0);
}
[data-index="4"] .top-mainvisual__list__item__img {
  clip-path: inset(0 100% 0 0);
}
[data-index="5"] .top-mainvisual__list__item__img {
  clip-path: inset(0 100% 0 0);
}
[data-index="6"] .top-mainvisual__list__item__img {
  clip-path: inset(0 100% 0 0);
}
[data-index="7"] .top-mainvisual__list__item__img {
  clip-path: inset(0 100% 0 0);
}
[data-index="8"] .top-mainvisual__list__item__img {
  clip-path: inset(0 100% 0 0);
}
[data-index="9"] .top-mainvisual__list__item__img {
  clip-path: inset(0 100% 0 0);
}
[data-index="10"] .top-mainvisual__list__item__img {
  clip-path: inset(0 100% 0 0);
}
[data-index="11"] .top-mainvisual__list__item__img {
  clip-path: inset(0 100% 0 0);
}
[data-index="12"] .top-mainvisual__list__item__img {
  clip-path: inset(0 100% 0 0);
}

.top-mainvisual__list__item__img__inner {
  height: 100%;
  position: relative;
  width: 100%;
}
.top-mainvisual__list__item__img__inner .item-img {
  height: auto;
  width: 100%;
}

.top-mainvisual {
  padding-bottom: 100svh;
  pointer-events: none;
  position: relative;
}
.top-mainvisual .c-visible_over {
  display: none;
}

.top-mainvisual,
.top-mainvisual__inner {
  width: 100%;
}

.top-mainvisual__inner {
  height: 100vh;
  position: relative;
  width: 100%;
}

.top-mainvisual__scroll {
  position: fixed;
  left: 50%;
  bottom: 0;
  mix-blend-mode: difference;
  transform: translateX(-50%) scaleX(0);
  transform-origin: left;
  z-index: 1;
}
.top-mainvisual__scroll::after {
  position: absolute;
  top: 0;
  left: 0;
  background: #CDCDCD;
  content: "";
  height: 100%;
  transform: scaleX(1);
  transform-origin: right;
  width: 100%;
}

@keyframes scrollArwMove {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-30%);
  }
  75% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}

.top-people__header {
  position: relative;
}
.top-people__btns {
  display: flex;
  opacity: 0;
}
.-reveal .top-people__btns {
  animation: itemFadeIn 0.4s 0.5s forwards;
}

.top-people__btn.swiper-button-disabled {
  pointer-events: none;
  opacity: 0.7;
}

.top-people__list {
  display: flex;
}

.top-people__list__item {
  overflow: hidden;
  position: relative;
  opacity: 0;
}
.-reveal .top-people__list__item {
  animation: peopleItemIn 0.4s 0.5s ease forwards;
}
@keyframes peopleItemIn {
  0% {
    opacity: 0;
    transform: translateX(20%);
  }
  99% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.top-people__list__item .ph {
  position: relative;
}
.top-people__list__item .info {
  align-items: center;
  background: #323232;
  color: #fff;
  font-weight: 600;
  display: flex;
  position: relative;
}
.top-people__list__item .info p {
  background: #323232;
  line-height: 1;
  color: #fff;
  display: inline-block;
}
.top-people__list__item .name {
  font-weight: 800;
  white-space: nowrap;
}
.top-people__list__item .position br {
  display: none;
}

.top-president-comment {
  position: relative;
}

.top-president-comment__text {
  font-weight: 800;
}

.top-president-comment__info {
  opacity: 0;
}

.top-president-comment__name {
  font-weight: 800;
  line-height: 1;
}

.top-president-comment__position {
  font-weight: 700;
}

.top-president-comment__img {
  overflow: hidden;
}
.top-president-comment__img img {
  display: block;
  transform: scale(1.1);
  transition: all 0.3s 0.3s ease;
  opacity: 0;
}

.top-producers {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.top-producers__bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
}
.top-producers__bg .img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.-reveal .top-producers__bg .img.-murata {
  animation: producerBgSwitch 20s 10s infinite linear;
}
.-reveal .top-producers__bg .img.-takahashi_onogi {
  animation: producerBgSwitch 20s 0s infinite linear;
}

@keyframes producerBgSwitch {
  0% {
    filter: blur(0);
    transform: translateX(0);
    opacity: 1;
  }
  50% {
    filter: blur(0);
    transform: translateX(0);
    opacity: 1;
  }
  55% {
    filter: blur(10px);
    opacity: 0;
  }
  95% {
    filter: blur(10px);
    opacity: 0;
  }
  100% {
    filter: blur(0);
    opacity: 1;
  }
}
.top-producers__inner {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.top-producers__btns {
  transform: translateX(3%);
  opacity: 0;
}
.-reveal .top-producers__btns {
  transition: all 0.5s 0.2s ease;
  transform: translateX(0);
  opacity: 1;
}

.top-producers__btns__item {
  overflow: hidden;
  position: relative;
  transition: filter 0.3s 0s ease;
}
.top-producers__btns__item::before {
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(70deg, rgb(255, 162, 122) 5.15%, rgb(205, 170, 255) 25.46%, rgb(220, 157, 235) 36.94%, rgb(255, 127, 185) 54.14%, rgb(255, 174, 101) 74.02%, rgb(255, 245, 233) 100%);
  content: "";
  height: 100%;
  transition: transform 0.3s 0s ease;
  transform-origin: left;
  width: 150%;
  z-index: -1;
}
.top-producers__btns__item + .top-producers__btns__item {
  animation-delay: 0.8s;
}

.top-producers__btns__item__inner {
  align-items: center;
  display: flex;
  height: 100%;
  width: 100%;
}
.top-producers__btns__item__inner .title {
  font-weight: 700;
}
.top-producers__btns__item__inner .name {
  font-weight: 800;
  display: inline-block;
}

.top-producers__content {
  opacity: 0;
}
.-showed .top-producers__content {
  animation: itemFadeIn 0.8s 0s forwards;
}

.top-voices__inner {
  display: flex;
}

.top-voices__img {
  overflow: hidden;
}
.top-voices__img a {
  display: block;
  opacity: 0;
  transform: scale(1.1);
}
.-reveal .top-voices__img a {
  animation: imgZoomIn 0.5s 0.3s forwards;
}
.top-voices__img img {
  transition: transform 0.3s ease;
}

@keyframes imgZoomIn {
  0% {
    opacity: 0;
    transform: scale(1.02);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.top-voices__links {
  display: flex;
}

.top-voices__links__item {
  font-weight: 800;
  overflow: hidden;
  position: relative;
}
.top-voices__links__item .c-btn_arw__item {
  transition: opacity 0.3s 1.2s ease;
  opacity: 0;
}
.-reveal .top-voices__links__item .c-btn_arw__item {
  opacity: 1;
}
.top-voices__links__item::after {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #323232;
  content: "";
  transition: all 0.2s 0.8s ease;
  transform-origin: left;
  transform: scaleX(0);
  width: 100%;
}
.-reveal .top-voices__links__item::after {
  transform: scaleX(1);
}
.top-voices__links__item a {
  transform: translateY(100%);
  transition: transform 0.4s 0.5s ease;
  display: inline-block;
}
.-reveal .top-voices__links__item a {
  transform: translateY(0);
}
.top-voices__links__item .num {
  display: inline-block;
  margin-right: 0.3em;
}
@inlclude MQ_NARROW {
  .top-voices__links__item .num {
    font-size: 4.8vw;
  }
}
@keyframes linkUnderLine {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@media (min-width: 800px) {
  .top-btns {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    padding: 0 7.2vw;
    width: clamp(1141px, 791.7142857143px + 43.6607142857vw, 2445px);
    margin: 0 auto;
    max-width: 100%;
  }
  .top-btns__item {
    border-radius: clamp(8.4px, 5.8285714286px + 0.3214285714vw, 18px);
    filter: drop-shadow(0 0 12px rgba(0, 0, 0, 0.3));
    height: clamp(168px, 116.5714285714px + 6.4285714286vw, 360px);
    width: clamp(616px, 427.4285714286px + 23.5714285714vw, 1320px);
  }
  .top-btns__item::before {
    border-radius: clamp(8.4px, 5.8285714286px + 0.3214285714vw, 18px);
  }
  .top-btns__item:hover {
    filter: drop-shadow(0 0 12px rgba(0, 0, 0, 0.3)) brightness(1.1);
  }
  .top-btns__item:hover::before {
    transform: translateX(30%);
  }
  .top-btns__item.-about {
    margin: clamp(87.5px, 60.7142857143px + 3.3482142857vw, 187.5px) 0 0 0;
  }
  .top-btns__item.-about::after {
    background: url(../../assets/img/top/about/pg_chart.png) no-repeat right center/contain;
    transform-origin: 70% 50%;
  }
  .top-btns__item.-trailers {
    margin: clamp(33.6px, 23.3142857143px + 1.2857142857vw, 72px) 0 0 0;
  }
  .top-btns__item.-trailers dd {
    padding-left: clamp(81.2px, 56.3428571429px + 3.1071428571vw, 174px);
  }
  .top-btns__item.-trailers dd::before {
    width: clamp(64.4px, 44.6857142857px + 2.4642857143vw, 138px);
  }
  .top-btns__item__inner {
    padding-left: clamp(35px, 24.2857142857px + 1.3392857143vw, 75px);
  }
  .top-btns__item__title dt {
    font-size: clamp(21px, 14.5714285714px + 0.8035714286vw, 45px);
  }
  .top-btns__item__title dt span {
    padding-left: clamp(23.1px, 16.0285714286px + 0.8839285714vw, 49.5px);
  }
  .top-btns__item__title dt span::before {
    width: 12px;
  }
  .top-btns__item__title dd {
    font-size: clamp(26.6px, 18.4571428571px + 1.0178571429vw, 57px);
    line-height: 1.2368421053;
    margin-top: 0.1em;
  }
  .top__inner__subtitle {
    font-size: clamp(19.6px, 13.6px + 0.75vw, 42px);
    padding-left: clamp(14.7px, 10.2px + 0.5625vw, 31.5px);
  }
  .top-btns .top__inner__subtitle {
    font-size: clamp(25.2px, 17.4857142857px + 0.9642857143vw, 54px);
    line-height: 1.2222222222;
  }
  .top__inner__subtitle::before {
    height: clamp(8.4px, 5.8285714286px + 0.3214285714vw, 18px);
    width: clamp(8.4px, 5.8285714286px + 0.3214285714vw, 18px);
  }
  .top__inner__title {
    font-size: clamp(50.4px, 34.9714285714px + 1.9285714286vw, 108px);
    line-height: 0.9444444444;
    margin-top: clamp(7px, 4.8571428571px + 0.2678571429vw, 15px);
  }
  .top-producers .top__inner__title {
    margin-top: clamp(7.7px, 5.3428571429px + 0.2946428571vw, 16.5px);
  }
  .top-voices .top__inner__title {
    margin-top: clamp(4.9px, 3.4px + 0.1875vw, 10.5px);
    letter-spacing: -0.029em;
  }
  .top-mainvisual__catch {
    position: fixed;
    top: 28.3%;
    left: 50%;
  }
  .top-mainvisual__catch__subcatch {
    font-size: clamp(31px, 2.2vw, 51px);
  }
  .top-mainvisual__catch__maincatch {
    font-size: clamp(100px, 7.2vw, 162px);
    margin-top: -0.6vw;
  }
  .top-mainvisual__loop {
    height: calc(100% - 120px);
    top: 120px;
  }
  .top-mainvisual__list {
    width: 648.8vw;
  }
  .top-people {
    margin-top: clamp(134.4px, 93.2571428571px + 5.1428571429vw, 288px);
    padding: 0 clamp(89.6px, 62.1714285714px + 3.4285714286vw, 192px) 0 clamp(89.6px, 62.1714285714px + 3.4285714286vw, 192px) !important;
  }
  .top-people__btns {
    position: absolute;
    bottom: 0;
    right: 0;
    gap: clamp(11.2px, 7.7714285714px + 0.4285714286vw, 24px);
  }
  .top-people__list {
    margin-top: clamp(21px, 14.5714285714px + 0.8035714286vw, 45px);
  }
  .top-people__list__item {
    border-radius: clamp(5.6px, 3.8857142857px + 0.2142857143vw, 12px);
  }
  .top-people__list__item .info {
    font-size: clamp(12.6px, 8.7428571429px + 0.4821428571vw, 27px);
    min-height: clamp(47.6px, 33.0285714286px + 1.8214285714vw, 102px);
    padding: clamp(13.3px, 9.2285714286px + 0.5089285714vw, 28.5px) clamp(35px, 24.2857142857px + 1.3392857143vw, 75px) clamp(13.3px, 9.2285714286px + 0.5089285714vw, 28.5px) clamp(14px, 9.7142857143px + 0.5357142857vw, 30px);
  }
  .top-people__list__item .name {
    font-size: clamp(18.2px, 12.6285714286px + 0.6964285714vw, 39px);
  }
  .top-people__list__item:hover .c-btn_arw__arw {
    animation: btnArwMove 0.8s 0s forwards;
  }
  .top-president-comment {
    margin: 70vh auto 0;
  }
  .top-president-comment__inner {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
  }
  .top-president-comment__text {
    font-size: clamp(17.5px, 12.1428571429px + 0.6696428571vw, 37.5px);
    line-height: 1.84;
    letter-spacing: -0.05em;
    margin-top: -0.5em;
    white-space: nowrap;
  }
  .top-president-comment__profile {
    margin-right: clamp(35px, 24.2857142857px + 1.3392857143vw, 75px);
  }
  .top-president-comment__info {
    margin-top: clamp(14px, 9.7142857143px + 0.5357142857vw, 30px);
  }
  .-showed-wide .top-president-comment__info {
    animation: itemFadeIn 0.5s 0.3s cubic-bezier(1, 0, 0, 1) forwards;
  }
  .top-president-comment__name {
    font-size: clamp(21px, 14.5714285714px + 0.8035714286vw, 45px);
    margin-top: clamp(7px, 4.8571428571px + 0.2678571429vw, 15px);
  }
  .top-president-comment__position {
    font-size: clamp(11.2px, 7.7714285714px + 0.4285714286vw, 24px);
    line-height: 1.25;
  }
  .top-president-comment__img {
    border-radius: clamp(5.6px, 3.8857142857px + 0.2142857143vw, 12px);
    width: clamp(175px, 121.4285714286px + 6.6964285714vw, 375px);
  }
  .-showed-nrw .top-president-comment__img {
    animation: tapeInLR 0.3s 0.2s ease forwards;
  }
  .-showed-wide .top-president-comment__img img {
    transform: scale(1);
    opacity: 1;
  }
  .top-producers {
    min-height: 320px;
    height: clamp(402.5px, 279.2857142857px + 15.4017857143vw, 862.5px);
    margin-top: clamp(280px, 194.2857142857px + 10.7142857143vw, 600px);
  }
  .top-producers__bg .img.-murata {
    background: url(../../assets/img/top/producers/ph_murata.webp) no-repeat top center/cover;
  }
  .top-producers__bg .img.-takahashi_onogi {
    background: url(../../assets/img/top/producers/ph_takahashi_onogi.webp) no-repeat top right 37%/cover;
  }
  .top-producers__inner {
    padding-left: 10vw;
  }
  .top-producers__btns {
    margin-top: clamp(24.5px, 17px + 0.9375vw, 52.5px);
  }
  .top-producers__btns__item {
    border-radius: clamp(4.2px, 2.9142857143px + 0.1607142857vw, 9px);
    font-weight: 600;
    height: clamp(58.8px, 40.8px + 2.25vw, 126px);
    width: clamp(296.8px, 205.9428571429px + 11.3571428571vw, 636px);
  }
  .top-producers__btns__item:hover::before {
    transform: translateX(30%);
  }
  .top-producers__btns__item + .top-producers__btns__item {
    margin-top: clamp(12.6px, 8.7428571429px + 0.4821428571vw, 27px);
  }
  .top-producers__btns__item:hover {
    filter: brightness(1.1);
  }
  .top-producers__btns__item__inner {
    line-height: 1.0434782609;
    padding: 0 0 0 clamp(18.2px, 12.6285714286px + 0.6964285714vw, 39px);
  }
  .top-producers__btns__item__inner .info {
    margin-left: clamp(10.5px, 7.2857142857px + 0.4017857143vw, 22.5px);
  }
  .top-producers__btns__item__inner .index {
    font-size: clamp(17.5px, 12.1428571429px + 0.6696428571vw, 37.5px);
    margin-top: clamp(8.4px, 5.8285714286px + 0.3214285714vw, 18px);
  }
  .top-producers__btns__item__inner .title {
    font-size: clamp(12.6px, 8.7428571429px + 0.4821428571vw, 27px);
  }
  .top-producers__btns__item__inner .name {
    font-size: clamp(16.1px, 11.1714285714px + 0.6160714286vw, 34.5px);
    margin-top: clamp(2.1px, 1.4571428571px + 0.0803571429vw, 4.5px);
  }
  .top-voices {
    padding: 0;
    margin: clamp(280px, 194.2857142857px + 10.7142857143vw, 600px) auto 0;
    max-width: 100%;
  }
  .top-voices__inner {
    justify-content: left;
  }
  .top-voices__img {
    border-radius: 0 clamp(5.6px, 3.8857142857px + 0.2142857143vw, 12px) clamp(5.6px, 3.8857142857px + 0.2142857143vw, 12px) 0;
    width: 50vw;
    flex-shrink: 0;
  }
  .top-voices__img:hover img {
    transform: scale(1.03);
  }
  .top-voices__content {
    margin: clamp(36.4px, 25.2571428571px + 1.3928571429vw, 78px) clamp(29.4px, 20.4px + 1.125vw, 63px) 0 3.3vw;
  }
  .top-voices__links {
    gap: clamp(28px, 19.4285714286px + 1.0714285714vw, 60px);
    margin-top: clamp(18.9px, 13.1142857143px + 0.7232142857vw, 40.5px);
  }
  .top-voices__links__item {
    font-size: clamp(18.2px, 12.6285714286px + 0.6964285714vw, 39px);
    padding-right: clamp(28px, 19.4285714286px + 1.0714285714vw, 60px);
    padding-bottom: clamp(3.5px, 2.4285714286px + 0.1339285714vw, 7.5px);
    width: clamp(159.6px, 110.7428571429px + 6.1071428571vw, 342px);
  }
  .top-voices__links__item::after {
    height: clamp(2.1px, 1.4571428571px + 0.0803571429vw, 4.5px);
  }
  .top-voices__links__item .num {
    font-size: clamp(20.3px, 14.0857142857px + 0.7767857143vw, 43.5px);
  }
  .top-voices__links__item:hover::after {
    animation: linkUnderLine 0.3s 0s forwards;
  }
}
@media (min-width: 1040px) {
  .top-btns {
    padding: 0 clamp(98px, 68px + 3.75vw, 210px);
  }
  .top-voices {
    padding: 0 clamp(98px, 68px + 3.75vw, 210px);
    width: clamp(1141px, 791.7142857143px + 43.6607142857vw, 2445px);
  }
  .top-voices__inner {
    justify-content: center;
  }
  .top-voices__img {
    border-radius: clamp(5.6px, 3.8857142857px + 0.2142857143vw, 12px);
    width: clamp(515.2px, 357.4857142857px + 19.7142857143vw, 1104px);
  }
  .top-voices__content {
    margin-left: clamp(44.8px, 31.0857142857px + 1.7142857143vw, 96px);
  }
}
@media (max-width: 799px) {
  .top-btns__item {
    border-radius: 1.5vw;
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.15));
    height: 31.5vw;
    margin: 16.2vw auto 0;
    width: 87.7vw;
  }
  .top-btns__item::before {
    border-radius: 1.5vw;
  }
  .top-btns__item.-about::after {
    background: url(../../assets/img/top/about/pg_chart_nrw.png) no-repeat right center/contain;
    transform-origin: 70% 50%;
  }
  .top-btns__item__inner {
    padding-left: 5vw;
  }
  .top-btns__item__inner .text-wide:nth-of-type(2)::after {
    display: none;
  }
  .top__inner__subtitle {
    font-size: 4.3vw;
    padding-left: 3.4vw;
  }
  .top-btns .top__inner__subtitle {
    font-size: 5vw;
    line-height: 1.3;
    padding-left: 3.8vw;
    z-index: 1;
  }
  .top__inner__subtitle::before {
    left: 0.6vw;
    height: 2vw;
    width: 2vw;
  }
  .top__inner__title {
    font-size: 10.4vw;
    line-height: 0.9285714286;
    margin-top: 1.6vw;
  }
  .top-producers .top__inner__title {
    font-size: 10.4vw;
  }
  .top-voices .top__inner__title {
    font-size: 11.4vw;
  }
  .top-people .top__inner__title {
    font-size: 10.1vw;
  }
  .-mvstarted .top-mainvisual__list__item__img {
    animation-duration: 1.2s !important;
  }
  .top-mainvisual__catch {
    position: fixed;
    top: 35vh;
    left: 50%;
  }
  .top-mainvisual__catch__subcatch {
    font-size: 7.1vw;
  }
  .top-mainvisual__catch__maincatch {
    font-size: 15.3vw;
  }
  .top-mainvisual__loop {
    height: calc(100svh - 74px);
    top: 74px;
  }
  .top-people {
    margin-top: 19.8vw;
    padding: 0 6.3vw !important;
  }
  .top-people__header {
    margin: 11.4vw 0 0 0;
  }
  .top-people__btns {
    position: absolute;
    bottom: 1.2vw;
    right: 0vw;
    gap: 2vw;
  }
  .top-people__list {
    margin-top: 6.3vw;
  }
  .top-people__list__item {
    border-radius: 4px;
    min-width: 4.1vw;
  }
  .top-people__list__item .info {
    font-size: 3vw;
    height: 11.7vw;
    padding: 2.5vw 3.3vw;
  }
  .top-people__list__item .name {
    font-size: 4.5vw;
  }
  .top-president-comment {
    margin-top: 50vh;
    padding: 0 6.3vw 3vw;
  }
  .top-president-comment__text {
    font-size: 4.5vw;
    line-height: 1.7777777778;
  }
  .top-president-comment__profile {
    display: flex;
    gap: 0 5vw;
    margin-top: 10.1vw;
  }
  .-showed-nrw .top-president-comment__info {
    animation: itemFadeIn 0.5s 0.3s cubic-bezier(1, 0, 0, 1) forwards;
  }
  .top-president-comment__name {
    font-size: 5.5vw;
    margin-top: 1.7vw;
  }
  .top-president-comment__position {
    display: inline-block;
    font-size: 3.5vw;
    line-height: 1.2857142857;
  }
  .top-president-comment__img {
    border-radius: 1.2vw;
    width: 34.3vw;
  }
  .-showed-nrw .top-president-comment__img {
    animation: tapeInLR 0.3s 0.2s ease forwards;
  }
  .-showed-nrw .top-president-comment__img img {
    transform: scale(1);
    opacity: 1;
  }
  .top-producers {
    height: 119.8vw;
    margin-top: 38.1vw;
  }
  .top-producers__bg .img.-murata {
    background: url(../../assets/img/top/producers/ph_murata_nrw.webp) no-repeat top center/contain;
  }
  .top-producers__bg .img.-takahashi_onogi {
    background: url(../../assets/img/top/producers/ph_takahashi_onogi_nrw.webp) no-repeat top center/contain;
  }
  .top-producers__inner {
    justify-content: flex-end;
    padding: 7.1vw 6.3vw;
  }
  .top-producers__btns {
    margin-top: 3.1vw;
  }
  .top-producers__btns__item {
    border-radius: 1.2vw;
    font-size: 4vw;
  }
  .top-producers__btns__item + .top-producers__btns__item {
    margin-top: 2.5vw;
  }
  .top-producers__btns__item__inner {
    line-height: 1.1176470588;
    padding: 3.3vw 3.5vw;
  }
  .top-producers__btns__item__inner .info {
    margin-left: 2.5vw;
  }
  .top-producers__btns__item__inner .index {
    font-size: 4.3vw;
  }
  .top-producers__btns__item__inner .title {
    font-size: 3.5vw;
  }
  .top-producers__btns__item__inner .name {
    margin-top: 0.6vw;
  }
  .top-voices {
    margin-top: 19.3vw;
  }
  .top-voices__inner {
    flex-direction: column-reverse;
  }
  .top-voices__img {
    border-radius: 0 1.5vw 1.5vw 0;
    margin-top: 7.1vw;
    width: 82.4vw;
  }
  .top-voices__content {
    padding-left: 6.3vw;
  }
  .top-voices__links {
    gap: 5vw;
    margin-top: 3vw;
  }
  .top-voices__links__item {
    font-size: 4vw;
    padding-right: 7.1vw;
    padding-bottom: 1.1vw;
  }
  .top-voices__links__item::after {
    height: 0.5vw;
  }
}
@media (min-width: 1000px) and (max-height: 650px) {
  .top-mainvisual__list__item img {
    width: auto;
  }
  .top-mainvisual__list__item[data-size=wide_large] img {
    max-height: 24vh;
  }
  .top-mainvisual__list__item[data-size=wide_small] img {
    max-height: 18vh;
  }
  .top-mainvisual__list__item[data-size=middle] img {
    max-height: 35vh;
  }
  .top-mainvisual__list__item[data-size=nrw_large] img {
    max-height: 40vh;
  }
  .top-mainvisual__list__item[data-size=nrw_small] img {
    max-height: 28vh;
  }
  .top-mainvisual__list__item[data-size=madomagi] img {
    max-height: 24vh;
  }
  .top-mainvisual__list__item[data-size=madomagi_homura] img {
    max-height: 18vh;
  }
  .top-mainvisual__list__item[data-size=ruroken] img {
    max-height: 34vh;
  }
  .top-mainvisual__list__item[data-size=nero] img {
    max-height: 30vh;
  }
}
@media (min-width: 1000px) {
  .top-mainvisual__list {
    width: 264.8vw;
  }
  .top-mainvisual__list__item__img__inner img {
    border-radius: 6px;
  }
  .top-mainvisual {
    height: 140svh;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
  }
  .top-mainvisual .c-visible_over {
    display: block;
  }
  .top-mainvisual__scroll {
    width: clamp(54.6px, 37.8857142857px + 2.0892857143vw, 117px);
  }
}
@media (max-width: 999px) {
  .top-mainvisual__list__item__inner {
    transform: scale(1.15);
    transform-origin: bottom center;
  }
  .top-mainvisual__list__item__img__inner img {
    border-radius: 3.5px;
  }
  .top-mainvisual {
    height: 200svh;
    overflow: hidden;
    width: 100%;
  }
  .top-mainvisual__scroll {
    width: 10.1vw;
  }
}