@charset "utf-8";
/* @import url('https://fonts.googleapis.com/css?family=Source+Code+Pro:200,300,400,500,600,700,900&subset=latin-ext'); */
/*@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');*/
/*@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700,800|Noto+Serif');*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Varela&display=swap');
@import url('https://fonts.googleapis.com/css?family=M+PLUS+1p:500,700&display=swap');

html {
font-size: 62.5%;
}
body {
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-size: 1.0rem;
color: #4d4d4d;
}
.en {
font-family: 'Josefin Sans', sans-serif;
font-weight:400;
}
@media screen and (max-width: 750px) {
body {
letter-spacing: 0;
line-height: 1.4;
}
}
@media screen and (min-width: 750px) {
body {
letter-spacing: 0.05em;
line-height: 1.5;
}
}