/* ==========================================================================
   文字サイズ
   ========================================================================== */
.u-fz-10 { font-size: 10px; }
.u-fz-20 { font-size: 20px; }
.u-fz-30 { font-size: 30px; }
.u-fz-40 { font-size: 40px; }
.u-fz-50 { font-size: 50px; }
.u-fz-60 { font-size: 60px; }
.u-fz-70 { font-size: 70px; }
.u-fz-80 { font-size: 80px; }
.u-fz-90 { font-size: 90px; }
.u-fz-100 { font-size: 100px; }
/* ==========================================================================
   余白
   ========================================================================== */
.u-pt-0 { padding-top: 0px; }
.u-pt-10 { padding-top: 10px; }
.u-pt-20 { padding-top: 20px; }
.u-pt-30 { padding-top: 30px; }
.u-pb-0 { padding-bottom: 0px; }
.u-mt-0 { margin-top: 0px; }
.u-mt-10 { margin-top: 10px; }
.u-mt-20 { margin-top: 20px; }
.u-mt-30 { margin-top: 30px; }

/* ==========================================================================
   余白 英語ページh1調整用
   ========================================================================== */

@media (width => 1024px) {
    p.c-page-ttl__en.u-mt-30 { margin-top: 30px; }
}
@media (width <= 1023px) {
    p.c-page-ttl__en.u-mt-30 { margin-top: 0px; }
}

/* ==========================================================================
   文字の太さ
   ========================================================================== */
.u-fw-normal { font-weight: 400; }
.u-fw-bold { font-weight: 700; }

/* ==========================================================================
   テキストの揃え
   ========================================================================== */
.u-text-left { text-align: left; }
.u-text-center { text-align: center; }
.u-text-right { text-align: right; }

/* ==========================================================================
   Flex関連
   ========================================================================== */

.u-flex-start { align-items: flex-start; }