@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local("Noto Sans JP Thin"), local("NotoSansJP-Thin"), url("fonts/NotoSansJP-Thin.otf") format("opentype"); }

@font-face {
  font-family: 'Noto Sans JP';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("Noto Sans JP Light"), local("NotoSansJP-Light"), url("fonts/NotoSansJP-Light.otf") format("opentype"); }

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Noto Sans JP Regular"), local("NotoSansJP-Regular"), url("fonts/NotoSansJP-Regular.otf") format("opentype"); }

@font-face {
  font-family: 'Noto Sans JP';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local("Noto Sans JP Medium"), local("NotoSansJP-Medium"), url("fonts/NotoSansJP-Medium.otf") format("opentype"); }

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Noto Sans JP Bold"), local("NotoSansJP-Bold"), url("fonts/NotoSansJP-Bold.otf") format("opentype"); }

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("Noto Sans JP Black"), local("NotoSansJP-Black"), url("fonts/NotoSansJP-Black.otf") format("opentype"); }




@font-face {
  font-family: 'M PLUS 1p';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local("M PLUS 1p Thin"), local("MPLUS1p-Thin"), url("fonts/MPLUS1p-Thin.ttf") format("truetype"); }

@font-face {
  font-family: 'M PLUS 1p';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("M PLUS 1p Light"), local("MPLUS1p-Light"), url("fonts/MPLUS1p-Light.ttf") format("truetype"); }

@font-face {
  font-family: 'M PLUS 1p';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("M PLUS 1p Regular"), local("MPLUS1p-Regular"), url("fonts/MPLUS1p-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'M PLUS 1p';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("M PLUS 1p Medium"), local("MPLUS1p-Medium"), url("fonts/MPLUS1p-Medium.ttf") format("truetype"); }

@font-face {
  font-family: 'M PLUS 1p';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("M PLUS 1p Bold"), local("MPLUS1p-Bold"), url("fonts/MPLUS1p-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'M PLUS 1p';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local("M PLUS 1p Extra-bold"), local("MPLUS1p-Extra-bold"), url("fonts/MPLUS1p-ExtraBold.ttf") format("truetype"); }

@font-face {
  font-family: 'M PLUS 1p';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("M PLUS 1p Black"), local("MPLUS1p-Black"), url("fonts/MPLUS1p-Black.otf") format("truetype"); }