/* Unison Service Plans 1.0.1
 * 既存テーマの pricing-plan__* を補助し、3〜6枚をレスポンシブ表示します。
 */
.pricing-plan__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}

.pricing-plan__cards--count-4 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pricing-plan__card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

.pricing-plan__card-inner {
  flex: 1 1 auto;
}

.pricing-plan__price-prefix:empty,
.pricing-plan__price-suffix:empty {
  display: none;
}

.pricing-plan__price-suffix small {
  font-size: .55em;
  margin-left: .15em;
}

@media (max-width: 960px) {
  .pricing-plan__cards,
  .pricing-plan__cards--count-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .pricing-plan__cards,
  .pricing-plan__cards--count-4 {
    grid-template-columns: 1fr;
  }
}