@media screen and (min-width: 768px) {
  body .card {
    margin: 1em 0;
  }
  body .card .card--grid {
    display: grid;
    grid-template-columns: auto 3fr 1.5fr;
    grid-column-gap: 1em;
    grid-row-gap: 0.5em;
  }
  body .card .card--grid .card--img {
    max-width: none;
  }
  body .card .card--grid .card--title-offer-selling {
    display: flex;
    flex-direction: column;
    align-self: center;
  }
}
@media screen and (min-width: 768px) and (min-width: 481px) and (max-width: 1023px) {
  body .card .card--grid {
    padding-top: 1.5em;
  }
  body .card .card--grid .card--title-offer-selling {
    grid-column: span 2;
    grid-row: span 2;
  }
  body .card .card--grid .card--apply {
    grid-column: 1;
    justify-content: flex-start;
    grid-gap: 0;
  }
  body .card .card--grid .card--apply .compare {
    margin: 0.5em 0;
  }
  body .card .card--grid .sponsored-card {
    top: -0.5em;
    bottom: auto;
  }
}
@media screen and (min-width: 768px) {
  body .card .card--grid .card--title-offer {
    margin: 0;
  }
  body .card .card--grid .card--selling-points {
    border: 0;
  }
  body .card .card--grid .card--selling-points .card--selling-point-desc {
    display: block;
    font-size: 0.8em;
  }
  body .card .card--grid .card--apply {
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  body .card .card--grid .card--apply .apply-btn {
    grid-column: 1;
  }
  body .card .card--expanded {
    border-top: 1px solid var(--color-border);
  }
  body .card .card--expanded .card--expanded-inner {
    display: grid;
    grid-template-columns: 1.2fr 3.3fr;
    grid-gap: 1.5em;
  }
  body .card .card--expanded .card--expanded-inner .card--expanded-data-max-height-fade {
    height: 150px;
  }
  body .card .card--expanded .card--expanded-inner .card--data-column-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 3.5em;
    grid-row-gap: 2em;
  }
  body .card .card--expanded .card--expanded-inner .card--data-column-wrapper .card--data-column {
    margin-bottom: 0em;
  }
  body .card .card--expanded .card--expanded-inner .card--data-column-wrapper .card--data-column-span2 {
    grid-column: span 2;
  }
  body .card .card--expanded .card--expanded-inner .card--data-column-wrapper .card--data-column-span3 {
    grid-column: span 2;
  }
  body .card .card--expanded .card--expanded-inner .card--data-table-row {
    grid-template-columns: 3fr 0.8fr 1fr 1fr;
  }
  body .card.card--ranking .card--grid {
    align-items: center;
  }
  body .card.card--ranking .card--grid .card--img {
    max-width: 170px;
  }
  body .card.card--ranking .card--grid .card--title-offer {
    font-size: 1.2em;
  }
  body .card.card--ranking .card--grid .card--apply {
    grid-column: unset;
  }
  body .card.card-s .card--grid .card--img {
    max-width: 140px;
  }
  body .card.card-s .card--grid .card--apply {
    grid-column: auto;
  }
  .card--data-column-vertical {
    grid-column: span 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 3.5em;
  }
  body div:not(.swiper-slide) > .card-m .card--img-outer,
  body div:not(.swiper-slide) > .card-m .card--apply {
    width: 170px;
  }
  body div:not(.swiper-slide) > .card-m .card--grid {
    grid-column-gap: 2em;
  }
  body div:not(.swiper-slide) > .card-m .card--grid .card--title {
    margin-bottom: 0.75em;
  }
}

/*# sourceMappingURL=cards-tablet.css.map */