/*======================================
UTILITY
======================================*/
/* font weight
----------------------------- */
.u-fontThin { font-weight: 100!important;}
.u-fontLight { font-weight: 300!important;}
.u-fontRegular { font-weight: 400!important;}
.u-fontMidium { font-weight: 500!important;}
.u-fontSemiBold { font-weight: 600!important;}
.u-fontBold { font-weight: 700!important;}
.u-fontBlack { font-weight: 900!important;}

/* font family
----------------------------- */
.u-fontMontserrat { font-family: "Montserrat"!important;}
.u-fontNoto { font-family: "Noto Sans JP"!important;}

/* font color
----------------------------- */
.u-colorDefault { color: #222222!important;}
.u-colorWhite { color: #ffffff!important;}
.u-colorBlack { color: #000000!important;}
.u-colorRed { color: !important;}
.u-colorBlue { color: !important;}
.u-colorGray { color: !important;}

/* text align
----------------------------- */
.u-textCenter { text-align: center!important;}
.u-textRight { text-align: right!important;}
.u-textLeft { text-align: left!important;}

@media screen and (min-width: 769px) {
  .u-pcTextCenter { text-align: center!important;}
  .u-pcTextRight { text-align: right!important;}
  .u-pcTextLeft { text-align: left!important;}
}

/* margin padding
----------------------------- */
.u-mt00 { margin-top: 0!important;}
.u-mb00 { margin-bottom: 0!important;}
.u-pt00 { padding-top: 0!important;}
.u-pb00 { padding-bottom: 0!important;}

/* display
----------------------------- */
.u-pcOnly { display: block!important;}
.u-spOnly { display: none!important;}

@media screen and (max-width: 768px) {
  .u-pcOnly { display: none!important;}
  .u-spOnly { display: block!important;}
}