@charset "UTF-8";
/*!
 * 記事ページ本文用ユーティリティー
 * ※テンプレート内では使用しないこと
 */
/* Note: This CSS file is generated from Sass. */
/* font */
/* font-size */
.fz-xxs {
  font-size: 1rem !important;
}

.fz-xs {
  font-size: 1.2rem !important;
}

.fz-s {
  font-size: 1.4rem !important;
}

.fz-m {
  font-size: 1.6rem !important;
}

.fz-l {
  font-size: 1.8rem !important;
}

.fz-xl {
  font-size: 2rem !important;
}

.fz-xxl {
  font-size: 2.4rem !important;
}

.fz-28 {
  font-size: 2.8rem !important;
}

.fz-32 {
  font-size: 3.2rem !important;
}

.fz-40 {
  font-size: 4rem !important;
}

@media screen and (max-width: 1023px) {
  .fz-xxs {
    font-size: 1rem !important;
  }
  .fz-xs {
    font-size: 1rem !important;
  }
  .fz-s {
    font-size: 1.2rem !important;
  }
  .fz-m {
    font-size: 1.4rem !important;
  }
  .fz-l {
    font-size: 1.6rem !important;
  }
  .fz-xl {
    font-size: 1.8rem !important;
  }
  .fz-xxl {
    font-size: 2.1rem !important;
  }
  .fz-28 {
    font-size: 2.4rem !important;
  }
  .fz-32 {
    font-size: 2.8rem !important;
  }
  .fz-40 {
    font-size: 3.5rem !important;
  }
}
/* font-weight */
.fw-n {
  font-weight: normal !important;
}

.fw-b {
  font-weight: bold !important;
}

/* spacing */
.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25em !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25em !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25em !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25em !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25em !important;
}

.m-2 {
  margin: 0.5em !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5em !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5em !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5em !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5em !important;
}

.m-3 {
  margin: 1em !important;
}

.mt-3,
.my-3 {
  margin-top: 1em !important;
}

.mr-3,
.mx-3 {
  margin-right: 1em !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1em !important;
}

.ml-3,
.mx-3 {
  margin-left: 1em !important;
}

.m-4 {
  margin: 1.5em !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5em !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5em !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5em !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5em !important;
}

.m-5 {
  margin: 2em !important;
}

.mt-5,
.my-5 {
  margin-top: 2em !important;
}

.mr-5,
.mx-5 {
  margin-right: 2em !important;
}

.mb-5,
.my-5 {
  margin-bottom: 2em !important;
}

.ml-5,
.mx-5 {
  margin-left: 2em !important;
}

.m-6 {
  margin: 3em !important;
}

.mt-6,
.my-6 {
  margin-top: 3em !important;
}

.mr-6,
.mx-6 {
  margin-right: 3em !important;
}

.mb-6,
.my-6 {
  margin-bottom: 3em !important;
}

.ml-6,
.mx-6 {
  margin-left: 3em !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25em !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25em !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25em !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25em !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25em !important;
}

.p-2 {
  padding: 0.5em !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5em !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5em !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5em !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5em !important;
}

.p-3 {
  padding: 1em !important;
}

.pt-3,
.py-3 {
  padding-top: 1em !important;
}

.pr-3,
.px-3 {
  padding-right: 1em !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1em !important;
}

.pl-3,
.px-3 {
  padding-left: 1em !important;
}

.p-4 {
  padding: 1.5em !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5em !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5em !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5em !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5em !important;
}

.p-5 {
  padding: 2em !important;
}

.pt-5,
.py-5 {
  padding-top: 2em !important;
}

.pr-5,
.px-5 {
  padding-right: 2em !important;
}

.pb-5,
.py-5 {
  padding-bottom: 2em !important;
}

.pl-5,
.px-5 {
  padding-left: 2em !important;
}

.p-6 {
  padding: 3em !important;
}

.pt-6,
.py-6 {
  padding-top: 3em !important;
}

.pr-6,
.px-6 {
  padding-right: 3em !important;
}

.pb-6,
.py-6 {
  padding-bottom: 3em !important;
}

.pl-6,
.px-6 {
  padding-left: 3em !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}