@charset "utf-8";
:root {
	--color-dark:#1f1f1f;
	--color-darkish:#404040;
	--color-lightish:#e6e6e6;
	--color-light:#fff;
	--color-mid:grey;
	--color-red:#FF0000;
	--color-green:#17484e;
	--color-midgreen:#009890;
	--color-lightgreen:#d7e6dd;
	--ratio:1.4;
	--s-5:clamp(0.33rem, 0.39rem + -0.29vw, 0.18rem);
	--s-4:clamp(0.41rem, 0.47rem + -0.31vw, 0.25rem);
	--s-3:clamp(0.51rem, 0.57rem + -0.31vw, 0.35rem);
	--s-2:clamp(0.64rem, 0.69rem + -0.27vw, 0.5rem);
	--s-1:clamp(0.8rem, 0.84rem + -0.18vw, 0.71rem);
	--s0:clamp(1rem, 1rem + 0vw, 1rem);
	--s05:clamp(1rem, 0.929rem + 0.36vw, 1.375rem);
	--s1:clamp(1.25rem, 1.19rem + 0.32vw, 1.41rem);
	--s1_5:clamp(1.3rem, 1.39rem + 0.85vw, 1.6rem);
	--s2:clamp(1.56rem, 1.39rem + 0.85vw, 2rem);
	--s3:clamp(1.95rem, 1.61rem + 1.7vw, 2.83rem);
	--s4:clamp(2.44rem, 1.83rem + 3.04vw, 4rem);
	--s5:clamp(3.05rem, 2.04rem + 5.07vw, 5.65rem);
		/* --s1の場合
		 1vw = 幅の１％
		（例）0.32vw＝　ウインドウ幅1200pxの場合　1200px × 0.0032 =3.84px
		最小値が1.25rem　推奨値が1.19rem + 3.84px(画面サイズで変化)　最大値　1.41rem
		*/

	--measure:65ch;
	--line-height:var(--ratio);
	--line-height-small:calc(0.8*var(--ratio));
	--border-thin:var(--s-5);
	--border-thick:var(--s-2);
	line-height:var(--ratio);
	font-size:calc(.333vw + 1em);
	background-color:var(--color-light);
	color:var(--color-dark);
	/* nav */

	--themecolor: #553968;
	--font: "Inter", "Noto Sans JP", sans-serif;
	--sidegap: clamp(16px, 24vw / 6, 24px);
	--easeOut: cubic-bezier(.3,1,.7,1);
	--easeInOut: cubic-bezier(.7,0,.3,1);
	--contentWidth: calc(1280px + var(--sidegap) * 2);
}

:where(*,*::before,*::after){box-sizing:border-box;}
:where(ul,ol){list-style:none;padding:0;}
:where(img,svg,video,canvas,iframe){vertical-align:middle;}
:where(img[height],video[height],picture img){height:auto;}
:where(input,button,textarea,select,small){font:inherit;}
:where(body,h1,h2,h3,h4,p,figure,blockquote,ul,ol,dl,dd){margin:0;}
:where(img,picture,video,iframe){display:inline-block;max-width:100%;}
:where(a){color:inherit;text-decoration:inherit;text-decoration-skip-ink:auto;}
:where(button){-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background:none;}