/* =========================
   Utility
========================= */
.u-center { text-align: center; }
.u-right { text-align: right; }

.u-flex { display: flex; }

.u-w-full { width: 100%; }

/* margin（8pxベース） */
.u-mt-s { margin-top: 1rem; }   /* 16px */
.u-mt-m { margin-top: 2rem; }   /* 32px */
.u-mt-l { margin-top: 3rem; }   /* 48px */

.u-mb-s { margin-bottom: 1rem; }
.u-mb-m { margin-bottom: 2rem; }
.u-mb-l { margin-bottom: 3rem; }

/* padding */
.u-p-s { padding: 1rem; }
.u-p-m { padding: 2rem; }


/* 数字リスト */
.u-list-num {
  padding-left: 1.5em;
}

.u-list-num li {
  margin-bottom: 0.5em;
  list-style: decimal;
}

/* 黒丸リスト */
.u-list-disc {
  padding-left: 1.5em;
}

.u-list-disc li {
  margin-bottom: 0.5em;
  list-style: disc;
}

/* チェックリスト */
.u-list-check {
  padding-left: 1.5em;
}

.u-list-check li {
  position: relative;
  padding: 0.5em 0 0.5em 0.7em;
}

.u-list-check li::before {
  font-family: "Font Awesome 5 Free";
  content: "\f058";
  font-weight: 900;
  position: absolute;
  left: -1em;
  color: #2cb0ab;
}
/* =========================
   Responsive Utility
========================= */
@media (max-width: 750px) {
  .u-sp-hidden { display: none; }
}

@media (min-width: 751px) {
  .u-pc-hidden { display: none; }
}