.studios {
  position: relative;
  margin-bottom: 60px;
}

.studios-carousel {
  margin-top: 24px;
  overflow: hidden;
  width: 100%;
}

.studios-carousel .slide-track {
  display: flex;
  transition: transform 0.5s ease;
}

.studios-carousel li {
  flex: 0 0 100%;
}

.studios-carousel img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.studios .txt-area {
  position: relative;
  z-index: 2;
}

.studios .section-title .en {
  font-size: clamp(48px, 12vw, 80px);
}

.studios .txt-area .jp-txt {
  margin-top: 24px;
  font-size: clamp(13px, 1.1vw, 16px);
}

.studios .txt-area .en-txt {
  margin-top: 16px;
  font-size: clamp(12px, 1vw, 14px);
}

.studios .morph-shape.morph-02 {
  width: 60%;
  top: -10%;
  right: -10%;
  z-index: 0;
}

.studios .morph-shape.morph-03 {
  width: 25%;
  top: 20%;
  left: -5%;
  z-index: 1;
}

.studios .morph-shape.morph-03 path {
  fill: rgba(33, 33, 33, 0.04);
}

@media screen and (min-width: 768px) {
  .studios {
    margin-bottom: 100px;
  }

  .studios-carousel {
    margin-top: 40px;
  }

  .studios .txt-area {
    max-width: 70%;
  }

  .studios .morph-shape.morph-02 {
    width: 45%;
    top: -20%;
    right: 0;
  }

  .studios .morph-shape.morph-03 {
    width: 15%;
    top: 10%;
    left: 60%;
  }
}