/* common */

.u-m-0 {
  margin: 0 !important;
}

.u-m-xxs {
  margin: 0.4rem !important;
}

.u-m-xs {
  margin: 0.8rem !important;
}

.u-m-s {
  margin: 1.2rem !important;
}

.u-m-m {
  margin: 2rem !important;
}

.u-m-l {
  margin: 3.2rem !important;
}

.u-m-xl {
  margin: 5.2rem !important;
}

.u-m-xxl {
  margin: 8.4rem !important;
}

@media only screen and (min-width: 768px) {
  .u-pc-m-0 {
    margin: 0 !important;
  }

  .u-pc-m-xxs {
    margin: 0.4rem !important;
  }

  .u-pc-m-xs {
    margin: 0.8rem !important;
  }

  .u-pc-m-s {
    margin: 1.2rem !important;
  }

  .u-pc-m-m {
    margin: 2rem !important;
  }

  .u-pc-m-l {
    margin: 3.2rem !important;
  }

  .u-pc-m-xl {
    margin: 5.2rem !important;
  }

  .u-pc-m-xxl {
    margin: 8.4rem !important;
  }
}

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

.u-mt-xxs,
.u-my-xxs {
  margin-top: 0.4rem !important;
}

.u-mt-xs,
.u-my-xs {
  margin-top: 0.8rem !important;
}

.u-mt-s,
.u-my-s {
  margin-top: 1.2rem !important;
}

.u-mt-m,
.u-my-m {
  margin-top: 2rem !important;
}

.u-mt-l,
.u-my-l {
  margin-top: 3.2rem !important;
}

.u-mt-xl,
.u-my-xl {
  margin-top: 5.2rem !important;
}

.u-mt-xxl,
.u-my-xxl {
  margin-top: 8.4rem !important;
}

@media only screen and (min-width: 768px) {

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

  .u-pc-mt-xxs,
  .u-pc-my-xxs {
    margin-top: 0.4rem !important;
  }

  .u-pc-mt-xs,
  .u-pc-my-xs {
    margin-top: 0.8rem !important;
  }

  .u-pc-mt-s,
  .u-pc-my-s {
    margin-top: 1.2rem !important;
  }

  .u-pc-mt-m,
  .u-pc-my-m {
    margin-top: 2rem !important;
  }

  .u-pc-mt-l,
  .u-pc-my-l {
    margin-top: 3.2rem !important;
  }

  .u-pc-mt-xl,
  .u-pc-my-xl {
    margin-top: 5.2rem !important;
  }

  .u-pc-mt-xxl,
  .u-pc-my-xxl {
    margin-top: 8.4rem !important;
  }
}

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

.u-mb-xxs,
.u-my-xxs {
  margin-bottom: 0.4rem !important;
}

.u-mb-xs,
.u-my-xs {
  margin-bottom: 0.8rem !important;
}

.u-mb-s,
.u-my-s {
  margin-bottom: 1.2rem !important;
}

.u-mb-m,
.u-my-m {
  margin-bottom: 2rem !important;
}

.u-mb-l,
.u-my-l {
  margin-bottom: 3.2rem !important;
}

.u-mb-xl,
.u-my-xl {
  margin-bottom: 5.2rem !important;
}

.u-mb-xxl,
.u-my-xxl {
  margin-bottom: 8.4rem !important;
}

@media only screen and (min-width: 768px) {

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

  .u-pc-mb-xxs,
  .u-pc-my-xxs {
    margin-bottom: 0.4rem !important;
  }

  .u-pc-mb-xs,
  .u-pc-my-xs {
    margin-bottom: 0.8rem !important;
  }

  .u-pc-mb-s,
  .u-pc-my-s {
    margin-bottom: 1.2rem !important;
  }

  .u-pc-mb-m,
  .u-pc-my-m {
    margin-bottom: 2rem !important;
  }

  .u-pc-mb-l,
  .u-pc-my-l {
    margin-bottom: 3.2rem !important;
  }

  .u-pc-mb-xl,
  .u-pc-my-xl {
    margin-bottom: 5.2rem !important;
  }

  .u-pc-mb-xxl,
  .u-pc-my-xxl {
    margin-bottom: 8.4rem !important;
  }
}

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

.u-mr-xxs,
.u-mx-xxs {
  margin-right: 0.4rem !important;
}

