:root {
	--ff-noto-serif: "Noto Serif JP", sans-serif;
	--ff-cormorant: "Cormorant", serif;
	--font-family: var(--ff-noto-serif);
	--font-weight: 400;
	--font-size: 1rem;
	--line-height: 2.25;
	--line-height-normal: 1.4;
	--letter-spacing: 0.05em;
	--color-base: #000000;
	--color-base-rgb: 0, 0, 0;
	--color-base-light: #707070;
	--color-base-light-rgb: 112, 112, 112;
	--color-outline: #000000;
	--color-outline-rgb: 0, 0, 0;
	--color-primary: #890020;
	--color-primary-rgb: 137, 0, 32;
	--color-primary-grad1: #E50000;
	--color-primary-grad1-rgb: 229, 0, 0;
	--color-primary-grad2: #830A0A;
	--color-primary-grad2-rgb: 131, 10, 10;
	--color-accent: #F8E36E;
	--color-accent-rgb: 248, 227, 110;
	--color-accent2: #CCAD72;
	--color-accent2-rgb: 204, 173, 114;
	--color-attention: #890020;
	--color-attention-rgb: 137, 0, 32;
	--color-light: #ffffff;
	--color-light-rgb: 255, 255, 255;
	--color-dark: #000000;
	--color-dark-rgb: 0, 0, 0;
	--color-dark2: #545454;
	--color-dark2-rgb: 84, 84, 84;
	--color-bg-base: #ffffff;
	--color-bg-base-rgb: 255, 255, 255;
	--color-bg-dark: #2B2B2B;
	--color-bg-dark-rgb: 43, 43, 43;
	--color-bg-dark2: #4D4D4D;
	--color-bg-dark2-rgb: 77, 77, 77;
	--color-bg-dark3: #222222;
	--color-bg-dark3-rgb: 34, 34, 34;
	--color-bg-dark4: #1F1F1F;
	--color-bg-dark4-rgb: 31, 31, 31;
	--color-bg: #F5F5F5;
	--color-bg-rgb: 245, 245, 245;
	--color-bg2: #CCAD72;
	--color-bg2-rgb: 204, 173, 114;
	--color-border: #707070;
	--color-border-rgb: 112, 112, 112;
	--color-border2: #CECECE;
	--color-border2-rgb: 206, 206, 206;
	--grad-primary-bottom: linear-gradient(
  	to bottom,
  	var(--color-primary-grad1) 0%,
  	var(--color-primary-grad2) 100%
  );
	--grad-primary-top: linear-gradient(
  	to top,
  	var(--color-primary-grad1) 0%,
  	var(--color-primary-grad2) 100%
  );
	--grad-primary-right: linear-gradient(
  	to right,
  	var(--color-primary-grad1) 0%,
  	var(--color-primary-grad2) 100%
  );
	--grad-primary-left: linear-gradient(
  	to left,
  	var(--color-primary-grad1) 0%,
  	var(--color-primary-grad2) 100%
  );
	--vw: 1vw;
	--site-width: 1000px;
	--site-width-wide: 1300px;
	--space-inline: 30px;
	--site-gap: max(0px, calc((var(--vw) * 100 - var(--site-width)) / 2));
	--site-gap2: max(var(--site-gap), var(--space-inline));
	--site-gap-wide: max(0px, calc((var(--vw) * 100 - var(--site-width-wide)) / 2));
	--site-gap-wide2: max(var(--site-gap-wide), var(--space-inline));
	--space-block: 90px;
	--header-size: 110px;
	--scroll-adjust: var(--header-size);
	--header-z-index: 5000;
	--min-device-width: 360px;
	--sec: 0.5s;
	--sec-fast: 0.3s;
	--sec-slow: 1s;
	--opacity: 0.6;
	--zoom: 1.1;
	--icon-arrow: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='26.286' height='6.735' viewBox='0 0 26.286 6.735'><path d='M10941.352-8232.5h25.027l-6.228-5.871' transform='translate(-10941.352 8238.735)' fill='none' stroke='%23fff' stroke-width='1'/></svg>");
	--icon-arrow-aspect: 26.286/6.735;
	--icon-arrow-large: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='47.332' height='10.877' viewBox='0 0 47.332 10.877'><path d='M10941.351-8228.371h46l-11.445-10' transform='translate(-10941.351 8238.748)' fill='none' stroke='%23fff' stroke-width='1'/></svg>");
	--icon-arrow-large-sp: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='47.332' height='10.877' viewBox='0 0 47.332 10.877'><path d='M10941.351-8228.371h46l-11.445-10' transform='translate(-10941.351 8238.748)' fill='none' stroke='%23fff' stroke-width='2'/></svg>");
	--icon-arrow-large-aspect: 47.332/10.877;
}

:not(:root) {
	letter-spacing: var(--letter-spacing);
}

html {
	scrollbar-gutter: stable;
}

@media (max-width: 1300px) {

:root {
	--space-inline: 20px;
}

:root {
	--header-size: 90px;
}

}

@media (max-width: 1000px) {

:root {
	--space-block: 80px;
}

:root {
	--header-size: 80px;
}

}

@media (max-width: 768px) {

:root {
	--header-size: 62px;
}

}