:root {
	--ff-noto: "Noto Sans JP", sans-serif;
	--ff-oswald: "Oswald", sans-serif;
	--ff-hanken: "Hanken Grotesk", sans-serif;
	--ff-sans-serif: var(--ff-noto);
	--ff-sans-serif2: var(--ff-oswald);
	--ff-sans-serif3: var(--ff-hanken);
	--letter-spacing: normal;
	--typography-base-font-family: var(--ff-sans-serif);
	--typography-base-font-weight: 500;
	--typography-base-font-size: 1rem;
	--typography-base-line-height: 2;
	--typography-base-letter-spacing: 0.05em;
	--color-base: #083151;
	--color-base-rgb: 8, 49, 81;
	--color-outline: #083151;
	--color-outline-rgb: 8, 49, 81;
	--color-primary: #0370AA;
	--color-primary-rgb: 3, 112, 170;
	--color-primary-grad1-1: #0370AA;
	--color-primary-grad1-1-rgb: 3, 112, 170;
	--color-primary-grad1-2: #023855;
	--color-primary-grad1-2-rgb: 2, 56, 85;
	--color-primary-grad2-1: #4F9FA5;
	--color-primary-grad2-1-rgb: 79, 159, 165;
	--color-primary-grad2-2: #00224A;
	--color-primary-grad2-2-rgb: 0, 34, 74;
	--color-primary-grad3-1: #051F76;
	--color-primary-grad3-1-rgb: 5, 31, 118;
	--color-primary-grad3-2: #4995A1;
	--color-primary-grad3-2-rgb: 73, 149, 161;
	--color-primary-grad4-1: #053A89;
	--color-primary-grad4-1-rgb: 5, 58, 137;
	--color-primary-grad4-2: #28BDBC;
	--color-primary-grad4-2-rgb: 40, 189, 188;
	--color-primary-grad4-3: #00AFDF;
	--color-primary-grad4-3-rgb: 0, 175, 223;
	--color-primary-grad4-4: #033787;
	--color-primary-grad4-4-rgb: 3, 55, 135;
	--color-primary-grad5-1: #42B995;
	--color-primary-grad5-1-rgb: 66, 185, 149;
	--color-primary-grad5-2: #022831;
	--color-primary-grad5-2-rgb: 2, 40, 49;
	--color-primary-grad6-1: #ACF24D;
	--color-primary-grad6-1-rgb: 172, 242, 77;
	--color-primary-grad6-2: #6BE1DF;
	--color-primary-grad6-2-rgb: 107, 225, 223;
	--color-primary-grad7-1: #6FDABA;
	--color-primary-grad7-1-rgb: 111, 218, 186;
	--color-primary-grad7-2: #3D7A96;
	--color-primary-grad7-2-rgb: 61, 122, 150;
	--color-secondary: #AA2100;
	--color-secondary-rgb: 170, 33, 0;
	--color-secondary2: #AA0350;
	--color-secondary2-rgb: 170, 3, 80;
	--color-secondary-grad1-1: #AA2100;
	--color-secondary-grad1-1-rgb: 170, 33, 0;
	--color-secondary-grad1-2: #551100;
	--color-secondary-grad1-2-rgb: 85, 17, 0;
	--color-secondary-grad2-1: #F44A0B;
	--color-secondary-grad2-1-rgb: 244, 74, 11;
	--color-secondary-grad2-2: #CC7600;
	--color-secondary-grad2-2-rgb: 204, 118, 0;
	--color-gray-grad2-1: #AFAFAF;
	--color-gray-grad2-1-rgb: 175, 175, 175;
	--color-gray-grad2-2: #585858;
	--color-gray-grad2-2-rgb: 88, 88, 88;
	--color-accent: #E9CB5A;
	--color-accent-rgb: 233, 203, 90;
	--color-light: #ffffff;
	--color-light-rgb: 255, 255, 255;
	--color-dark: #000000;
	--color-dark-rgb: 0, 0, 0;
	--color-shadow: #001926;
	--color-shadow-rgb: 0, 25, 38;
	--color-border: #AFAFAF;
	--color-border-rgb: 175, 175, 175;
	--color-bg-base: #ffffff;
	--color-bg-base-rgb: 255, 255, 255;
	--color-bg-dark: #083151;
	--color-bg-dark-rgb: 8, 49, 81;
	--color-bg: #F7F7F7;
	--color-bg-rgb: 247, 247, 247;
	--site-width: 1000px;
	--space-inline: 25px;
	--space-block: 200px;
	--space-block-half: 100px;
	--space-section: 120px;
	--space-section-half: 60px;
	--vw: 1vw;
	--header-size: 120px;
	--scroll-adjust: var(--header-size);
	--header-z-index: 5000;
	--min-device-width: 360px;
	--sec: 0.5s;
	--sec-fast: 0.2s;
	--opacity: 0.6;
	--zoom: 1.1;
}

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

html {
	scrollbar-gutter: stable;
}

@media (max-width: 1000px) {

:root {
	--space-block: 100px;
	--space-block-halfSp: 50px;
	--space-section: 60px;
	--space-section-half: 30px;
}

}

@media (max-width: 768px) {

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

}