:root{
	//modular scale
	--ratio: 1.4;
	--s-5: clamp(0.33rem,0.39rem + -0.29vw,0.18rem);
	--s-5f: calc( var(--s-4) / var(ratio));
	--s-4: clamp(0.41rem,0.47rem + -0.31vw,0.25rem);
	--s-4f: calc( var(--s-3) / var(ratio));
	--s-3: clamp(0.51rem,0.57rem + -0.31vw,0.35rem);
	--s-3f: calc( var(--s-2) / var(ratio));
	--s-2: clamp(0.64rem,0.69rem + -0.27vw,0.5rem);
	--s-2f: calc( var(--s-1) / var(ratio));
	--s-1: clamp(0.8rem,0.84rem + -0.18vw,0.71rem);
	--s-1f: calc( var(--s0) / var(ratio));
	--s0: clamp(1rem,1rem + 0vw,1rem);
	--s0f: 1rem;
	--s1: clamp(1.25rem,1.19rem + 0.32vw,1.41rem);
	--s1f: calc( var(--s0) * var(ratio));
	--s2: clamp(1.56rem,1.39rem + 0.85vw,2rem);
	--s2f: calc( var(--s1) * var(ratio));
	--s3: clamp(1.95rem,1.61rem + 1.7vw,2.83rem);
	--s3f: calc( var(--s2) * var(ratio));
	--s4: clamp(2.44rem,1.83rem + 3.04vw,4rem);
	--s4f: calc( var(--s3) * var(ratio));
	--s5: clamp(3.05rem,2.04rem + 5.07vw,5.65rem);
	--s5f: calc( var(--s4) * var(ratio));
	//コンテンツのmax-width
	--measure: 70ch;
	//フォントサイズ
	font-size: calc(.333vw + 1em);
	--font-size-small4: 0.4rem;
	--font-size-small3: 0.6rem;
	--font-size-small2: 0.75rem;
	--font-size-small1: 0.9rem;
	--font-size-base: 1rem;
	--font-size-big1: 1.25rem;
	--font-size-big2: 1.5rem;
	--font-size-big3: 1.75rem;
	--font-size-big4: 2.25rem;
	--font-size-big5: 3rem;
	--font-size-big6: 3.6rem;
	--mainmenu-font-size: clamp(var(--font-size-big2), 4vw, var(--font-size-big6));
	//line-height
	--line-height: var(--ratio);
	--line-height-small: calc(0.8*var(--ratio));
	//border巾
	--border-thin: var(--s-5);
	--border-thick: var(--s-2);
	//border
	--border-bk: 1px solid #333;
	--border-wh: 1px solid rgba(255,255,255, 0.4);
	--border-maincolor: 1px solid rgba(81,69,62, 0.7);
	--border-maincolor-dashed: 1px dashed rgba(81,69,62, 0.3);
	--border-maincolor-25: 1px solid rgba(81,69,62, 0.25);
	--border-gray: 1px solid #999;
	--border-lightgray: 1px solid #ddd;
	--border-key-color: 1px solid var(--key-color1);
	--kerning: -0.05ch;
	--header-height: 200px;
	//スクロールバーの幅（jsで取得してる）
	--scrollbar: 0;

	//もろもろ初期設定
	--h1logo-height: 32px;
	--h1logo-topmargin: 20vh;
	--main-color: #51453e;
	--main-color-rgb: rgb(81,69,62);
	--ultralightgray: #fafafa;
	--textgray: #999;
	--key-color1: #ff6450;
	--key-color2: #e71f18;
	--link-color: #ff6450;
	--inactive-color: #999;
	--houzz-green: #4dbc15;
	--magenta: #e5006e;
	--cyan: #00b4ed;
	--orange: #f39800;
	--yellow: #ffff00;
	--box-shadow: 0 2px 5px rgba(0,0,0,.1);
	--violet: #6842ef;
	--violet-rgb: 104,66,239;
	--magenta-neon: 227, 0, 255;
	--brand-color:#FE0100;

	--arrowscale: 48px;
	--gutter: 1ch;
}