@charset "utf-8";

/* Font Style
--------------------------------------------------------- */
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NotoSansJP-Regular.woff2) format('woff2'),
       url(../fonts/NotoSansJP-Regular.woff) format('woff'),
       url(../fonts/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NotoSansJP-Bold.woff2) format('woff2'),
       url(../fonts/NotoSansJP-Bold.woff) format('woff'),
       url(../fonts/NotoSansJP-Bold.otf) format('opentype');
}


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

.at { vertical-align: top !important; }
.am { vertical-align: middle !important; }
.ab { vertical-align: bottom!important; }


/* Font Size
--------------------------------------------------------- */
.fs10 { font-size: 0.625rem !important; }
.fs11 { font-size: 0.6875rem !important; }
.fs12 { font-size: 0.75rem !important; }
.fs13 { font-size: 0.8125rem !important; }
.fs14 { font-size: 0.875rem !important; }
.fs15 { font-size: 0.9375rem !important; }
.fs16 { font-size: 1.0rem !important; }
.fs18 { font-size: 1.125rem !important; }
.fs20 { font-size: 1.25rem !important; }
.fs24 { font-size: 1.5rem !important; }


/* Color
--------------------------------------------------------- */
.green { color: #0a9e60; }
.red { color: #ff0000; }
.red-dark { color: #cb0000; }
.white { color: #fff; }

.bold { font-weight: bold; }