.section-rakusta-lp-news__root {
  margin: calc(40 * var(--as1Px)) auto 0;
  @media (min-width: 768px) {
    margin-top: calc(64 * var(--as1Px));
  }

  .rlp-news-carousel {
    margin: 0 auto calc(40 * var(--as1Px));
    @media (min-width: 0px) {
      width: calc(320 * var(--as1Px));
    }
    @media (min-width: 768px) {
      width: calc(1120 * var(--as1Px));
      padding: 0 calc(32 * var(--as1Px));
      margin-bottom: calc(64 * var(--as1Px));
      box-sizing: border-box;
    }
  }

  .rlp-news-empty-message {
    margin: 0;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 0;
    color: #6E6E6E;
    @media (min-width: 0px) {
      padding: calc(24 * var(--as1Px)) calc(12 * var(--as1Px));
      font-size: calc(13 * var(--as1Px));
    }
    @media (min-width: 768px) {
      padding: calc(36 * var(--as1Px)) calc(16 * var(--as1Px));
      font-size: calc(16 * var(--as1Px));
    }
  }

  .rlpNewsCarousel {
    visibility: visible;

    .splide__track {
      overflow: visible;
    }

    .splide__list {
      @media (min-width: 0px) {
        align-items: stretch;
      }
      @media (min-width: 768px) {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
        gap: calc(24 * var(--as1Px));
        transform: none !important;
      }
    }

    .splide__slide {
      @media (min-width: 0px) {
        width: calc(288 * var(--as1Px));
      }
      @media (min-width: 768px) {
        width: calc(246 * var(--as1Px)) !important;
        flex: 0 0 calc(246 * var(--as1Px));
        margin: 0 !important;
      }
    }

    .splide__arrows {
      @media (min-width: 768px) {
        display: none;
      }
    }
  }

  .rlp-news-card-item {
    height: 100%;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: calc(12 * var(--as1Px));
    overflow: hidden;
    box-shadow: 0 calc(4 * var(--as1Px)) calc(16 * var(--as1Px)) rgba(0, 0, 0, 0.05);
  }

  .rlp-news-card-item__link {
    height: 100%;
    display: flex;
    flex-direction: column;
    color: #212121;
    text-decoration: none;
  }

  .rlp-news-card-item__head {
    position: relative;
    width: 100%;
    aspect-ratio: 246 / 184.5;
    background: #F2F2F2;
    overflow: hidden;
    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }

  .rlp-news-card-item__label {
    position: absolute;
    top: calc(12 * var(--as1Px));
    left: calc(12 * var(--as1Px));
    display: inline-block;
    padding: calc(4 * var(--as1Px)) calc(12 * var(--as1Px));
    border-radius: calc(999 * var(--as1Px));
    background: #E50051;
    color: #FFFFFF;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0;
    @media (min-width: 0px) {
      font-size: calc(10 * var(--as1Px));
    }
    @media (min-width: 768px) {
      font-size: calc(11 * var(--as1Px));
    }
  }

  .rlp-news-card-item__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    @media (min-width: 0px) {
      padding: calc(16 * var(--as1Px));
      gap: calc(10 * var(--as1Px));
    }
    @media (min-width: 768px) {
      padding: calc(20 * var(--as1Px));
      gap: calc(12 * var(--as1Px));
    }
  }

  .rlp-news-card__meta {
    display: flex;
    align-items: center;
    gap: calc(6 * var(--as1Px));
  }

  .rlp-news-card__meta-icon {
    display: inline-flex;
    color: #6E6E6E;
    svg {
      display: block;
      @media (min-width: 0px) {
        width: calc(14 * var(--as1Px));
        height: calc(14 * var(--as1Px));
      }
      @media (min-width: 768px) {
        width: calc(16 * var(--as1Px));
        height: calc(16 * var(--as1Px));
      }
    }
  }

  .rlp-news-card__date {
    margin: 0;
    color: #6E6E6E;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    @media (min-width: 0px) {
      font-size: calc(11 * var(--as1Px));
    }
    @media (min-width: 768px) {
      font-size: calc(12 * var(--as1Px));
    }
  }

  .rlp-news-card__title {
    margin: 0;
    color: #212121;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    @media (min-width: 0px) {
      font-size: calc(14 * var(--as1Px));
      line-height: 150%;
    }
    @media (min-width: 768px) {
      font-size: calc(16 * var(--as1Px));
      line-height: 150%;
    }

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .rlp-news-card__readmore {
    margin: auto 0 0;
    display: inline-flex;
    align-items: center;
    color: #E50051;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0;
    @media (min-width: 0px) {
      font-size: calc(12 * var(--as1Px));
    }
    @media (min-width: 768px) {
      font-size: calc(13 * var(--as1Px));
    }
  }

  .rlp-news-link {
    display: flex;
    justify-content: center;
  }

  .rlp-news-link__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(10 * var(--as1Px));
    border: none;
    border-radius: calc(999 * var(--as1Px));
    background: #F3F4F6;
    color: #101828;
    text-decoration: none;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0;
    transition: background-color 0.2s ease, color 0.2s ease;
    @media (min-width: 0px) {
      min-height: calc(44 * var(--as1Px));
      padding: calc(12 * var(--as1Px)) calc(20 * var(--as1Px));
      font-size: calc(13 * var(--as1Px));
    }
    @media (min-width: 768px) {
      min-height: calc(56 * var(--as1Px));
      padding: calc(16 * var(--as1Px)) calc(32 * var(--as1Px));
      font-size: calc(16 * var(--as1Px));
    }

    &:hover {
      background: #ECEEF1;
      color: #101828;
    }
  }

  .rlp-news-link__button-icon {
    display: inline-flex;
    svg {
      display: block;
      @media (min-width: 0px) {
        width: calc(16 * var(--as1Px));
        height: calc(16 * var(--as1Px));
      }
      @media (min-width: 768px) {
        width: calc(20 * var(--as1Px));
        height: calc(20 * var(--as1Px));
      }
    }
  }

  .rlp-news-nav-button {
    background: #FFFFFF;
    box-shadow: 0 calc(4 * var(--as1Px)) calc(12 * var(--as1Px)) rgba(0, 0, 0, 0.2);
    border-radius: calc(999 * var(--as1Px));
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    &::after {
      content: '';
    }
    @media (min-width: 0px) {
      width: calc(28 * var(--as1Px));
      height: calc(28 * var(--as1Px));
      &.splide__arrow--prev {
        left: calc(-8 * var(--as1Px));
      }
      &.splide__arrow--next {
        right: calc(-8 * var(--as1Px));
      }
    }
    @media (min-width: 768px) {
      width: calc(50 * var(--as1Px));
      height: calc(50 * var(--as1Px));
    }

    svg {
      fill: rgba(0, 0, 0, 0);
      transform: unset;
      @media (min-width: 0px) {
        width: calc(8 * var(--as1Px));
        height: calc(14 * var(--as1Px));
      }
      @media (min-width: 768px) {
        width: calc(16 * var(--as1Px));
        height: calc(28 * var(--as1Px));
      }
    }
  }
}