/* ======================================================================
/* root
====================================================================== */
:root {
  --color-black: #000000;
  --color-white: #ffffff;
  --color-white-blue: #edf3f5;
  --color-theme: #00a9c9;
}


/* ======================================================================
/* module
====================================================================== */
.mt20 {
  margin-block-start: 20px;
}

.mb20 {
  margin-block-end: 20px;
}

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

.mb50 {
  margin-block-end: 50px;
}

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

.mb60 {
  margin-block-end: 60px;
}

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

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

.mt120 {
  margin-block-start: 120px;
}

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

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


@media screen and (width <=768px) {

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

  .mb20 {
    margin-block-end: 10px;
  }

  .mt50 {
    margin-block-start: 25px;
  }

  .mb50 {
    margin-block-end: 25px;
  }

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

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

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

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

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

  .mb60 {
    margin-block-end: 30px;
  }

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


/* ======================================================================
/* white
====================================================================== */
.white {
  color: var(--color-white);
}


/* ======================================================================
/* txtCenter
====================================================================== */
.txtCenter {
  text-align: center;
}