@font-face {
   font-family: 'source-han-sans-japanese';
   src: url('../font/SourceHanSans/SourceHanSans-Regular.otf');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: 'source-han-sans-japanese';
   src: url('../font/SourceHanSans/SourceHanSans-Medium.otf');
   font-weight: 500;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: 'source-han-sans-japanese';
   src: url('../font/SourceHanSans/SourceHanSans-Bold.otf');
   font-weight: 700;
   font-style: normal;
   font-display: swap;
}

@font-face {
	font-family: 'Noto-Sans-JP';
	src: url('../font/NotoSans/NotoSansJP-Light.otf') format('opentype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Noto-Sans-JP';
	src: url('../font/NotoSans/NotoSansJP-Regular.otf') format('opentype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Noto-Sans-JP';
	src: url('../font/NotoSans/NotoSansJP-Medium.otf') format('opentype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

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

@font-face {
   font-family: 'Neue Haas Grotesk Display Pro';
   src: url('../font/NeueHaasDisplay/NeueHaasDisplay-Roman.eot');
   src: url('../font/NeueHaasDisplay/NeueHaasDisplay-Roman.eot?#iefix') format('embedded-opentype'),
      url('../font/NeueHaasDisplay/NeueHaasDisplay-Roman.woff2') format('woff2'),
      url('../font/NeueHaasDisplay/NeueHaasDisplay-Roman.woff') format('woff'),
      url('../font/NeueHaasDisplay/NeueHaasDisplay-Roman.ttf') format('truetype'),
      url('../font/NeueHaasDisplay/NeueHaasDisplay-Roman.svg#NeueHaasDisplay-Roman') format('svg');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'Neue Haas Grotesk Display Pro';
   src: url('../font/NeueHaasDisplay/NeueHaasDisplay-Mediu.eot');
   src: url('../font/NeueHaasDisplay/NeueHaasDisplay-Mediu.eot?#iefix') format('embedded-opentype'),
      url('../font/NeueHaasDisplay/NeueHaasDisplay-Mediu.woff2') format('woff2'),
      url('../font/NeueHaasDisplay/NeueHaasDisplay-Mediu.woff') format('woff'),
      url('../font/NeueHaasDisplay/NeueHaasDisplay-Mediu.ttf') format('truetype'),
      url('../font/NeueHaasDisplay/NeueHaasDisplay-Mediu.svg#NeueHaasDisplay-Mediu') format('svg');
   font-weight: 500;
   font-style: normal;
   font-display: swap;
}

@font-face {
  font-family: 'butler ultralight';
  src: url('../font/butler/Butler-UltraLight.eot');
  src: url('../font/butler/Butler-UltraLight.woff') format('woff'),
       url('../font/butler/Butler-UltraLight.ttf') format('truetype'),
       url('../font/butler/Butler-UltraLight.svg') format('svg');
}