@charset "UTF-8";
:root {
	--font-g: system-ui, sans-serif;
	--font-g1: var(--font-jp);
	--font-g2: var(--font-g1);
	--font-ge1: var(--font-g);
	--font-min: "Noto Serif", sans-serif;
	--font-m1: var(--font-m1);
	--font-m2: var(--font-m1);
	--font-me1: var(--font-m1);
	--font-sys: system-ui, sans-serif;
	--font-jp-2: "Noto Sans", sans-serif;
	
	/* 英語のみの見出し・タイトル用 */
	--font-head-en: "Manrope", "dnp-shuei-gothic-gin-std", sans-serif;

	/* 混植見出し・本文用 */
	--font-jp: dnp-shuei-gothic-gin-std, sans-serif;
	--font-en: "Syne", sans-serif;
	--font-mixed: "Manrope", "dnp-shuei-gothic-gin-std", sans-serif;
	--font-mixed-2: "Syne", "dnp-shuei-gothic-gin-std", sans-serif;
}

/*###################################*/
/*default*/
body {
	/*font-family: system-ui, sans-serif;*/
	font-family: var(--font-jp);
	font-weight: 400;
}
input, textarea, button {
	/*font-family: system-ui, sans-serif;*/
	font-family: var(--font-jp);
}

/*###################################*/
.font-g {
	font-family: var(--font-g);
}
.font-g1 {
	font-family: var(--font-g1);
}
.font-g2 {
	font-family: var(--font-g2);
}
.font-en {
	font-family: var(--font-en);
}
.font-min, .font-mi {
	font-family: var(--font-m1);
}
.font-m1 {
	font-family: var(--font-m1);
}
.font-m2 {
	font-family: var(--font-m2);
}
.font-enm {
    font-family: var(--font-me1);
}
.font-sys {
	font-family: var(--font-sys);
}
.symbolic-text {
	font-family: var(--font-g1);
}
/*###################################*/
.font-upcase {
	text-transform: uppercase;
}

/*###################################*/
.font-b100 {
	font-weight: 100;
}
.font-b200 {
	font-weight: 200;
}
.font-b300 {
	font-weight: 300;
}
.font-b400 {
	font-weight: 400;
}
.font-b500 {
	font-weight: 500;
}
.font-b600 {
	font-weight: 600;
}

/*###################################*/
.text-en {
	font-family: var(--font-en);
	font-weight: 400;
}
.text-jp {
	font-family: var(--font-jp);
	font-weight: 600;
}
.head-en {
	font-family: var(--font-head-en);
	font-optical-sizing: auto;
  	font-weight: 600;
}