/* ユーティリティ
=============================================================*/

/* clearfix */
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

/* 文字詰めを自動調整する */
.util-palt {
  font-feature-settings: "palt";
}

/* margin-top */
.util-mt-xxl {
  margin-top: 140px !important;
}

.util-mt-xl {
  margin-top: 120px !important;
}

.util-mt-lg {
  margin-top: 100px !important;
}

.util-mt-md {
  margin-top: 80px !important;
}

.util-mt-sm {
  margin-top: 40px !important;
}

.util-mt-xs {
  margin-top: 20px !important;
}

.util-mt-none {
  margin-top: 0 !important;
}

/* margin-bottom */
.util-mb-xxl {
  margin-bottom: 140px !important;
}

.util-mb-xl {
  margin-bottom: 120px !important;
}

.util-mb-lg {
  margin-bottom: 100px !important;
}

.util-mb-md {
  margin-bottom: 80px !important;
}

.util-mb-sm {
  margin-bottom: 40px !important;
}

.util-mb-xs {
  margin-bottom: 20px !important;
}

.util-mb-none {
  margin-bottom: 0 !important;
}

/* max-width */
.util-max-xxl {
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.util-max-xl {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.util-max-lg {
  width: 100%;
  max-width: 992px;
  margin-left: auto;
  margin-right: auto;
}

.util-max-md {
  width: 100%;
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
}

.util-max-sm {
  width: 100%;
  max-width: 576px;
  margin-left: auto;
  margin-right: auto;
}