.u-mr-xs,
.u-mx-xs {
  margin-right: 0.8rem !important;
}

.u-mr-s,
.u-mx-s {
  margin-right: 1.2rem !important;
}

.u-mr-m,
.u-mx-m {
  margin-right: 2rem !important;
}

.u-mr-l,
.u-mx-l {
  margin-right: 3.2rem !important;
}

.u-mr-xl,
.u-mx-xl {
  margin-right: 5.2rem !important;
}

.u-mr-xxl,
.u-mx-xxl {
  margin-right: 8.4rem !important;
}

@media only screen and (min-width: 768px) {

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

  .u-pc-mr-xxs,
  .u-pc-mx-xxs {
    margin-right: 0.4rem !important;
  }

  .u-pc-mr-xs,
  .u-pc-mx-xs {
    margin-right: 0.8rem !important;
  }

  .u-pc-mr-s,
  .u-pc-mx-s {
    margin-right: 1.2rem !important;
  }

  .u-pc-mr-m,
  .u-pc-mx-m {
    margin-right: 2rem !important;
  }

  .u-pc-mr-l,
  .u-pc-mx-l {
    margin-right: 3.2rem !important;
  }

  .u-pc-mr-xl,
  .u-pc-mx-xl {
    margin-right: 5.2rem !important;
  }

  .u-pc-mr-xxl,
  .u-pc-mx-xxl {
    margin-right: 8.4rem !important;
  }
}

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

.u-ml-xxs,
.u-mx-xxs {
  margin-left: 0.4rem !important;
}

.u-ml-xs,
.u-mx-xs {
  margin-left: 0.8rem !important;
}

.u-ml-s,
.u-mx-s {
  margin-left: 1.2rem !important;
}

.u-ml-m,
.u-mx-m {
  margin-left: 2rem !important;
}

.u-ml-l,
.u-mx-l {
  margin-left: 3.2rem !important;
}

.u-ml-xl,
.u-mx-xl {
  margin-left: 5.2rem !important;
}

.u-ml-xxl,
.u-mx-xxl {
  margin-left: 8.4rem !important;
}

@media only screen and (min-width: 768px) {

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

  .u-pc-ml-xxs,
  .u-pc-mx-xxs {
    margin-left: 0.4rem !important;
  }

  .u-pc-ml-xs,
  .u-pc-mx-xs {
    margin-left: 0.8rem !important;
  }

  .u-pc-ml-s,
  .u-pc-mx-s {
    margin-left: 1.2rem !important;
  }

  .u-pc-ml-m,
  .u-pc-mx-m {
    margin-left: 2rem !important;
  }

  .u-pc-ml-l,
  .u-pc-mx-l {
    margin-left: 3.2rem !important;
  }

  .u-pc-ml-xl,
  .u-pc-mx-xl {
    margin-left: 5.2rem !important;
  }

  .u-pc-ml-xxl,
  .u-pc-mx-xxl {
    margin-left: 8.4rem !important;
  }
}

.u-nm-xxs {
  margin: -0.4rem !important;
}

.u-nm-xs {
  margin: -0.8rem !important;
}

.u-nm-s {
  margin: -1.2rem !important;
}

.u-nm-m {
  margin: -2rem !important;
}

.u-nm-l {
  margin: -3.2rem !important;
}

.u-nm-xl {
  margin: -5.2rem !important;
}

.u-nm-xxl {
  margin: -8.4rem !important;
}

@media only screen and (min-width: 768px) {
  .u-pc-nm-xxs {
    margin: -0.4rem !important;
  }

  .u-pc-nm-xs {
    margin: -0.8rem !important;
  }

  .u-pc-nm-s {
    margin: -1.2rem !important;
  }

  .u-pc-nm-m {
    margin: -2rem !important;
  }

  .u-pc-nm-l {
    margin: -3.2rem !important;
  }

  .u-pc-nm-xl {
    margin: -5.2rem !important;
  }

  .u-pc-nm-xxl {
    margin: -8.4rem !important;
  }
}

.u-nmt-xxs,
.u-nmy-xxs {
  margin-top: -0.4rem !important;
}

.u-nmt-xs,
.u-nmy-xs {
  margin-top: -0.8rem !important;
}

.u-nmt-s,
.u-nmy-s {
  margin-top: -1.2rem !important;
}

.u-nmt-m,
.u-nmy-m {
  margin-top: -2rem !important;
}

