.color-green01 {
  color: #078103 !important;
}
.color-gray01 {
  color: #707070 !important;
}
.color-white01 {
  color: #fff !important;
}
.color-black01 {
  color: #222 !important;
}

/* margin-top */ 
.mt0 {
  margin-top: 0px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt31 {
  margin-top: 31px !important;
}
.mt33 {
  margin-top: 33px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mt80 {
  margin-top: 80px !important;
}
.mt120 {
  margin-top: 120px !important;
}
/* margin-top */ 

/* margin-bottom */ 
.mb0 {
  margin-bottom: 0px !important;
}
.mb7 {
  margin-bottom: 7px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb21 {
  margin-bottom: 21px !important;
}
.mb23 {
  margin-bottom: 23px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb80 {
  margin-bottom: 80px !important;
}
.mb180 {
  margin-bottom: 180px !important;
}
/* margin-bottom */ 

/* margin-right */ 
.mr4 {
  margin-right: 4px !important;
}
.mr10 {
  margin-right: 10px !important;
}
/* margin-right */ 

/* font-size */
.fs18px {
  font-size: 18px !important;
}
.fs20px {
  font-size: 20px !important;
}
/* font-size */

/* align */
.t-al {
  text-align: left !important;
}
.t-ar {
  text-align: right !important;
}
.t-ac {
  text-align: center !important;
}
/* align */

/* height */
.ht30 {
  height: 30px !important;
}
/* height */

/* font-weight */
.fw300 {
  font-weight: 300 !important;
}
.fw700 {
  font-weight: 700 !important;
}
/* font-weight */

/* flex gap */
.gap16 {
  gap: 16px;
}
.gap20 {
  gap: 20px;
}
.gap40 {
  gap: 40px;
}
/* flex gap */


/* mobile br none */ 
@media screen and (max-width: 1200px) {
  .br1200none {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .br900none {
    display: none;
  }
}
@media screen and (max-width: 700px) {
  .br720none {
    display: none;
  }
}
@media screen and (max-width: 590px) {
  .br590none {
    display: none;
  }
}
/* mobile br none */