@charset "utf-8";

/* display
---------------------------------------------- */
@media not all and (max-width: 480px) {
  .u-xs-over-tal {
    text-align: left !important;
  }
  .u-xs-over-tac {
    text-align: center !important;
  }
  .u-xs-over-tar {
    text-align: right !important;
  }
}
@media not all and (max-width: 1400px) {
  .u-xl-only {
    display: none !important;
  }
}
@media (max-width: 1400px) {
  .u-xl-over-only {
    display: none !important;
  }
}
@media not all and (max-width: 1280px) {
  .u-lg-only {
    display: none !important;
  }
}
@media (max-width: 1280px) {
  .u-lg-over-only {
    display: none !important;
  }
}
@media not all and (max-width: 1024px) {
  .u-md-only {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  .u-md-over-only {
    display: none !important;
  }
}
@media not all and (max-width: 768px) {
  .u-sm-only {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .u-sm-over-only {
    display: none !important;
  }
}
@media not all and (max-width: 480px) {
  .u-xs-only {
    display: none !important;
  }
}
@media (max-width: 480px) {
  .u-xs-over-only {
    display: none !important;
  }
}
.u-db {
  display: block !important;
}
.u-dib {
  display: inline-block !important;
}

/* space
---------------------------------------------- */
.u-mt-xxs {
  margin-top: var(--space-xxs) !important;
}

.u-mr-xxs {
  margin-right: var(--space-xxs) !important;
}

.u-mb-xxs {
  margin-bottom: var(--space-xxs) !important;
}

.u-ml-xxs {
  margin-left: var(--space-xxs) !important;
}

.u-pt-xxs {
  padding-top: var(--space-xxs) !important;
}

.u-pr-xxs {
  padding-right: var(--space-xxs) !important;
}

.u-pb-xxs {
  padding-bottom: var(--space-xxs) !important;
}

.u-pl-xxs {
  padding-left: var(--space-xxs) !important;
}

.u-mt-xs {
  margin-top: var(--space-xs) !important;
}

.u-mr-xs {
  margin-right: var(--space-xs) !important;
}

.u-mb-xs {
  margin-bottom: var(--space-xs) !important;
}

.u-ml-xs {
  margin-left: var(--space-xs) !important;
}

.u-pt-xs {
  padding-top: var(--space-xs) !important;
}

.u-pr-xs {
  padding-right: var(--space-xs) !important;
}

.u-pb-xs {
  padding-bottom: var(--space-xs) !important;
}

.u-pl-xs {
  padding-left: var(--space-xs) !important;
}

.u-mt-sm {
  margin-top: var(--space-sm) !important;
}

.u-mr-sm {
  margin-right: var(--space-sm) !important;
}

.u-mb-sm {
  margin-bottom: var(--space-sm) !important;
}

.u-ml-sm {
  margin-left: var(--space-sm) !important;
}

.u-pt-sm {
  padding-top: var(--space-sm) !important;
}

.u-pr-sm {
  padding-right: var(--space-sm) !important;
}

.u-pb-sm {
  padding-bottom: var(--space-sm) !important;
}

.u-pl-sm {
  padding-left: var(--space-sm) !important;
}

.u-mt-md {
  margin-top: var(--space-md) !important;
}

.u-mr-md {
  margin-right: var(--space-md) !important;
}

.u-mb-md {
  margin-bottom: var(--space-md) !important;
}

.u-ml-md {
  margin-left: var(--space-md) !important;
}

.u-pt-md {
  padding-top: var(--space-md) !important;
}

.u-pr-md {
  padding-right: var(--space-md) !important;
}

.u-pb-md {
  padding-bottom: var(--space-md) !important;
}

.u-pl-md {
  padding-left: var(--space-md) !important;
}

.u-mt-lg {
  margin-top: var(--space-lg) !important;
}

.u-mr-lg {
  margin-right: var(--space-lg) !important;
}

.u-mb-lg {
  margin-bottom: var(--space-lg) !important;
}

.u-ml-lg {
  margin-left: var(--space-lg) !important;
}

.u-pt-lg {
  padding-top: var(--space-lg) !important;
}

.u-pr-lg {
  padding-right: var(--space-lg) !important;
}

.u-pb-lg {
  padding-bottom: var(--space-lg) !important;
}

.u-pl-lg {
  padding-left: var(--space-lg) !important;
}

.u-mt-xl {
  margin-top: var(--space-xl) !important;
}

.u-mr-xl {
  margin-right: var(--space-xl) !important;
}

.u-mb-xl {
  margin-bottom: var(--space-xl) !important;
}

.u-ml-xl {
  margin-left: var(--space-xl) !important;
}

.u-pt-xl {
  padding-top: var(--space-xl) !important;
}

.u-pr-xl {
  padding-right: var(--space-xl) !important;
}

.u-pb-xl {
  padding-bottom: var(--space-xl) !important;
}

.u-pl-xl {
  padding-left: var(--space-xl) !important;
}

.u-mt-xxl {
  margin-top: var(--space-xxl) !important;
}

.u-mr-xxl {
  margin-right: var(--space-xxl) !important;
}

.u-mb-xxl {
  margin-bottom: var(--space-xxl) !important;
}

.u-ml-xxl {
  margin-left: var(--space-xxl) !important;
}

.u-pt-xxl {
  padding-top: var(--space-xxl) !important;
}

.u-pr-xxl {
  padding-right: var(--space-xxl) !important;
}

.u-pb-xxl {
  padding-bottom: var(--space-xxl) !important;
}

.u-pl-xxl {
  padding-left: var(--space-xxl) !important;
}

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

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

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

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

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

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

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

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

@media (max-width: 1400px) {
  .u-xl-mt-xxs {
    margin-top: var(--space-xxs) !important;
  }
  .u-xl-mr-xxs {
    margin-right: var(--space-xxs) !important;
  }
  .u-xl-mb-xxs {
    margin-bottom: var(--space-xxs) !important;
  }
  .u-xl-ml-xxs {
    margin-left: var(--space-xxs) !important;
  }
  .u-xl-pt-xxs {
    padding-top: var(--space-xxs) !important;
  }
  .u-xl-pr-xxs {
    padding-right: var(--space-xxs) !important;
  }
  .u-xl-pb-xxs {
    padding-bottom: var(--space-xxs) !important;
  }
  .u-xl-pl-xxs {
    padding-left: var(--space-xxs) !important;
  }
  .u-xl-mt-xs {
    margin-top: var(--space-xs) !important;
  }
  .u-xl-mr-xs {
    margin-right: var(--space-xs) !important;
  }
  .u-xl-mb-xs {
    margin-bottom: var(--space-xs) !important;
  }
  .u-xl-ml-xs {
    margin-left: var(--space-xs) !important;
  }
  .u-xl-pt-xs {
    padding-top: var(--space-xs) !important;
  }
  .u-xl-pr-xs {
    padding-right: var(--space-xs) !important;
  }
  .u-xl-pb-xs {
    padding-bottom: var(--space-xs) !important;
  }
  .u-xl-pl-xs {
    padding-left: var(--space-xs) !important;
  }
  .u-xl-mt-sm {
    margin-top: var(--space-sm) !important;
  }
  .u-xl-mr-sm {
    margin-right: var(--space-sm) !important;
  }
  .u-xl-mb-sm {
    margin-bottom: var(--space-sm) !important;
  }
  .u-xl-ml-sm {
    margin-left: var(--space-sm) !important;
  }
  .u-xl-pt-sm {
    padding-top: var(--space-sm) !important;
  }
  .u-xl-pr-sm {
    padding-right: var(--space-sm) !important;
  }
  .u-xl-pb-sm {
    padding-bottom: var(--space-sm) !important;
  }
  .u-xl-pl-sm {
    padding-left: var(--space-sm) !important;
  }
  .u-xl-mt-md {
    margin-top: var(--space-md) !important;
  }
  .u-xl-mr-md {
    margin-right: var(--space-md) !important;
  }
  .u-xl-mb-md {
    margin-bottom: var(--space-md) !important;
  }
  .u-xl-ml-md {
    margin-left: var(--space-md) !important;
  }
  .u-xl-pt-md {
    padding-top: var(--space-md) !important;
  }
  .u-xl-pr-md {
    padding-right: var(--space-md) !important;
  }
  .u-xl-pb-md {
    padding-bottom: var(--space-md) !important;
  }
  .u-xl-pl-md {
    padding-left: var(--space-md) !important;
  }
  .u-xl-mt-lg {
    margin-top: var(--space-lg) !important;
  }
  .u-xl-mr-lg {
    margin-right: var(--space-lg) !important;
  }
  .u-xl-mb-lg {
    margin-bottom: var(--space-lg) !important;
  }
  .u-xl-ml-lg {
    margin-left: var(--space-lg) !important;
  }
  .u-xl-pt-lg {
    padding-top: var(--space-lg) !important;
  }
  .u-xl-pr-lg {
    padding-right: var(--space-lg) !important;
  }
  .u-xl-pb-lg {
    padding-bottom: var(--space-lg) !important;
  }
  .u-xl-pl-lg {
    padding-left: var(--space-lg) !important;
  }
  .u-xl-mt-xl {
    margin-top: var(--space-xl) !important;
  }
  .u-xl-mr-xl {
    margin-right: var(--space-xl) !important;
  }
  .u-xl-mb-xl {
    margin-bottom: var(--space-xl) !important;
  }
  .u-xl-ml-xl {
    margin-left: var(--space-xl) !important;
  }
  .u-xl-pt-xl {
    padding-top: var(--space-xl) !important;
  }
  .u-xl-pr-xl {
    padding-right: var(--space-xl) !important;
  }
  .u-xl-pb-xl {
    padding-bottom: var(--space-xl) !important;
  }
  .u-xl-pl-xl {
    padding-left: var(--space-xl) !important;
  }
  .u-xl-mt-xxl {
    margin-top: var(--space-xxl) !important;
  }
  .u-xl-mr-xxl {
    margin-right: var(--space-xxl) !important;
  }
  .u-xl-mb-xxl {
    margin-bottom: var(--space-xxl) !important;
  }
  .u-xl-ml-xxl {
    margin-left: var(--space-xxl) !important;
  }
  .u-xl-pt-xxl {
    padding-top: var(--space-xxl) !important;
  }
  .u-xl-pr-xxl {
    padding-right: var(--space-xxl) !important;
  }
  .u-xl-pb-xxl {
    padding-bottom: var(--space-xxl) !important;
  }
  .u-xl-pl-xxl {
    padding-left: var(--space-xxl) !important;
  }
  .u-xl-mt-0 {
    margin-top: 0 !important;
  }
  .u-xl-mr-0 {
    margin-right: 0 !important;
  }
  .u-xl-mb-0 {
    margin-bottom: 0 !important;
  }
  .u-xl-ml-0 {
    margin-left: 0 !important;
  }
  .u-xl-pt-0 {
    padding-top: 0 !important;
  }
  .u-xl-pr-0 {
    padding-right: 0 !important;
  }
  .u-xl-pb-0 {
    padding-bottom: 0 !important;
  }
  .u-xl-pl-0 {
    padding-left: 0 !important;
  }
}
@media (max-width: 1280px) {
  .u-lg-mt-xxs {
    margin-top: var(--space-xxs) !important;
  }
  .u-lg-mr-xxs {
    margin-right: var(--space-xxs) !important;
  }
  .u-lg-mb-xxs {
    margin-bottom: var(--space-xxs) !important;
  }
  .u-lg-ml-xxs {
    margin-left: var(--space-xxs) !important;
  }
  .u-lg-pt-xxs {
    padding-top: var(--space-xxs) !important;
  }
  .u-lg-pr-xxs {
    padding-right: var(--space-xxs) !important;
  }
  .u-lg-pb-xxs {
    padding-bottom: var(--space-xxs) !important;
  }
  .u-lg-pl-xxs {
    padding-left: var(--space-xxs) !important;
  }
  .u-lg-mt-xs {
    margin-top: var(--space-xs) !important;
  }
  .u-lg-mr-xs {
    margin-right: var(--space-xs) !important;
  }
  .u-lg-mb-xs {
    margin-bottom: var(--space-xs) !important;
  }
  .u-lg-ml-xs {
    margin-left: var(--space-xs) !important;
  }
  .u-lg-pt-xs {
    padding-top: var(--space-xs) !important;
  }
  .u-lg-pr-xs {
    padding-right: var(--space-xs) !important;
  }
  .u-lg-pb-xs {
    padding-bottom: var(--space-xs) !important;
  }
  .u-lg-pl-xs {
    padding-left: var(--space-xs) !important;
  }
  .u-lg-mt-sm {
    margin-top: var(--space-sm) !important;
  }
  .u-lg-mr-sm {
    margin-right: var(--space-sm) !important;
  }
  .u-lg-mb-sm {
    margin-bottom: var(--space-sm) !important;
  }
  .u-lg-ml-sm {
    margin-left: var(--space-sm) !important;
  }
  .u-lg-pt-sm {
    padding-top: var(--space-sm) !important;
  }
  .u-lg-pr-sm {
    padding-right: var(--space-sm) !important;
  }
  .u-lg-pb-sm {
    padding-bottom: var(--space-sm) !important;
  }
  .u-lg-pl-sm {
    padding-left: var(--space-sm) !important;
  }
  .u-lg-mt-md {
    margin-top: var(--space-md) !important;
  }
  .u-lg-mr-md {
    margin-right: var(--space-md) !important;
  }
  .u-lg-mb-md {
    margin-bottom: var(--space-md) !important;
  }
  .u-lg-ml-md {
    margin-left: var(--space-md) !important;
  }
  .u-lg-pt-md {
    padding-top: var(--space-md) !important;
  }
  .u-lg-pr-md {
    padding-right: var(--space-md) !important;
  }
  .u-lg-pb-md {
    padding-bottom: var(--space-md) !important;
  }
  .u-lg-pl-md {
    padding-left: var(--space-md) !important;
  }
  .u-lg-mt-lg {
    margin-top: var(--space-lg) !important;
  }
  .u-lg-mr-lg {
    margin-right: var(--space-lg) !important;
  }
  .u-lg-mb-lg {
    margin-bottom: var(--space-lg) !important;
  }
  .u-lg-ml-lg {
    margin-left: var(--space-lg) !important;
  }
  .u-lg-pt-lg {
    padding-top: var(--space-lg) !important;
  }
  .u-lg-pr-lg {
    padding-right: var(--space-lg) !important;
  }
  .u-lg-pb-lg {
    padding-bottom: var(--space-lg) !important;
  }
  .u-lg-pl-lg {
    padding-left: var(--space-lg) !important;
  }
  .u-lg-mt-xl {
    margin-top: var(--space-xl) !important;
  }
  .u-lg-mr-xl {
    margin-right: var(--space-xl) !important;
  }
  .u-lg-mb-xl {
    margin-bottom: var(--space-xl) !important;
  }
  .u-lg-ml-xl {
    margin-left: var(--space-xl) !important;
  }
  .u-lg-pt-xl {
    padding-top: var(--space-xl) !important;
  }
  .u-lg-pr-xl {
    padding-right: var(--space-xl) !important;
  }
  .u-lg-pb-xl {
    padding-bottom: var(--space-xl) !important;
  }
  .u-lg-pl-xl {
    padding-left: var(--space-xl) !important;
  }
  .u-lg-mt-xxl {
    margin-top: var(--space-xxl) !important;
  }
  .u-lg-mr-xxl {
    margin-right: var(--space-xxl) !important;
  }
  .u-lg-mb-xxl {
    margin-bottom: var(--space-xxl) !important;
  }
  .u-lg-ml-xxl {
    margin-left: var(--space-xxl) !important;
  }
  .u-lg-pt-xxl {
    padding-top: var(--space-xxl) !important;
  }
  .u-lg-pr-xxl {
    padding-right: var(--space-xxl) !important;
  }
  .u-lg-pb-xxl {
    padding-bottom: var(--space-xxl) !important;
  }
  .u-lg-pl-xxl {
    padding-left: var(--space-xxl) !important;
  }
  .u-lg-mt-0 {
    margin-top: 0 !important;
  }
  .u-lg-mr-0 {
    margin-right: 0 !important;
  }
  .u-lg-mb-0 {
    margin-bottom: 0 !important;
  }
  .u-lg-ml-0 {
    margin-left: 0 !important;
  }
  .u-lg-pt-0 {
    padding-top: 0 !important;
  }
  .u-lg-pr-0 {
    padding-right: 0 !important;
  }
  .u-lg-pb-0 {
    padding-bottom: 0 !important;
  }
  .u-lg-pl-0 {
    padding-left: 0 !important;
  }
}
@media (max-width: 1024px) {
  .u-md-mt-xxs {
    margin-top: var(--space-xxs) !important;
  }
  .u-md-mr-xxs {
    margin-right: var(--space-xxs) !important;
  }
  .u-md-mb-xxs {
    margin-bottom: var(--space-xxs) !important;
  }
  .u-md-ml-xxs {
    margin-left: var(--space-xxs) !important;
  }
  .u-md-pt-xxs {
    padding-top: var(--space-xxs) !important;
  }
  .u-md-pr-xxs {
    padding-right: var(--space-xxs) !important;
  }
  .u-md-pb-xxs {
    padding-bottom: var(--space-xxs) !important;
  }
  .u-md-pl-xxs {
    padding-left: var(--space-xxs) !important;
  }
  .u-md-mt-xs {
    margin-top: var(--space-xs) !important;
  }
  .u-md-mr-xs {
    margin-right: var(--space-xs) !important;
  }
  .u-md-mb-xs {
    margin-bottom: var(--space-xs) !important;
  }
  .u-md-ml-xs {
    margin-left: var(--space-xs) !important;
  }
  .u-md-pt-xs {
    padding-top: var(--space-xs) !important;
  }
  .u-md-pr-xs {
    padding-right: var(--space-xs) !important;
  }
  .u-md-pb-xs {
    padding-bottom: var(--space-xs) !important;
  }
  .u-md-pl-xs {
    padding-left: var(--space-xs) !important;
  }
  .u-md-mt-sm {
    margin-top: var(--space-sm) !important;
  }
  .u-md-mr-sm {
    margin-right: var(--space-sm) !important;
  }
  .u-md-mb-sm {
    margin-bottom: var(--space-sm) !important;
  }
  .u-md-ml-sm {
    margin-left: var(--space-sm) !important;
  }
  .u-md-pt-sm {
    padding-top: var(--space-sm) !important;
  }
  .u-md-pr-sm {
    padding-right: var(--space-sm) !important;
  }
  .u-md-pb-sm {
    padding-bottom: var(--space-sm) !important;
  }
  .u-md-pl-sm {
    padding-left: var(--space-sm) !important;
  }
  .u-md-mt-md {
    margin-top: var(--space-md) !important;
  }
  .u-md-mr-md {
    margin-right: var(--space-md) !important;
  }
  .u-md-mb-md {
    margin-bottom: var(--space-md) !important;
  }
  .u-md-ml-md {
    margin-left: var(--space-md) !important;
  }
  .u-md-pt-md {
    padding-top: var(--space-md) !important;
  }
  .u-md-pr-md {
    padding-right: var(--space-md) !important;
  }
  .u-md-pb-md {
    padding-bottom: var(--space-md) !important;
  }
  .u-md-pl-md {
    padding-left: var(--space-md) !important;
  }
  .u-md-mt-lg {
    margin-top: var(--space-lg) !important;
  }
  .u-md-mr-lg {
    margin-right: var(--space-lg) !important;
  }
  .u-md-mb-lg {
    margin-bottom: var(--space-lg) !important;
  }
  .u-md-ml-lg {
    margin-left: var(--space-lg) !important;
  }
  .u-md-pt-lg {
    padding-top: var(--space-lg) !important;
  }
  .u-md-pr-lg {
    padding-right: var(--space-lg) !important;
  }
  .u-md-pb-lg {
    padding-bottom: var(--space-lg) !important;
  }
  .u-md-pl-lg {
    padding-left: var(--space-lg) !important;
  }
  .u-md-mt-xl {
    margin-top: var(--space-xl) !important;
  }
  .u-md-mr-xl {
    margin-right: var(--space-xl) !important;
  }
  .u-md-mb-xl {
    margin-bottom: var(--space-xl) !important;
  }
  .u-md-ml-xl {
    margin-left: var(--space-xl) !important;
  }
  .u-md-pt-xl {
    padding-top: var(--space-xl) !important;
  }
  .u-md-pr-xl {
    padding-right: var(--space-xl) !important;
  }
  .u-md-pb-xl {
    padding-bottom: var(--space-xl) !important;
  }
  .u-md-pl-xl {
    padding-left: var(--space-xl) !important;
  }
  .u-md-mt-xxl {
    margin-top: var(--space-xxl) !important;
  }
  .u-md-mr-xxl {
    margin-right: var(--space-xxl) !important;
  }
  .u-md-mb-xxl {
    margin-bottom: var(--space-xxl) !important;
  }
  .u-md-ml-xxl {
    margin-left: var(--space-xxl) !important;
  }
  .u-md-pt-xxl {
    padding-top: var(--space-xxl) !important;
  }
  .u-md-pr-xxl {
    padding-right: var(--space-xxl) !important;
  }
  .u-md-pb-xxl {
    padding-bottom: var(--space-xxl) !important;
  }
  .u-md-pl-xxl {
    padding-left: var(--space-xxl) !important;
  }
  .u-md-mt-0 {
    margin-top: 0 !important;
  }
  .u-md-mr-0 {
    margin-right: 0 !important;
  }
  .u-md-mb-0 {
    margin-bottom: 0 !important;
  }
  .u-md-ml-0 {
    margin-left: 0 !important;
  }
  .u-md-pt-0 {
    padding-top: 0 !important;
  }
  .u-md-pr-0 {
    padding-right: 0 !important;
  }
  .u-md-pb-0 {
    padding-bottom: 0 !important;
  }
  .u-md-pl-0 {
    padding-left: 0 !important;
  }
}
@media (max-width: 768px) {
  .u-sm-mt-xxs {
    margin-top: var(--space-xxs) !important;
  }
  .u-sm-mr-xxs {
    margin-right: var(--space-xxs) !important;
  }
  .u-sm-mb-xxs {
    margin-bottom: var(--space-xxs) !important;
  }
  .u-sm-ml-xxs {
    margin-left: var(--space-xxs) !important;
  }
  .u-sm-pt-xxs {
    padding-top: var(--space-xxs) !important;
  }
  .u-sm-pr-xxs {
    padding-right: var(--space-xxs) !important;
  }
  .u-sm-pb-xxs {
    padding-bottom: var(--space-xxs) !important;
  }
  .u-sm-pl-xxs {
    padding-left: var(--space-xxs) !important;
  }
  .u-sm-mt-xs {
    margin-top: var(--space-xs) !important;
  }
  .u-sm-mr-xs {
    margin-right: var(--space-xs) !important;
  }
  .u-sm-mb-xs {
    margin-bottom: var(--space-xs) !important;
  }
  .u-sm-ml-xs {
    margin-left: var(--space-xs) !important;
  }
  .u-sm-pt-xs {
    padding-top: var(--space-xs) !important;
  }
  .u-sm-pr-xs {
    padding-right: var(--space-xs) !important;
  }
  .u-sm-pb-xs {
    padding-bottom: var(--space-xs) !important;
  }
  .u-sm-pl-xs {
    padding-left: var(--space-xs) !important;
  }
  .u-sm-mt-sm {
    margin-top: var(--space-sm) !important;
  }
  .u-sm-mr-sm {
    margin-right: var(--space-sm) !important;
  }
  .u-sm-mb-sm {
    margin-bottom: var(--space-sm) !important;
  }
  .u-sm-ml-sm {
    margin-left: var(--space-sm) !important;
  }
  .u-sm-pt-sm {
    padding-top: var(--space-sm) !important;
  }
  .u-sm-pr-sm {
    padding-right: var(--space-sm) !important;
  }
  .u-sm-pb-sm {
    padding-bottom: var(--space-sm) !important;
  }
  .u-sm-pl-sm {
    padding-left: var(--space-sm) !important;
  }
  .u-sm-mt-md {
    margin-top: var(--space-md) !important;
  }
  .u-sm-mr-md {
    margin-right: var(--space-md) !important;
  }
  .u-sm-mb-md {
    margin-bottom: var(--space-md) !important;
  }
  .u-sm-ml-md {
    margin-left: var(--space-md) !important;
  }
  .u-sm-pt-md {
    padding-top: var(--space-md) !important;
  }
  .u-sm-pr-md {
    padding-right: var(--space-md) !important;
  }
  .u-sm-pb-md {
    padding-bottom: var(--space-md) !important;
  }
  .u-sm-pl-md {
    padding-left: var(--space-md) !important;
  }
  .u-sm-mt-lg {
    margin-top: var(--space-lg) !important;
  }
  .u-sm-mr-lg {
    margin-right: var(--space-lg) !important;
  }
  .u-sm-mb-lg {
    margin-bottom: var(--space-lg) !important;
  }
  .u-sm-ml-lg {
    margin-left: var(--space-lg) !important;
  }
  .u-sm-pt-lg {
    padding-top: var(--space-lg) !important;
  }
  .u-sm-pr-lg {
    padding-right: var(--space-lg) !important;
  }
  .u-sm-pb-lg {
    padding-bottom: var(--space-lg) !important;
  }
  .u-sm-pl-lg {
    padding-left: var(--space-lg) !important;
  }
  .u-sm-mt-xl {
    margin-top: var(--space-xl) !important;
  }
  .u-sm-mr-xl {
    margin-right: var(--space-xl) !important;
  }
  .u-sm-mb-xl {
    margin-bottom: var(--space-xl) !important;
  }
  .u-sm-ml-xl {
    margin-left: var(--space-xl) !important;
  }
  .u-sm-pt-xl {
    padding-top: var(--space-xl) !important;
  }
  .u-sm-pr-xl {
    padding-right: var(--space-xl) !important;
  }
  .u-sm-pb-xl {
    padding-bottom: var(--space-xl) !important;
  }
  .u-sm-pl-xl {
    padding-left: var(--space-xl) !important;
  }
  .u-sm-mt-xxl {
    margin-top: var(--space-xxl) !important;
  }
  .u-sm-mr-xxl {
    margin-right: var(--space-xxl) !important;
  }
  .u-sm-mb-xxl {
    margin-bottom: var(--space-xxl) !important;
  }
  .u-sm-ml-xxl {
    margin-left: var(--space-xxl) !important;
  }
  .u-sm-pt-xxl {
    padding-top: var(--space-xxl) !important;
  }
  .u-sm-pr-xxl {
    padding-right: var(--space-xxl) !important;
  }
  .u-sm-pb-xxl {
    padding-bottom: var(--space-xxl) !important;
  }
  .u-sm-pl-xxl {
    padding-left: var(--space-xxl) !important;
  }
  .u-sm-mt-0 {
    margin-top: 0 !important;
  }
  .u-sm-mr-0 {
    margin-right: 0 !important;
  }
  .u-sm-mb-0 {
    margin-bottom: 0 !important;
  }
  .u-sm-ml-0 {
    margin-left: 0 !important;
  }
  .u-sm-pt-0 {
    padding-top: 0 !important;
  }
  .u-sm-pr-0 {
    padding-right: 0 !important;
  }
  .u-sm-pb-0 {
    padding-bottom: 0 !important;
  }
  .u-sm-pl-0 {
    padding-left: 0 !important;
  }
}
@media (max-width: 480px) {
  .u-xs-mt-xxs {
    margin-top: var(--space-xxs) !important;
  }
  .u-xs-mr-xxs {
    margin-right: var(--space-xxs) !important;
  }
  .u-xs-mb-xxs {
    margin-bottom: var(--space-xxs) !important;
  }
  .u-xs-ml-xxs {
    margin-left: var(--space-xxs) !important;
  }
  .u-xs-pt-xxs {
    padding-top: var(--space-xxs) !important;
  }
  .u-xs-pr-xxs {
    padding-right: var(--space-xxs) !important;
  }
  .u-xs-pb-xxs {
    padding-bottom: var(--space-xxs) !important;
  }
  .u-xs-pl-xxs {
    padding-left: var(--space-xxs) !important;
  }
  .u-xs-mt-xs {
    margin-top: var(--space-xs) !important;
  }
  .u-xs-mr-xs {
    margin-right: var(--space-xs) !important;
  }
  .u-xs-mb-xs {
    margin-bottom: var(--space-xs) !important;
  }
  .u-xs-ml-xs {
    margin-left: var(--space-xs) !important;
  }
  .u-xs-pt-xs {
    padding-top: var(--space-xs) !important;
  }
  .u-xs-pr-xs {
    padding-right: var(--space-xs) !important;
  }
  .u-xs-pb-xs {
    padding-bottom: var(--space-xs) !important;
  }
  .u-xs-pl-xs {
    padding-left: var(--space-xs) !important;
  }
  .u-xs-mt-sm {
    margin-top: var(--space-sm) !important;
  }
  .u-xs-mr-sm {
    margin-right: var(--space-sm) !important;
  }
  .u-xs-mb-sm {
    margin-bottom: var(--space-sm) !important;
  }
  .u-xs-ml-sm {
    margin-left: var(--space-sm) !important;
  }
  .u-xs-pt-sm {
    padding-top: var(--space-sm) !important;
  }
  .u-xs-pr-sm {
    padding-right: var(--space-sm) !important;
  }
  .u-xs-pb-sm {
    padding-bottom: var(--space-sm) !important;
  }
  .u-xs-pl-sm {
    padding-left: var(--space-sm) !important;
  }
  .u-xs-mt-md {
    margin-top: var(--space-md) !important;
  }
  .u-xs-mr-md {
    margin-right: var(--space-md) !important;
  }
  .u-xs-mb-md {
    margin-bottom: var(--space-md) !important;
  }
  .u-xs-ml-md {
    margin-left: var(--space-md) !important;
  }
  .u-xs-pt-md {
    padding-top: var(--space-md) !important;
  }
  .u-xs-pr-md {
    padding-right: var(--space-md) !important;
  }
  .u-xs-pb-md {
    padding-bottom: var(--space-md) !important;
  }
  .u-xs-pl-md {
    padding-left: var(--space-md) !important;
  }
  .u-xs-mt-lg {
    margin-top: var(--space-lg) !important;
  }
  .u-xs-mr-lg {
    margin-right: var(--space-lg) !important;
  }
  .u-xs-mb-lg {
    margin-bottom: var(--space-lg) !important;
  }
  .u-xs-ml-lg {
    margin-left: var(--space-lg) !important;
  }
  .u-xs-pt-lg {
    padding-top: var(--space-lg) !important;
  }
  .u-xs-pr-lg {
    padding-right: var(--space-lg) !important;
  }
  .u-xs-pb-lg {
    padding-bottom: var(--space-lg) !important;
  }
  .u-xs-pl-lg {
    padding-left: var(--space-lg) !important;
  }
  .u-xs-mt-xl {
    margin-top: var(--space-xl) !important;
  }
  .u-xs-mr-xl {
    margin-right: var(--space-xl) !important;
  }
  .u-xs-mb-xl {
    margin-bottom: var(--space-xl) !important;
  }
  .u-xs-ml-xl {
    margin-left: var(--space-xl) !important;
  }
  .u-xs-pt-xl {
    padding-top: var(--space-xl) !important;
  }
  .u-xs-pr-xl {
    padding-right: var(--space-xl) !important;
  }
  .u-xs-pb-xl {
    padding-bottom: var(--space-xl) !important;
  }
  .u-xs-pl-xl {
    padding-left: var(--space-xl) !important;
  }
  .u-xs-mt-xxl {
    margin-top: var(--space-xxl) !important;
  }
  .u-xs-mr-xxl {
    margin-right: var(--space-xxl) !important;
  }
  .u-xs-mb-xxl {
    margin-bottom: var(--space-xxl) !important;
  }
  .u-xs-ml-xxl {
    margin-left: var(--space-xxl) !important;
  }
  .u-xs-pt-xxl {
    padding-top: var(--space-xxl) !important;
  }
  .u-xs-pr-xxl {
    padding-right: var(--space-xxl) !important;
  }
  .u-xs-pb-xxl {
    padding-bottom: var(--space-xxl) !important;
  }
  .u-xs-pl-xxl {
    padding-left: var(--space-xxl) !important;
  }
  .u-xs-mt-0 {
    margin-top: 0 !important;
  }
  .u-xs-mr-0 {
    margin-right: 0 !important;
  }
  .u-xs-mb-0 {
    margin-bottom: 0 !important;
  }
  .u-xs-ml-0 {
    margin-left: 0 !important;
  }
  .u-xs-pt-0 {
    padding-top: 0 !important;
  }
  .u-xs-pr-0 {
    padding-right: 0 !important;
  }
  .u-xs-pb-0 {
    padding-bottom: 0 !important;
  }
  .u-xs-pl-0 {
    padding-left: 0 !important;
  }
}
.u-color-black {
  color: var(--c-black) !important;
}

.u-color-white {
  color: var(--c-white) !important;
}

.u-color-main {
  color: var(--c-main) !important;
}

.u-color-main-light {
  color: var(--c-main-light) !important;
}

.u-color-accent {
  color: var(--c-accent) !important;
}

.u-color-gray {
  color: var(--c-gray-dark) !important;
}

.u-color-link {
  color: var(--c-link) !important;
}

.u-color-note {
  color: var(--c-note) !important;
}

/* =====================
  font-size
===================== */
.u-fz-xs {
  font-size: var(--fz-xs) !important;
}

.u-fz-sm {
  font-size: var(--fz-sm) !important;
}

.u-fz-default {
  font-size: var(--fz-default) !important;
}

.u-fz-md {
  font-size: var(--fz-md) !important;
}

.u-fz-lg {
  font-size: var(--fz-lg) !important;
}

.u-fz-xl {
  font-size: var(--fz-xl) !important;
}

.u-fz-xxl {
  font-size: var(--fz-xxl) !important;
}

.u-fz-clamp-xs {
  font-size: var(--fz-clamp-xs) !important;
}

.u-fz-clamp-sm {
  font-size: var(--fz-clamp-sm) !important;
}

.u-fz-clamp-default {
  font-size: var(--fz-clamp-default) !important;
}

.u-fz-clamp-md {
  font-size: var(--fz-clamp-md) !important;
}

.u-fz-clamp-lg {
  font-size: var(--fz-clamp-lg) !important;
}

.u-fz-clamp-xl {
  font-size: var(--fz-clamp-xl) !important;
}

@media (max-width: 1400px) {
  .u-xl-fz-xs {
    font-size: var(--fz-xs) !important;
  }
  .u-xl-fz-sm {
    font-size: var(--fz-sm) !important;
  }
  .u-xl-fz-normal {
    font-size: var(--fz-normal) !important;
  }
  .u-xl-fz-md {
    font-size: var(--fz-md) !important;
  }
  .u-xl-fz-lg {
    font-size: var(--fz-lg) !important;
  }
  .u-xl-fz-xl {
    font-size: var(--fz-xl) !important;
  }
  .u-xl-fz-xxl {
    font-size: var(--fz-xxl) !important;
  }
}
@media (max-width: 1280px) {
  .u-lg-fz-xs {
    font-size: var(--fz-xs) !important;
  }
  .u-lg-fz-sm {
    font-size: var(--fz-sm) !important;
  }
  .u-lg-fz-normal {
    font-size: var(--fz-normal) !important;
  }
  .u-lg-fz-md {
    font-size: var(--fz-md) !important;
  }
  .u-lg-fz-lg {
    font-size: var(--fz-lg) !important;
  }
  .u-lg-fz-xl {
    font-size: var(--fz-xl) !important;
  }
  .u-lg-fz-xxl {
    font-size: var(--fz-xxl) !important;
  }
}
@media (max-width: 1024px) {
  .u-md-fz-xs {
    font-size: var(--fz-xs) !important;
  }
  .u-md-fz-sm {
    font-size: var(--fz-sm) !important;
  }
  .u-md-fz-normal {
    font-size: var(--fz-normal) !important;
  }
  .u-md-fz-md {
    font-size: var(--fz-md) !important;
  }
  .u-md-fz-lg {
    font-size: var(--fz-lg) !important;
  }
  .u-md-fz-xl {
    font-size: var(--fz-xl) !important;
  }
  .u-md-fz-xxl {
    font-size: var(--fz-xxl) !important;
  }
}
@media (max-width: 768px) {
  .u-sm-fz-xs {
    font-size: var(--fz-xs) !important;
  }
  .u-sm-fz-sm {
    font-size: var(--fz-sm) !important;
  }
  .u-sm-fz-normal {
    font-size: var(--fz-normal) !important;
  }
  .u-sm-fz-md {
    font-size: var(--fz-md) !important;
  }
  .u-sm-fz-lg {
    font-size: var(--fz-lg) !important;
  }
  .u-sm-fz-xl {
    font-size: var(--fz-xl) !important;
  }
  .u-sm-fz-xxl {
    font-size: var(--fz-xxl) !important;
  }
}
@media (max-width: 480px) {
  .u-xs-fz-xs {
    font-size: var(--fz-xs) !important;
  }
  .u-xs-fz-sm {
    font-size: var(--fz-sm) !important;
  }
  .u-xs-fz-normal {
    font-size: var(--fz-normal) !important;
  }
  .u-xs-fz-md {
    font-size: var(--fz-md) !important;
  }
  .u-xs-fz-lg {
    font-size: var(--fz-lg) !important;
  }
  .u-xs-fz-xl {
    font-size: var(--fz-xl) !important;
  }
  .u-xs-fz-xxl {
    font-size: var(--fz-xxl) !important;
  }
}
.u-fw-n {
  font-weight: normal !important;
}

.u-fw-m,
.u-fw-500 {
  font-weight: 500 !important;
}

.u-fw-600 {
  font-weight: 600 !important;
}

.u-fw-700 {
  font-weight: 700 !important;
}

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

.u-ls-0 {
  letter-spacing: 0 !important;
}

.u-ls-20 {
  letter-spacing: 0.02em !important;
}

.u-lh-10 {
  line-height: 1 !important;
}

.u-lh-15 {
  line-height: 1.5 !important;
}

.u-lh-20 {
  line-height: 2 !important;
}

.u-underline {
  text-decoration: underline;
}

.u-tal {
  text-align: left !important;
}

.u-tac {
  text-align: center !important;
}

.u-tar {
  text-align: right !important;
}

@media (max-width: 1400px) {
  .u-xl-tal {
    text-align: left !important;
  }
  .u-xl-tac {
    text-align: center !important;
  }
  .u-xl-tar {
    text-align: right !important;
  }
}
@media not all and (max-width: 1400px) {
  .u-xl-over-tal {
    text-align: left !important;
  }
  .u-xl-over-tac {
    text-align: center !important;
  }
  .u-xl-over-tar {
    text-align: right !important;
  }
}
@media (max-width: 1280px) {
  .u-lg-tal {
    text-align: left !important;
  }
  .u-lg-tac {
    text-align: center !important;
  }
  .u-lg-tar {
    text-align: right !important;
  }
}
@media not all and (max-width: 1280px) {
  .u-lg-over-tal {
    text-align: left !important;
  }
  .u-lg-over-tac {
    text-align: center !important;
  }
  .u-lg-over-tar {
    text-align: right !important;
  }
}
@media (max-width: 1024px) {
  .u-md-tal {
    text-align: left !important;
  }
  .u-md-tac {
    text-align: center !important;
  }
  .u-md-tar {
    text-align: right !important;
  }
}
@media not all and (max-width: 1024px) {
  .u-md-over-tal {
    text-align: left !important;
  }
  .u-md-over-tac {
    text-align: center !important;
  }
  .u-md-over-tar {
    text-align: right !important;
  }
}
@media (max-width: 768px) {
  .u-sm-tal {
    text-align: left !important;
  }
  .u-sm-tac {
    text-align: center !important;
  }
  .u-sm-tar {
    text-align: right !important;
  }
}
@media not all and (max-width: 768px) {
  .u-sm-over-tal {
    text-align: left !important;
  }
  .u-sm-over-tac {
    text-align: center !important;
  }
  .u-sm-over-tar {
    text-align: right !important;
  }
}
@media (max-width: 480px) {
  .u-xs-tal {
    text-align: left !important;
  }
  .u-xs-tac {
    text-align: center !important;
  }
  .u-xs-tar {
    text-align: right !important;
  }
}

.u-font-palt {
  font-feature-settings: "palt" !important;
}

.u-hover-opacity {
  transition: opacity 0.3s ease-in-out;
}
.u-hover-opacity:hover,
.u-hover-opacity:focus {
  opacity: 0.7;
}