.u-nmt-l,
.u-nmy-l {
  margin-top: -3.2rem !important;
}

.u-nmt-xl,
.u-nmy-xl {
  margin-top: -5.2rem !important;
}

.u-nmt-xxl,
.u-nmy-xxl {
  margin-top: -8.4rem !important;
}

@media only screen and (min-width: 768px) {

  .u-pc-nmt-xxs,
  .u-pc-nmy-xxs {
    margin-top: -0.4rem !important;
  }

  .u-pc-nmt-xs,
  .u-pc-nmy-xs {
    margin-top: -0.8rem !important;
  }

  .u-pc-nmt-s,
  .u-pc-nmy-s {
    margin-top: -1.2rem !important;
  }

  .u-pc-nmt-m,
  .u-pc-nmy-m {
    margin-top: -2rem !important;
  }

  .u-pc-nmt-l,
  .u-pc-nmy-l {
    margin-top: -3.2rem !important;
  }

  .u-pc-nmt-xl,
  .u-pc-nmy-xl {
    margin-top: -5.2rem !important;
  }

  .u-pc-nmt-xxl,
  .u-pc-nmy-xxl {
    margin-top: -8.4rem !important;
  }
}

.u-nmb-xxs,
.u-nmy-xxs {
  margin-bottom: -0.4rem !important;
}

.u-nmb-xs,
.u-nmy-xs {
  margin-bottom: -0.8rem !important;
}

.u-nmb-s,
.u-nmy-s {
  margin-bottom: -1.2rem !important;
}

.u-nmb-m,
.u-nmy-m {
  margin-bottom: -2rem !important;
}

.u-nmb-l,
.u-nmy-l {
  margin-bottom: -3.2rem !important;
}

.u-nmb-xl,
.u-nmy-xl {
  margin-bottom: -5.2rem !important;
}

.u-nmb-xxl,
.u-nmy-xxl {
  margin-bottom: -8.4rem !important;
}

@media only screen and (min-width: 768px) {

  .u-pc-nmb-xxs,
  .u-pc-nmy-xxs {
    margin-bottom: -0.4rem !important;
  }

  .u-pc-nmb-xs,
  .u-pc-nmy-xs {
    margin-bottom: -0.8rem !important;
  }

  .u-pc-nmb-s,
  .u-pc-nmy-s {
    margin-bottom: -1.2rem !important;
  }

  .u-pc-nmb-m,
  .u-pc-nmy-m {
    margin-bottom: -2rem !important;
  }

  .u-pc-nmb-l,
  .u-pc-nmy-l {
    margin-bottom: -3.2rem !important;
  }

  .u-pc-nmb-xl,
  .u-pc-nmy-xl {
    margin-bottom: -5.2rem !important;
  }

  .u-pc-nmb-xxl,
  .u-pc-nmy-xxl {
    margin-bottom: -8.4rem !important;
  }
}

.u-nmr-xxs,
.u-nmx-xxs {
  margin-right: -0.4rem !important;
}

.u-nmr-xs,
.u-nmx-xs {
  margin-right: -0.8rem !important;
}

.u-nmr-s,
.u-nmx-s {
  margin-right: -1.2rem !important;
}

.u-nmr-m,
.u-nmx-m {
  margin-right: -2rem !important;
}

.u-nmr-l,
.u-nmx-l {
  margin-right: -3.2rem !important;
}

.u-nmr-xl,
.u-nmx-xl {
  margin-right: -5.2rem !important;
}

.u-nmr-xxl,
.u-nmx-xxl {
  margin-right: -8.4rem !important;
}

@media only screen and (min-width: 768px) {

  .u-pc-nmr-xxs,
  .u-pc-nmx-xxs {
    margin-right: -0.4rem !important;
  }

  .u-pc-nmr-xs,
  .u-pc-nmx-xs {
    margin-right: -0.8rem !important;
  }

  .u-pc-nmr-s,
  .u-pc-nmx-s {
    margin-right: -1.2rem !important;
  }

  .u-pc-nmr-m,
  .u-pc-nmx-m {
    margin-right: -2rem !important;
  }

  .u-pc-nmr-l,
  .u-pc-nmx-l {
    margin-right: -3.2rem !important;
  }

  .u-pc-nmr-xl,
  .u-pc-nmx-xl {
    margin-right: -5.2rem !important;
  }

  .u-pc-nmr-xxl,
  .u-pc-nmx-xxl {
    margin-right: -8.4rem !important;
  }
}

