/* ===============================================
 * Utility
 * =============================================== */

/* Margin */
.u-mt-10 { margin-top: 10px !important; }
.u-mt-20 { margin-top: 20px !important; }
.u-mt-30 { margin-top: 30px !important; }
.u-mt-40 { margin-top: 40px !important; }
.u-mt-50 { margin-top: 50px !important; }

.u-mb-10 { margin-bottom: 10px !important; }
.u-mb-20 { margin-bottom: 20px !important; }
.u-mb-30 { margin-bottom: 30px !important; }
.u-mb-40 { margin-bottom: 40px !important; }
.u-mb-50 { margin-bottom: 50px !important; }

/* Padding */
.u-pt-10 { padding-top: 10px !important; }
.u-pt-20 { padding-top: 20px !important; }
.u-pt-30 { padding-top: 30px !important; }
.u-pt-40 { padding-top: 40px !important; }
.u-pt-50 { padding-top: 50px !important; }

.u-pb-10 { padding-bottom: 10px !important; }
.u-pb-20 { padding-bottom: 20px !important; }
.u-pb-30 { padding-bottom: 30px !important; }
.u-pb-40 { padding-bottom: 40px !important; }
.u-pb-50 { padding-bottom: 50px !important; }

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

/* Display (for responsive control) */
.u-sp-only { display: none !important; }
.u-pc-only { display: block !important; }

.u-fs14{font-size:14px !important;}

@media (max-width: 768px) {
  .u-sp-only { display: block !important; }
  .u-pc-only { display: none !important; }
  .u-text-center{text-align:center !important;}
}

@media (max-width: 520px) {
  br.u-sp-only-br { 
    display: block;
  }
}

br.u-sp-only-br {
  display: none;
}