@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700;900&family=Noto+Serif+JP:wght@300;400;700;900&display=swap');
@import url('https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/css/yakuhanjp.min.css');

html{
	font-size: 62.5%;
}
body{
    font-size: calc(1rem + 0.54vw);/* 24px~36pxで可変*/
}
body {
	font-family: "YakuHanJP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	color: #4e4e4e;
	line-height: 1.5;
}

@media (min-width: 1201px) {/* 1201px以上*/
	body{
		font-size: 1.648rem;
	}
}
@media screen and (max-width: 768px) {/* 480px以下*/
    body{
		font-size: 1.4rem;
    }
}

@media screen and (max-width: 480px) {/* 480px以下*/
    body{
 		font-size: 1.2rem;
   }
}