@font-face {
  font-family: SourceHanSerif;
  font-weight: 400;
  src: url(../../font/NotoSansJP-Regular.woff) format("woff"), url(../../font/NotoSansJP-Regular.otf) format("opentype")
}
@font-face {
  font-family: SourceHanSerif;
  font-weight: 500;
  src: url(../../font/NotoSansJP-Medium.woff) format("woff"), url(../../font/NotoSansJP-Medium.otf) format("opentype")
}
@font-face {
  font-family: SourceHanSerif;
  font-weight: 600;
  src: url(../../font/NotoSansJP-Bold.woff) format("woff"), url(../../font/NotoSansJP-Bold.otf) format("opentype")
}
@font-face {
  font-family: SourceHanSerif;
  font-weight: 700;
  src: url("../../font/NotoSansJP-Black.otf") format("woff"), url(../../font/NotoSansJP-Black.otf) format("opentype")
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'),
           url('../../font/Roboto-Light.ttf') format('ttf');
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Regular'),
           url('../fonts/Roboto-Regular.ttf') format('ttf');
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'),
           url('../../font/Roboto-Medium.ttf') format('ttf');
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'),
           url('../../font/Roboto-Bold.ttf') format('ttf');
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    src: local('Roboto Black'),
           url('../../font/Roboto-Black.ttf') format('ttf');
}