@charset "UTF-8";

  /* color */
  .u-color-primary { color: var(--theme-color-primary); }
  .u-color-secondary { color: var(--theme-color-secondary); }
  .u-color-secondary90 { color: var(--theme-color-secondary90); }
  .u-color-secondary20 { color: var(--theme-color-secondary20); }
  .u-color-danger { color: var(--theme-color-danger); }
  .u-color-warning { color: var(--theme-color-warning); }
  .u-color-success { color: var(--theme-color-success); }
  .u-color-info { color: var(--theme-color-info) };

  /* align */
  .u-ta-c { text-align: center; }
  .u-ta-l { text-align: left; }
  .u-ta-r { text-align: right; }

  /* list */
  .u-list-disc > li { list-style: outside disc; margin-inline-start: 1.5em; }
  .u-list-decimal > li { list-style: outside decimal; margin-inline-start: 1.5em; }
  .u-list-decimal--zero > li { list-style: outside decimal-leading-zero; margin-inline-start: 2em; }
  .u-list-alpha--lower > li { list-style: outside lower-alpha; margin-inline-start: 1.5em; }

  /* text-transform */
  .u-tt-cap { text-transform: capitalize; }
  .u-tt-upp { text-transform: uppercase; }
  .u-tt-low { text-transform: lowercase; }

@media (max-width: 767px) {
  .u-oxx { display: block; }
  .u-oox { display: block; }
  .u-oxo { display: block; }
  .u-xox { display: none; }
  .u-xoo { display: none; }
  .u-xxo { display: none; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .u-oxx { display: none; }
  .u-oox { display: block; }
  .u-oxo { display: none; }
  .u-xox { display: block; }
  .u-xoo { display: block; }
  .u-xxo { display: none; }
}
@media (min-width: 1025px) {
  .u-oxx { display: none; }
  .u-oox { display: none; }
  .u-oxo { display: block; }
  .u-xox { display: none; }
  .u-xoo { display: block; }
  .u-xxo { display: block; }
}