*{
    padding: 0;
    margin: 0;
    font-family: 'Noto Sans JP', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size:62.5%;
}
html,body{
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #F2F2F2;
}
canvas{
    display: block;
    width: auto;
    margin:0 auto;
    line-height: 100%;
}
/*フォント*/
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Noto Sans CJK JP Regular"),
  url('font/NotoSans_Regular.woff2') format('woff2'),
  url('font/NotoSans_regular.woff') format('woff'),
  url('font/NotoSans_regular.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Noto Sans CJK JP Medium"),
  url('font/NotoSans_Medium.woff2') format('woff2'),
  url('font/NotoSans_medium.woff') format('woff'),
  url('font/NotoSans_medium.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Noto Sans CJK JP Bold"),
  url('font/NotoSans_Bold.woff2') format('woff2'),
  url('font/NotoSans_bold.woff') format('woff'),
  url('font/NotoSans_bold.otf') format('opentype');
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('font/YakuHanJP-Regular.woff2') format("woff2"),
  url('font/YakuHanJP-Regular.woff') format("woff");
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('font/YakuHanJP-Bold.woff2') format("woff2"),
  url('font/YakuHanJP-Bold.woff') format("woff");
}