@charset "utf-8";

/* ===================================
   ユーティリティ（Utilities）
   単機能の補助クラス
   =================================== */

/* -----------------------------------
   グリッドシステム
   ----------------------------------- */
.u-grid {
  display: grid;
}

.u-col-2 {
  grid-template-columns: repeat(2, 1fr);
}

.u-col-3 {
  grid-template-columns: repeat(3, 1fr);
}

.u-col-4 {
  grid-template-columns: repeat(4, 1fr);
}

.u-col-5 {
  grid-template-columns: repeat(5, 1fr);
}

/* -----------------------------------
   gap
   ----------------------------------- */
.u-gap {
  display: flex;
  flex-direction: column;
}
.u-gap-8 {
  gap: 0.5rem;
}
.u-gap-50 {
  gap: 50px;
}