@charset "UTF-8";

/* =========================================================
   page-solution-finance.php 専用スタイル
   prefix : .pm  ( pip-medical )
   ========================================================= */

.pm {
  --pm-red       : #CB1414;
  --pm-red-dark  : #c8281f;
  --pm-text      : #222;
  --pm-text-sub  : #666;
  --pm-bg-soft   : #fff7f5;
  --pm-bg-table  : #fff2ed;
  --pm-border    : #ececec;
  --pm-shadow    : 0 6px 18px rgba(0, 0, 0, 0.06);
  color: var(--pm-text);
}

.pm-case__label {
  font-size: 12px;
  color: var(--pm-text-sub);
  margin: 20px 20px 0;
}

.pm-case__cat {
  margin: 10px 20px 6px;
}

.pm-case__grid {
  display: flex;
  justify-content: center
}

.pm-case__card {
  width: calc(100% / 3 - 20px);
}

@media screen and (max-width: 767px) {
  .pm-case__grid {
    flex-direction: column;
  }

  .pm-case__card {
    width: 100%;
  }
}