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

/* テキスト揃え */
.u-center {
  text-align: center;
}

.u-left {
  text-align: left;
}

/* 表示切り替え */
.u-pc {
  display: block;
}

.u-sp {
  display: none;
}

/* マージン */
.u-mt-8  { margin-top: 8px; }
.u-mt-16 { margin-top: 16px; }
.u-mt-24 { margin-top: 24px; }
.u-mt-32 { margin-top: 32px; }
.u-mt-40 { margin-top: 40px; }
.u-mt-48 { margin-top: 48px; }
.u-mt-64 { margin-top: 64px; }

.u-mb-8  { margin-bottom: 8px; }
.u-mb-16 { margin-bottom: 16px; }
.u-mb-24 { margin-bottom: 24px; }
.u-mb-32 { margin-bottom: 32px; }
.u-mb-40 { margin-bottom: 40px; }
.u-mb-48 { margin-bottom: 48px; }
.u-mb-64 { margin-bottom: 64px; }

/* スクリーンリーダー専用 */
.u-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* =========================================
  Responsive Utility
========================================= */
@media (max-width: 767px) {
  .u-pc {
    display: none;
  }

  .u-sp {
    display: block;
  }

  .u-mt-40 { margin-top: 24px; }
  .u-mb-40 { margin-bottom: 24px; }
  .u-mt-64 { margin-top: 40px; }
  .u-mb-64 { margin-bottom: 40px; }
}