.section-rakusta-lp-case-study__root {
  @media (min-width: 0px) {
    padding: calc(40 * var(--as1Px)) 0 0;
  }
  @media (min-width: 768px) {
    padding: calc(80 * var(--as1Px)) 0 0;
  }

  /*.swiper-slide {*/
  /*  !*width: max-content;*!*/
  /*  !*@media (min-width: 0px) {*!*/
  /*  !*  margin: 0 0 0 calc(32 * var(--as1Px));*!*/
  /*  !*}*!*/
  /*  !*@media (min-width: 768px) {*!*/
  /*  !*  margin: 0 0 0 calc(48 * var(--as1Px));*!*/
  /*  !*}*!*/
  /*  !*.swiper-wrapper {*!*/
  /*  !*  width: max-content;*!*/
  /*  !*}*!*/

  /*  !*@media (min-width: 0px) {*!*/
  /*  !*  width:  calc(288 * var(--as1Px));*!*/
  /*  !*  height: calc(385 * var(--as1Px));*!*/
  /*  !*}*!*/
  /*  !*@media (min-width: 768px) {*!*/
  /*  !*  !*width:  calc(356 * var(--as1Px));*!*!*/
  /*  !*  !*height: calc(511 * var(--as1Px));*!*!*/
  /*  !*  width:  calc(500 * var(--as1Px));*!*/
  /*  !*  height: calc(511 * var(--as1Px));*!*/
  /*  !*  padding: 0 calc(24 * var(--as1Px));*!*/
  /*  !*}*!*/
  /*}*/

    /* NOTE: a タグじゃなくなったため、命名に乖離 */
    .rlp-case-study-card {
      --rlpCardTitleColor: #333333; /* figma と異なる #382AFF; */
      --rlpCardImageScale: 1;

      cursor: pointer;

      @media (min-width: 0px) {
        width:  calc(280 * var(--as1Px));
        height: calc(250 * var(--as1Px));
      }
      @media (min-width: 768px) {
        /*margin: 0 calc(12 * var(--as1Px));*/
        /*width:  calc(356 * var(--as1Px));*/
        /*height: calc(511 * var(--as1Px));*/
        width:  calc(450 * var(--as1Px));
        height: calc(420 * var(--as1Px));
      }

      &:hover {
        --rlpCardTitleColor: #E50051;
        --rlpCardImageScale: 1.05;
      }
    }
    .rlp-link-card__head {
      color: unset;
      text-decoration: none;
      display: block;
      width: 100%;
      aspect-ratio: 1.91 / 1; /** figma と異なる。 height 指定せずに aspect 指定 */
      overflow: hidden;
      border-radius: calc(24 * var(--as1Px)) calc(24 * var(--as1Px)) 0 0;
      @media (min-width: 0px) {
        /*height: calc(172 * var(--as1Px));*/
      }
      @media (min-width: 768px) {
        /*height: calc(221 * var(--as1Px));*/
      }
      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: scale(var(--rlpCardImageScale));
        transition: transform 0.3s ease;
      }
    }
    .rlp-link-card__body {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      width: 100%;
      height: max-content;
      @media (min-width: 0px) {
        padding: 0 calc(12 * var(--as1Px));
        margin: calc(8 * var(--as1Px)) 0 calc(4 * var(--as1Px));
        /*height: calc(165 * var(--as1Px));*/
      }
      @media (min-width: 768px) {
        padding: 0 calc(24 * var(--as1Px));
        margin: calc(16 * var(--as1Px)) 0 calc(8 * var(--as1Px));
        /*height: calc(178 * var(--as1Px));*/
      }

      .rlp-card-content__body {
        display: flex;
        flex-direction: column;
        gap: calc(4 * var(--as1Px));
        .rlp-card-tag-list {
          list-style: none;
          margin: 0;
          padding: 0;
          display: flex;
          align-items: center;
          justify-content: flex-start;
          gap: calc(4 * var(--as1Px));
          overflow: auto;
        }
        .rlp-card-tag-item {
          margin: 0;
          padding: 0;
        }
        .rlp-card-label {
          display: flex;
          justify-content: center;
          align-items: center;
          padding: calc(8 * var(--as1Px));
          width: max-content;
          background: #D1E0FF;
          border-radius: calc(4 * var(--as1Px));

          font-family: 'Noto Sans JP';
          font-style: normal;
          font-weight: 700;
          line-height: calc(14 * var(--as1Px));
          color: #382AFF;
          font-size: calc(12 * var(--as1Px));
        }

        .rlp-card-hashtag-list {
          list-style: none;
          margin: 0;
          padding: 0;
          display: flex;
          flex-wrap: wrap;
          /*align-items: center;*/
          justify-content: flex-start;
          overflow: auto;
          @media (min-width: 0px) {
            height: calc(28 * var(--as1Px));
            gap: calc(0 * var(--as1Px)) calc(4 * var(--as1Px));
          }
          @media (min-width: 768px) {
            height: calc(48 * var(--as1Px));
            gap: calc(0 * var(--as1Px)) calc(8 * var(--as1Px));
          }
        }
        .rlp-card-hashtag-item {
          margin: 0;
          padding: 0;
          @media (min-width: 0px) {
            height: calc(14 * var(--as1Px));
            gap: calc(0 * var(--as1Px)) calc(4 * var(--as1Px));
          }
          @media (min-width: 768px) {
            height: calc(22 * var(--as1Px));
          }
        }
        .rlp-hashtag-link {
          text-decoration: none;
          font-family: 'Noto Sans JP';
          font-style: normal;
          font-weight: 500;
          line-height: calc(14 * var(--as1Px));
          color: #A1A1A1;
          white-space: nowrap;
          @media (min-width: 0px) {
            font-size: calc(10 * var(--as1Px));
          }
          @media (min-width: 768px) {
            font-size: calc(12 * var(--as1Px));
          }

          transition: color 0.2s ease;
          &:hover {
            color: #7a7a7a;
          }
        }

        .rlp-card-title {
          margin: 0;
          font-family: 'Noto Sans JP';
          font-style: normal;
          font-weight: 700;
          /*line-height: 150%;*/
          color: var(--rlpCardTitleColor);
          transition: color 0.3s ease;

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

          @media (min-width: 0px) {
            height: calc(48 * var(--as1Px));
            font-size: calc(16 * var(--as1Px));
          }
          @media (min-width: 768px) {
            height: calc(48 * var(--as1Px));
            font-size: calc(18 * var(--as1Px));
          }
        }
      }
    }

  .rlp-card-content__foot {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: calc(16 * var(--as1Px));
    .card-company-logo {
      display: flex;
      align-items: baseline;
      width: max-content;
      height: calc(16 * var(--as1Px));
      img {
        width: 100%;
        height: 100%;
      }
    }
    .card-company-name {
      margin: 0;
      font-family: 'Noto Sans JP';
      font-style: normal;
      font-weight: 500;
      line-height: 100%;
      color: #000000;
      @media (min-width: 0px) {
        font-size: calc(12 * var(--as1Px));
      }
      @media (min-width: 768px) {
        font-size: calc(16 * var(--as1Px));
      }
    }
  }

  .rlp-link-card__foot {
      align-items: center;
      justify-content: space-between;
      padding: 0 calc(24 * var(--as1Px));
      width: 100%;
      @media (min-width: 0px) {
        display: none;
      }
      @media (min-width: 768px) {
        height: calc(48 * var(--as1Px));
        margin: calc(8 * var(--as1Px)) 0;
        display: flex;
      }
    }

  .rlp-case-link {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .rlp-card__more_link {
    svg {
      width: calc(40 * var(--as1Px));
      height: calc(40 * var(--as1Px));
    }
  }
}