.u-nml-xxs,
.u-nmx-xxs {
  margin-left: -0.4rem !important;
}

.u-nml-xs,
.u-nmx-xs {
  margin-left: -0.8rem !important;
}

.u-nml-s,
.u-nmx-s {
  margin-left: -1.2rem !important;
}

.u-nml-m,
.u-nmx-m {
  margin-left: -2rem !important;
}

.u-nml-l,
.u-nmx-l {
  margin-left: -3.2rem !important;
}

.u-nml-xl,
.u-nmx-xl {
  margin-left: -5.2rem !important;
}

.u-nml-xxl,
.u-nmx-xxl {
  margin-left: -8.4rem !important;
}

@media only screen and (min-width: 768px) {

  .u-pc-nml-xxs,
  .u-pc-nmx-xxs {
    margin-left: -0.4rem !important;
  }

  .u-pc-nml-xs,
  .u-pc-nmx-xs {
    margin-left: -0.8rem !important;
  }

  .u-pc-nml-s,
  .u-pc-nmx-s {
    margin-left: -1.2rem !important;
  }

  .u-pc-nml-m,
  .u-pc-nmx-m {
    margin-left: -2rem !important;
  }

  .u-pc-nml-l,
  .u-pc-nmx-l {
    margin-left: -3.2rem !important;
  }

  .u-pc-nml-xl,
  .u-pc-nmx-xl {
    margin-left: -5.2rem !important;
  }

  .u-pc-nml-xxl,
  .u-pc-nmx-xxl {
    margin-left: -8.4rem !important;
  }
}

.u-mbc-0> :not(:last-child) {
  margin-bottom: 0 !important;
}

.u-mbc-xxs> :not(:last-child) {
  margin-bottom: 0.4rem !important;
}

.u-mbc-xs> :not(:last-child) {
  margin-bottom: 0.8rem !important;
}

.u-mbc-s> :not(:last-child) {
  margin-bottom: 1.2rem !important;
}

.u-mbc-m> :not(:last-child) {
  margin-bottom: 2rem !important;
}

.u-mbc-l> :not(:last-child) {
  margin-bottom: 3.2rem !important;
}

.u-mbc-xl> :not(:last-child) {
  margin-bottom: 5.2rem !important;
}

.u-mbc-xxl> :not(:last-child) {
  margin-bottom: 8.4rem !important;
}

@media only screen and (min-width: 768px) {
  .u-pc-mbc-0> :not(:last-child) {
    margin-bottom: 0 !important;
  }

  .u-pc-mbc-xxs> :not(:last-child) {
    margin-bottom: 0.4rem !important;
  }

  .u-pc-mbc-xs> :not(:last-child) {
    margin-bottom: 0.8rem !important;
  }

  .u-pc-mbc-s> :not(:last-child) {
    margin-bottom: 1.2rem !important;
  }

  .u-pc-mbc-m> :not(:last-child) {
    margin-bottom: 2rem !important;
  }

  .u-pc-mbc-l> :not(:last-child) {
    margin-bottom: 3.2rem !important;
  }

  .u-pc-mbc-xl> :not(:last-child) {
    margin-bottom: 5.2rem !important;
  }

  .u-pc-mbc-xxl> :not(:last-child) {
    margin-bottom: 8.4rem !important;
  }
}

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

.u-p-xxs {
  padding: 0.4rem !important;
}

.u-p-xs {
  padding: 0.8rem !important;
}

.u-p-s {
  padding: 1.2rem !important;
}

.u-p-m {
  padding: 2rem !important;
}

.u-p-l {
  padding: 3.2rem !important;
}

.u-p-xl {
  padding: 5.2rem !important;
}

.u-p-xxl {
  padding: 8.4rem !important;
}

@media only screen and (min-width: 768px) {
  .u-pc-p-0 {
    padding: 0 !important;
  }

  .u-pc-p-xxs {
    padding: 0.4rem !important;
  }

  .u-pc-p-xs {
    padding: 0.8rem !important;
  }

  .u-pc-p-s {
    padding: 1.2rem !important;
  }

  .u-pc-p-m {
    padding: 2rem !important;
  }

  .u-pc-p-l {
    padding: 3.2rem !important;
  }

  .u-pc-p-xl {
    padding: 5.2rem !important;
  }

  .u-pc-p-xxl {
    padding: 8.4rem !important;
  }
}

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

