/*----------------------------------------------------------------
 fonts
----------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@400;700&display=swap');

/*----------------------------------------------------------------
 custom properties
----------------------------------------------------------------*/
:root {
	/* colors */
	--main-color		: #0e2a38;
	--sub-color			: #c1c7cd;
	--text-color		: #303030;
	--heading-color		: #000;
	--link-color		: #00669c;
	--focus-color		: red;
	--bg-color			: #dcdfe1;
	--base-color		: #FFF;

	/* width */
	--content-width			: 1050px;
	--max-width			: 1170px;

	--headerlogo-height: 150px;

	/* font */
	--font-size			: 1.6rem;
	--font-sans			: 
							'Noto Sans JP',
							"ヒラギノ角ゴ Pro",'Hiragino Kaku Gothic Pro',
							"メイリオ",
							Verdana,
							"ＭＳ Ｐゴシック",
							sans-serif;
	--font-serif		:
							'Noto Serif JP',
							"Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",
							"游明朝", YuMincho,
							"ＭＳ Ｐ明朝", "ＭＳ 明朝",
							serif;
	--line-height		: 1.8;
}