.xsFont {
  font-size: 0.6rem !important;
}

.smlFont {
  font-size: 0.75rem !important;
}

.medFont {
  font-size: 1rem !important;
}

.lrgFont {
  font-size: 1.25rem !important;
}

.xlFont {
  font-size: 1.5rem !important;
}

.xxlFont {
  font-size: 2rem !important;
}

.xxxlFont {
  font-size: 2.5rem !important;
}

.largeDisplayFont .xsFont {
  font-size: calc(0.6rem + 2pt) !important;
}

.largeDisplayFont .smlFont {
  font-size: calc(0.75rem + 2pt) !important;
}

.largeDisplayFont .medFont {
  font-size: calc(1rem + 2pt) !important;
}

.largeDisplayFont .lrgFont {
  font-size: calc(1.25rem + 2pt) !important;
}

.largeDisplayFont .xlFont {
  font-size: calc(1.5rem + 2pt) !important;
}

.largeDisplayFont .xxlFont {
  font-size: calc(2rem + 2pt) !important;
}

.largeDisplayFont .xxxlFont {
  font-size: calc(2.5rem + 2pt) !important;
}

.extraLargeDisplayFont .xsFont {
  font-size: calc(0.6rem + 4pt) !important;
}

.extraLargeDisplayFont .smlFont {
  font-size: calc(0.75rem + 4pt) !important;
}

.extraLargeDisplayFont .medFont {
  font-size: calc(1rem + 4pt) !important;
}

.extraLargeDisplayFont .lrgFont {
  font-size: calc(1.25rem + 4pt) !important;
}

.extraLargeDisplayFont .xlFont {
  font-size: calc(1.5rem + 4pt) !important;
}

.extraLargeDisplayFont .xxlFont {
  font-size: calc(2rem + 4pt) !important;
}

.extraLargeDisplayFont .xxxlFont {
  font-size: calc(2.5rem + 4pt) !important;
}

.bold {
  font-weight: bold !important;
}

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: normal;
  src: url(../../font/NotoSans/NotoSansCJKjp-Regular.eot);
  src:
    local('NotoSansCJKJPRegular'),
    local('Noto Sans CJK JP Regular'),
    url(../../font/NotoSans/NotoSansCJKjp-Regular.woff2) format('woff2'),
    url(../../font/NotoSans/NotoSansCJKjp-Regular.woff) format('woff'),
    url(../../font/NotoSans/NotoSansCJKjp-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: normal;
  src: url(../../font/Roboto/Roboto-Regular.eot);
  src:
    local('Roboto'),
    url(../../font/Roboto/Roboto-Regular.woff2) format('woff2'),
    url(../../font/Roboto/Roboto-Regular.woff) format('woff'),
    url(../../font/Roboto/Roboto-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../../font/MaterialIcons/MaterialIcons-Regular.eot); /* For IE6-8 */
  src:
    local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(../../font/MaterialIcons/MaterialIcons-Regular.woff2) format('woff2'),
    url(../../font/MaterialIcons/MaterialIcons-Regular.woff) format('woff'),
    url(../../font/MaterialIcons/MaterialIcons-Regular.ttf) format('truetype');
}

body {
  font-family: 'Roboto', 'Noto Sans JP', sans-serif;
}