.u-pt-xxs,
.u-py-xxs {
  padding-top: 0.4rem !important;
}

.u-pt-xs,
.u-py-xs {
  padding-top: 0.8rem !important;
}

.u-pt-s,
.u-py-s {
  padding-top: 1.2rem !important;
}

.u-pt-m,
.u-py-m {
  padding-top: 2rem !important;
}

.u-pt-l,
.u-py-l {
  padding-top: 3.2rem !important;
}

.u-pt-xl,
.u-py-xl {
  padding-top: 5.2rem !important;
}

.u-pt-xxl,
.u-py-xxl {
  padding-top: 8.4rem !important;
}

@media only screen and (min-width: 768px) {

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

  .u-pc-pt-xxs,
  .u-pc-py-xxs {
    padding-top: 0.4rem !important;
  }

  .u-pc-pt-xs,
  .u-pc-py-xs {
    padding-top: 0.8rem !important;
  }

  .u-pc-pt-s,
  .u-pc-py-s {
    padding-top: 1.2rem !important;
  }

  .u-pc-pt-m,
  .u-pc-py-m {
    padding-top: 2rem !important;
  }

  .u-pc-pt-l,
  .u-pc-py-l {
    padding-top: 3.2rem !important;
  }

  .u-pc-pt-xl,
  .u-pc-py-xl {
    padding-top: 5.2rem !important;
  }

  .u-pc-pt-xxl,
  .u-pc-py-xxl {
    padding-top: 8.4rem !important;
  }
}

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

.u-pb-xxs,
.u-py-xxs {
  padding-bottom: 0.4rem !important;
}

.u-pb-xs,
.u-py-xs {
  padding-bottom: 0.8rem !important;
}

.u-pb-s,
.u-py-s {
  padding-bottom: 1.2rem !important;
}

.u-pb-m,
.u-py-m {
  padding-bottom: 2rem !important;
}

.u-pb-l,
.u-py-l {
  padding-bottom: 3.2rem !important;
}

.u-pb-xl,
.u-py-xl {
  padding-bottom: 5.2rem !important;
}

.u-pb-xxl,
.u-py-xxl {
  padding-bottom: 8.4rem !important;
}

@media only screen and (min-width: 768px) {

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

  .u-pc-pb-xxs,
  .u-pc-py-xxs {
    padding-bottom: 0.4rem !important;
  }

  .u-pc-pb-xs,
  .u-pc-py-xs {
    padding-bottom: 0.8rem !important;
  }

  .u-pc-pb-s,
  .u-pc-py-s {
    padding-bottom: 1.2rem !important;
  }

  .u-pc-pb-m,
  .u-pc-py-m {
    padding-bottom: 2rem !important;
  }

  .u-pc-pb-l,
  .u-pc-py-l {
    padding-bottom: 3.2rem !important;
  }

  .u-pc-pb-xl,
  .u-pc-py-xl {
    padding-bottom: 5.2rem !important;
  }

  .u-pc-pb-xxl,
  .u-pc-py-xxl {
    padding-bottom: 8.4rem !important;
  }
}

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

.u-pr-xxs,
.u-px-xxs {
  padding-right: 0.4rem !important;
}

.u-pr-xs,
.u-px-xs {
  padding-right: 0.8rem !important;
}

.u-pr-s,
.u-px-s {
  padding-right: 1.2rem !important;
}

.u-pr-m,
.u-px-m {
  padding-right: 2rem !important;
}

.u-pr-l,
.u-px-l {
  padding-right: 3.2rem !important;
}

.u-pr-xl,
.u-px-xl {
  padding-right: 5.2rem !important;
}

.u-pr-xxl,
.u-px-xxl {
  padding-right: 8.4rem !important;
}

@media only screen and (min-width: 768px) {

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

  .u-pc-pr-xxs,
  .u-pc-px-xxs {
    padding-right: 0.4rem !important;
  }

  .u-pc-pr-xs,
  .u-pc-px-xs {
    padding-right: 0.8rem !important;
  }

  .u-pc-pr-s,
  .u-pc-px-s {
    padding-right: 1.2rem !important;
  }

  .u-pc-pr-m,
  .u-pc-px-m {
    padding-right: 2rem !important;
  }

  .u-pc-pr-l,
  .u-pc-px-l {
    padding-right: 3.2rem !important;
  }

  .u-pc-pr-xl,
  .u-pc-px-xl {
    padding-right: 5.2rem !important;
  }

  .u-pc-pr-xxl,
  .u-pc-px-xxl {
    padding-right: 8.4rem !important;
  }
}

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

