.section-rakusta-lp-news__root {
  margin: calc(40 * var(--as1Px)) auto 0;
  & > .swiper {
    --swiper-navigation-sides-offset: 0;

    height: calc(257 * var(--as1Px));
    margin: 0 auto calc(40 * var(--as1Px));
    @media (min-width: 0px) {
      width:  calc(300 * var(--as1Px));
    }
    @media (min-width: 768px) {
      width:  calc((300 + (92 * 2)) * var(--as1Px));
    }
  }

  .rlp-news-card-item {
    @media (min-width: 0px) {
      width: calc(288 * var(--as1Px));
      height: calc(257 * var(--as1Px));
    }
    @media (min-width: 768px) {
      width: calc(300 * var(--as1Px));
      height: calc(257 * var(--as1Px));
    }
  }

  .rlp-news-card-item__head {
    width: 100%;
    height: calc(181 * var(--as1Px));
    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }
  .rlp-news-card-item__body {
    @media (min-width: 0px) {
    }
    @media (min-width: 768px) {
    }
  }
  .rlp-news-card__date {
    margin: calc(8 * var(--as1Px)) 0;
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    font-size:   calc(12 * var(--as1Px));
    line-height: 100%;
    color: #19191B;
  }
  .rlp-news-card__title {
    margin: calc(8 * var(--as1Px)) 0;
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 400;
    font-size:   calc(16 * var(--as1Px));
    line-height: 150%;
    color: #19191B;

    /* 3点リーダー対応 */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

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


  .rlp-swiper-button {
    background: #FFFFFF;
    box-shadow: 0 calc(4 * var(--as1Px)) calc(4 * var(--as1Px)) rgba(0, 0, 0, 0.25);
    border-radius: calc(80 * var(--as1Px));
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    cursor: pointer;
    &::after {
      content: '';
    }
    @media (min-width: 0px) {
      width:  calc(24 * var(--as1Px));
      height: calc(24 * var(--as1Px));
    }
    @media (min-width: 768px) {
      width:  calc(50 * var(--as1Px));
      height: calc(50 * var(--as1Px));
    }
    svg {
      @media (min-width: 0px) {
        width:  calc(6 * var(--as1Px));
        height: calc(12 * var(--as1Px));
      }
      @media (min-width: 768px) {
        width:  calc(16 * var(--as1Px));
        height: calc(28 * var(--as1Px));
      }
    }
  }
}