#mymoods-top-images {
  @media screen and (max-width: 768px) {
    padding: 0;
    margin-top: -80px;
  }

  .swiper-slide {
    position: relative;

    .mymoods-top-images__banner-image {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      aspect-ratio: 1820 / 900;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      overflow: hidden;

      &.pc {
        display: block;

        @media screen and (max-width: 768px) {
          display: none;
        }
      }

      &.sp {
        display: none;

        @media screen and (max-width: 768px) {
          display: block;
        }
      }

      @media screen and (max-width: 768px) {
        aspect-ratio: 375 / 630;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
      }
    }

    .mymoods-top-images__banner-text {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: white;
      font-family: var(--mymoods-font-poppins), sans-serif;
      font-weight: var(--mymoods-font-weight-black);
      font-size: 112px;
      line-height: 1;
      word-break: break-word;

      @media screen and (max-width: 1200px) {
        font-size: 80px;
      }

      @media screen and (max-width: 768px) {
        font-size: 63px;
        width: calc(100% - 24px * 2);
        text-align: center;
      }
    }

    .scroll-btn-wrapper {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      display: none;
      flex-direction: column;
      align-items: center;
      cursor: pointer;

      &.pc {
        display: flex;

        @media screen and (max-width: 480px) {
          display: none;
        }
      }

      &.sp {
        @media screen and (max-width: 480px) {
          display: flex;
        }
      }

      .scroll-btn {
        color: white;
        font-family: var(--mymoods-font-poppins), sans-serif;

        margin-bottom: 14px;

        font-size: 19px;

        @media screen and (max-width: 750px) {
          font-size: 16px;
        }
      }

      .scroll-line {
        width: 0;
        height: 60px;
        border-right: 1px solid white;
        display: block;
      }
    }
  }
}