.u-pl-xxs,
.u-px-xxs {
  padding-left: 0.4rem !important;
}

.u-pl-xs,
.u-px-xs {
  padding-left: 0.8rem !important;
}

.u-pl-s,
.u-px-s {
  padding-left: 1.2rem !important;
}

.u-pl-m,
.u-px-m {
  padding-left: 2rem !important;
}

.u-pl-l,
.u-px-l {
  padding-left: 3.2rem !important;
}

.u-pl-xl,
.u-px-xl {
  padding-left: 5.2rem !important;
}

.u-pl-xxl,
.u-px-xxl {
  padding-left: 8.4rem !important;
}

@media only screen and (min-width: 768px) {

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

  .u-pc-pl-xxs,
  .u-pc-px-xxs {
    padding-left: 0.4rem !important;
  }

  .u-pc-pl-xs,
  .u-pc-px-xs {
    padding-left: 0.8rem !important;
  }

  .u-pc-pl-s,
  .u-pc-px-s {
    padding-left: 1.2rem !important;
  }

  .u-pc-pl-m,
  .u-pc-px-m {
    padding-left: 2rem !important;
  }

  .u-pc-pl-l,
  .u-pc-px-l {
    padding-left: 3.2rem !important;
  }

  .u-pc-pl-xl,
  .u-pc-px-xl {
    padding-left: 5.2rem !important;
  }

  .u-pc-pl-xxl,
  .u-pc-px-xxl {
    padding-left: 8.4rem !important;
  }
}

.u-w-20 {
  width: 20% !important;
}

.u-w-40 {
  width: 40% !important;
}

.u-w-60 {
  width: 60% !important;
}

.u-w-80 {
  width: 80% !important;
}

.u-w-auto {
  width: auto !important;
}

@media only screen and (min-width: 768px) {
  .u-pc-w-20 {
    width: 20% !important;
  }

  .u-pc-w-40 {
    width: 40% !important;
  }

  .u-pc-w-60 {
    width: 60% !important;
  }

  .u-pc-w-80 {
    width: 80% !important;
  }

  .u-pc-w-auto {
    width: auto !important;
  }
}

.u-mw-20 {
  max-width: 20% !important;
}

.u-mw-40 {
  max-width: 40% !important;
}

.u-mw-60 {
  max-width: 60% !important;
}

.u-mw-80 {
  max-width: 80% !important;
}

.u-mw-none {
  max-width: none !important;
}

@media only screen and (min-width: 768px) {
  .u-pc-mw-20 {
    max-width: 20% !important;
  }

  .u-pc-mw-40 {
    max-width: 40% !important;
  }

  .u-pc-mw-60 {
    max-width: 60% !important;
  }

  .u-pc-mw-80 {
    max-width: 80% !important;
  }

  .u-pc-mw-none {
    max-width: none !important;
  }
}



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

.u-fsy-i {
  font-style: italic;
}

.u-fsy-n {
  font-style: normal;
}

.u-lh-110 {
  line-height: 1.1 !important;
}

.u-lh-120 {
  line-height: 1.2 !important;
}

.u-lh-130 {
  line-height: 1.3 !important;
}

.u-lh-140 {
  line-height: 1.4 !important;
}

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

.u-lh-160 {
  line-height: 1.6 !important;
}

.u-lh-170 {
  line-height: 1.7 !important;
}

.u-lh-180 {
  line-height: 1.8 !important;
}

.u-lh-190 {
  line-height: 1.9 !important;
}

.u-ta-r {
  text-align: right;
}

.u-ta-c {
  text-align: center;
}

.u-ta-l {
  text-align: left;
}

.u-ta-j {
  text-align: justify;
}

.u-td-lt {
  text-decoration: line-through;
}

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

.u-d-n {
  display: none
}

@media only screen and (min-width: 768px) {
  .u-pc-d-n {
    display: none
  }

  .u-pc-d-i {
    display: inline
  }
}

@media screen and (max-width: 768px) {}