/* ------------------------------------------------------------ Noto-Sans-JP */
@font-face {
font-family: 'Noto-Sans-JP-Light';
src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.otf) format('opentype');
}
@font-face {
font-family: 'Noto-Sans-JP-DemiLight';
src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf) format('opentype');
}
@font-face {
font-family: 'Noto-Sans-JP-Regular';
src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
font-family: 'Noto-Sans-JP-Medium';
src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format('opentype');
}

@font-face {
font-family: 'Noto-Sans-JP-Bold';
src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype');
}


/* ------------------------------------------------------------ Metropolis */
@font-face {
font-family: 'Metropolis-Regular';
src: url(../fonts/Metropolis-Regular.woff2) format('woff2'),
url(../fonts/Metropolis-Regular.woff) format('woff'),
url(../fonts/Metropolis-Regular.woff) format('opentype'),
url(../fonts/Metropolis-Regular.eot) format('embedded-opentype');
}

@font-face {
font-family: 'Metropolis-Medium';
src: url(../fonts/Metropolis-Medium.woff2) format('woff2'),
url(../fonts/Metropolis-Medium.woff) format('woff'),
url(../fonts/Metropolis-Medium.otf) format('opentype'),
url(../fonts/Metropolis-Medium.eot) format('embedded-opentype');
}

@font-face {
font-family: 'Metropolis-SemiBold';
src: url(../fonts/Metropolis-SemiBold.woff2) format('woff2'),
url(../fonts/Metropolis-SemiBold.woff) format('woff'),
url(../fonts/Metropolis-SemiBold.woff) format('opentype'),
url(../fonts/Metropolis-SemiBold.eot) format('embedded-opentype');
}

@font-face {
font-family: 'Metropolis-Bold';
src: url(../fonts/Metropolis-Bold.woff2) format('woff2'),
url(../fonts/Metropolis-Bold.woff) format('woff'),
url(../fonts/Metropolis-Bold.woff) format('opentype'),
url(../fonts/Metropolis-Bold.eot) format('embedded-opentype');


}