/* ======================================================================
/* module
====================================================================== */
.mt0 {
  margin-block-start: 0 !important;
}

.mt20 {
  margin-block-start: 20px;
}

.mt40 {
  margin-block-start: 40px;
}

.mt45 {
  margin-block-start: 45px;
}

.mb45 {
  margin-block-end: 45px;
}

.mt60 {
  margin-block-start: 60px;
}

.mt70 {
  margin-block-start: 70px;
}

.mt75 {
  margin-block-start: 75px;
}

.mt100 {
  margin-block-start: 100px;
}

.mt150 {
  margin-block-start: 150px;
}

.mb150 {
  margin-block-end: 150px;
}

@media screen and (width <=768px) {
  .mt40 {
    margin-block-start: 20px;
  }

  .mt60 {
    margin-block-start: 30px;
  }

  .mt70 {
    margin-block-start: 35px;
  }

  .mt75 {
    margin-block-start: 37.5px;
  }

  .mt100 {
    margin-block-start: 50px;
  }

  .mt150 {
    margin-block-start: 75px;
  }

  .mb150 {
    margin-block-end: 75px;
  }
}

/* ======================================================================
/* max-width
====================================================================== */
.mw-50 {
  max-inline-size: 50%;
}

@media screen and (width <=768px) {
  .mw-50 {
    max-inline-size: 100%;
  }
}