/* size */
/* clearfix
---------------------------------------------------- */
/* mincho
---------------------------------------------------- */
/* grid layout
---------------------------------------------------- */
/* how to use */
/* clearfix
---------------------------------------------------- */
.u-fwb {
  font-weight: bold !important;
}

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

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

/* margin-top */
.u-mt1 {
  margin-top: 8px !important;
}

.u-mt2 {
  margin-top: 16px !important;
}

.u-mt3 {
  margin-top: 24px !important;
}

.u-mt4 {
  margin-top: 32px !important;
}

.u-mt5 {
  margin-top: 40px !important;
}

@media screen and (min-width: 641px) {
  .u-mt4-3 {
    margin-top: 32px !important;
  }
}
@media screen and (min-width: 431px) {
  .u-mt4-3 {
    margin-top: 32px !important;
  }
}
@media screen and (max-width: 430px) {
  .u-mt4-3 {
    margin-top: 24px !important;
  }
}


/* margin-bottom */
.u-mb1 {
  margin-bottom: 8px !important;
}
.u-mb2 {
  margin-bottom: 16px !important;
}
.u-mb3 {
  margin-bottom: 24px !important;
}
.u-mb4 {
  margin-bottom: 32px !important;
}
.u-mb5 {
  margin-bottom: 40px !important;
}


/*display*/

@media screen and (min-width: 641px) {
  .u-sp {
    display: none !important;
  }

  .u-pc {
    display: block !important;
  }
}
@media screen and (min-width: 431px) {
  .u-sp {
    display: none !important;
  }

  .u-pc {
    display: block !important;
  }
}
@media screen and (max-width: 430px) {
  .u-sp {
    display: block !important;
  }

  .u-pc {
    display: none !important;
  }
}