@charset "UTF-8";
/*
  /asset/css/object/module/m-rseries-card.css
  楽楽精算・明細の紹介用CSS
*/
/* 精算・明細のご紹介 */
.m-rseries-card {
  background-color: var(--white);
  padding: 40px 20px;
  border-radius: 10px;
}
.m-rseries-card__wrapper {
  display: flex;
  justify-content: space-between;
  @media screen and (max-width: 840px) {
    display: block;
  }
}
.m-rseries-card__box {
  width: 48%;
  @media screen and (max-width: 840px) {
    width: 100%;
  }
  .c-check-item {
    margin: 5px 0 0;
    &::before {
      width: 12px;
      height: 8px;
      border-top: solid 2px var(--rseisan-primary);
      border-right: solid 2px var(--rseisan-primary);
    }
  }
}
.m-rseries-card-inner {
  padding: 20px;
  border-radius: 10px;
}
.m-rseries-card-inner--rseisan {
  background: var(--rseisan-bg-sub-03);
}
.m-rseries-card-description {
  display: flex;
  justify-content: center;
  align-items: center;
}
.m-rseries-card__image {
  width: 144px;
  @media screen and (max-width: 600px) {
    width: 85%;
  }
}
.m-rseries-card-emblem {
  width: 110px;
  height: 103px;
  margin: 0 0 0 23px;
  background-size: cover;
  text-align: center;
  font-weight: 700;
  flex-shrink: 0;
  padding: 12px 0 0;
  background-image: url("/asset/image/common/figure/figure-laurel-rseisan.svg");
  @media screen and (max-width: 600px) {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0;
  }
  .u-text-annotation {
    color: var(--rseisan-primary);
    display: block;
    margin: -4px 0 0;
  }
}
.m-rseries-card-emblem__text {
  line-height: 1;
  font-size: 26px;
  color: var(--rseisan-primary);
}
.m-rseries-card__list {
  display: grid;
  justify-content: center;
  grid-gap: 5px;
  margin: 10px 0 0;
}
.m-rseries-card__note {
  margin: 20px 0 0;
}

.m-rseries-card-inner--meisai {
  @media screen and (max-width: 600px) {
    margin: 20px 0 0;
  }
  background: var(--rmeisai-bg-sub-03);
  .m-rseries-card-emblem {
    width: 110px;
    height: 103px;
    padding: 25px 0 0;
    background-image: url("/asset/image/common/figure/figure-laurel-rmeisai.svg");
    .u-text-annotation {
      color: var(--rmeisai-primary);
    }
  }
  .m-rseries-card-emblem__text {
    color: var(--rmeisai-primary);
  }
  .c-check-item {
    &::before {
      border-top: solid 2px var(--rmeisai-primary);
      border-right: solid 2px var(--rmeisai-primary);
    }
  }
}