@charset "utf-8";

@font-face {
	font-family: 'Noto Sans JP';
	src: url('font/NotoSansJP-VariableFont_wght.woff2') format('woff2'),
		url('font/NotoSansJP-VariableFont_wght.woff') format('woff'),
		url('font/NotoSansJP-VariableFont_wght.eot') format('eot'),
		url('font/NotoSansJP-VariableFont_wght.ttf') format('truetype'),
		font-family: 'Noto Serif JP';
	src: url('font/NotoSerifJP-VariableFont_wght.woff2') format('woff2'),
		url('font/NotoSerifJP-VariableFont_wght.woff') format('woff'),
		url('font/NotoSerifJP-VariableFont_wght.eot') format('eot'),
		url('font/NotoSerifJP-VariableFont_wght.ttf') format('truetype'),
}


/* ---------------------------------------------------
・このCSSはPCとSPの表示比率を合わせています。
・サイズの単位は原則remにしてください。1rem = 1vw換算です。
・rootセレクタ内で、色やサイズの設定を指定してください。
---------------------------------------------------- */
body {
	font-family: sans-serif;
}

.fz70 {
	font-size: 70% !important;
}

.fz80 {
	font-size: 80% !important;
}

.fz90 {
	font-size: 90% !important;
}

.fz100 {
	font-size: 100% !important;
}

.fz120 {
	font-size: 120% !important;
}

.fz150 {
	font-size: 150% !important;
}

header {
	display: block;
	padding-top: 0;
	padding-bottom: 0;
	background: none;
	box-shadow: none;
}

.header_inner {
	max-width: 750px;
}

.header_inner img {
	width: 100%;
}