@charset "UTF-8";

/* 約半フォント */
@import url('https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanjp.css');
/* Noto Sans JP */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
/* M PLUS 1p */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;300;400;500;700;800;900&display=swap');
/* Saira */
@import url('https://fonts.googleapis.com/css2?family=Saira:wght@100..900&display=swap');


:root {
	/* フォント */
	--font-base: YakuHanJP, "Noto Sans JP", sans-serif;/* weight 100-900 */
	--font-sub: "M PLUS 1p", sans-serif;/* weight 100-900 */
	--font-en: "Saira", sans-serif;/* weight 100-900 */

	/* フォントサイズ */
	--fontsize-base: 1.4rem;
	/* 文字間 */
	--letter-spacing: 0.15em;
	/* 行間 */
	--lingh-height: 1.8;
	/* 最高幅 */
	--max-width: 1200px;
	/* 最低幅 */
	--min-width: 1000px;

	/* カラー */
	--color-font: #4b4b4b;
	--color-main: #4b4b4b;
    --color-sub: #e6e6e6;
    --color-accent: #e6c842;
    --color-red: #ea5550;

	/* フォントウェイト */
	--weight-thin: 100;
	--weight-extralight: 200;
	--weight-light: 300;
	--weight-regular: 400;
	--weight-medium: 500;
	--weight-semibold: 600;
	--weight-bold: 700;
	--weight-extrabold: 800;
	--weight-black: 900;

	/* 背景 */
    --bg-img: url(../1_img/base/bg.jpg);
}