@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}

html, body,
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small,
h1, h2, h3, h4, h5, h6,
blockquote,
.mdl-typography--display-4,
.mdl-typography--display-4-color-contrast,
.mdl-typography--display-3,
.mdl-typography--display-3-color-contrast,
.mdl-typography--display-2,
.mdl-typography--display-2-color-contrast,
.mdl-typography--display-1,
.mdl-typography--display-1-color-contrast,
.mdl-typography--headline,
.mdl-typography--headline-color-contrast,
.mdl-typography--title,
.mdl-typography--title-color-contrast,
.mdl-typography--subhead,
.mdl-typography--subhead-color-contrast,
.mdl-typography--body-2-force-preferred-font,
.mdl-typography--body-2-force-preferred-font-color-contrast,
.mdl-typography--body-1-force-preferred-font,
.mdl-typography--body-1-force-preferred-font-color-contrast,
.mdl-typography--caption-force-preferred-font,
.mdl-typography--caption-force-preferred-font-color-contrast,
.mdl-typography--menu,
.mdl-typography--menu-color-contrast,
.mdl-typography--button,
.mdl-typography--button-color-contrast,
.mdl-badge .mdl-badge[data-badge]:after,
.mdl-button,
.mdl-chip,
.mdl-list__item,
.mdl-layout__title,
.mdl-layout-title,
.mdl-layout__drawer-button,
.mdl-snackbar,
.mdl-snackbar .mdl-snackbar__action,
.mdl-textfield__input {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}

@media all and (-ms-high-contrast: none) {
  html, body,
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small,
  h1, h2, h3, h4, h5, h6,
  blockquote,
  .mdl-typography--display-4,
  .mdl-typography--display-4-color-contrast,
  .mdl-typography--display-3,
  .mdl-typography--display-3-color-contrast,
  .mdl-typography--display-2,
  .mdl-typography--display-2-color-contrast,
  .mdl-typography--display-1,
  .mdl-typography--display-1-color-contrast,
  .mdl-typography--headline,
  .mdl-typography--headline-color-contrast,
  .mdl-typography--title,
  .mdl-typography--title-color-contrast,
  .mdl-typography--subhead,
  .mdl-typography--subhead-color-contrast,
  .mdl-typography--body-2-force-preferred-font,
  .mdl-typography--body-2-force-preferred-font-color-contrast,
  .mdl-typography--body-1-force-preferred-font,
  .mdl-typography--body-1-force-preferred-font-color-contrast,
  .mdl-typography--caption-force-preferred-font,
  .mdl-typography--caption-force-preferred-font-color-contrast,
  .mdl-typography--menu,
  .mdl-typography--menu-color-contrast,
  .mdl-typography--button,
  .mdl-typography--button-color-contrast,
  .mdl-badge .mdl-badge[data-badge]:after,
  .mdl-button,
  .mdl-chip,
  .mdl-list__item,
  .mdl-layout__title,
  .mdl-layout-title,
  .mdl-layout__drawer-button,
  .mdl-snackbar,
  .mdl-snackbar .mdl-snackbar__action,
  .mdl-textfield__input {
    font-family: Verdana, Meiryo, sans-serif;
  }
}

@media all and (-ms-high-contrast: none) {
  body {
    font-family: Verdana, Meiryo, sans-serif;
  }
  h1, h1 small, h2, h2 small, h3, h3 small, h4, h4 small, h5, h5 small, h6, h6 small,
  .mdl-button {
    font-family: Verdana, Meiryo, sans-serif;
  }
}