@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@700;900&display=swap");

.u-text-center { text-align: center !important; }
.u-text-left { text-align: left !important; }
.u-text-right { text-align: right !important; }
.u-text-nowrap { white-space: nowrap !important; }
.u-fw-bold { font-weight: bold !important; }
.u-fw-normal { font-weight: normal !important; }

.u-mt-lv-0 { margin-top: 0px !important; }
.u-mb-lv-0 { margin-bottom: 0px !important; }
.u-mt-lv-1 { margin-top: 4px !important; }
.u-mb-lv-1 { margin-bottom: 4px !important; }
.u-mt-lv-2 { margin-top: 8px !important; }
.u-mb-lv-2 { margin-bottom: 8px !important; }
.u-mt-lv-3 { margin-top: 12px !important; }
.u-mb-lv-3 { margin-bottom: 12px !important; }
.u-mt-lv-4 { margin-top: 16px !important; }
.u-mb-lv-4 { margin-bottom: 16px !important; }
.u-mt-lv-5 { margin-top: 20px !important; }
.u-mb-lv-5 { margin-bottom: 20px !important; }
.u-mt-lv-6 { margin-top: 24px !important; }
.u-mb-lv-6 { margin-bottom: 24px !important; }
.u-mt-lv-7 { margin-top: 28px !important; }
.u-mb-lv-7 { margin-bottom: 28px !important; }
.u-mt-lv-8 { margin-top: 32px !important; }
.u-mb-lv-8 { margin-bottom: 32px !important; }
.u-mt-lv-9 { margin-top: 36px !important; }
.u-mb-lv-9 { margin-bottom: 36px !important; }
.u-mt-lv-10 { margin-top: 40px !important; }
.u-mb-lv-10 { margin-bottom: 40px !important; }

.u-p-lv-0 { padding: 0px !important; }
.u-p-lv-1 { padding: 4px !important; }
.u-p-lv-2 { padding: 8px !important; }
.u-p-lv-3 { padding: 12px !important; }
.u-p-lv-4 { padding: 16px !important; }
.u-p-lv-5 { padding: 20px !important; }

@media screen and (min-width: 375px) {
  .u-d-sm-none { display: none !important; }
  .u-d-sm-inline { display: inline !important; }
  .u-d-sm-flex { display: flex !important; }
  .u-d-sm-block { display: block !important; }
}

@media screen and (min-width: 578px) {
  .u-d-md-none { display: none !important; }
  .u-d-md-inline { display: inline !important; }
  .u-d-md-flex { display: flex !important; }
  .u-d-md-block { display: block !important; }
}

@media screen and (min-width: 769px) {
  .u-d-lg-none { display: none !important; }
  .u-d-lg-inline { display: inline !important; }
  .u-d-lg-flex { display: flex !important; }
  .u-d-lg-block { display: block !important; }
}

@media screen and (min-width: 961px) {
  .u-d-xl-none { display: none !important; }
  .u-d-xl-inline { display: inline !important; }
  .u-d-xl-flex { display: flex !important; }
  .u-d-xl-block { display: block !important; }
}

@media screen and (min-width: 1201px) {
  .u-d-xxl-none { display: none !important; }
  .u-d-xxl-inline { display: inline !important; }
  .u-d-xxl-flex { display: flex !important; }
  .u-d-xxl-block { display: block !important; }
}