/* ===========================
   Utility
   =========================== */

/* Text */
.text-center { text-align: center; }
.text-right { text-align: right; }

/* Margin */
.mt-20 { margin-top: 2rem; }
.mb-20 { margin-bottom: 2rem; }
.mt-40 { margin-top: 4rem; }
.mb-40 { margin-bottom: 4rem; }

/* Flex */
.flex { display: flex; }
.flex-center { display: flex; justify-content: center; align-items: center; }
.flex-between { display: flex; justify-content: space-between; }

/* Display */
.sp-only { display: none; }
.pc-only { display: block; }

@media (max-width: 768px) {
  .sp-only { display: block; }
  .pc-only { display: none; }
}