:root {
	--ff-noto: "Noto Sans", "Noto Sans JP", sans-serif;
	--ff-lato: "Lato", "Noto Sans", "Noto Sans JP", sans-serif;
	--ff-sans-serif: var(--ff-noto);
	--ff-sans-serif2: var(--ff-lato);
	--letter-spacing: normal;
	--typography-base-font-family: var(--ff-sans-serif);
	--typography-base-font-weight: 400;
	--typography-base-font-size: 1rem;
	--typography-base-line-height: 1.8;
	--typography-base-letter-spacing: 0;
	--typography-copy-font-family: var(--ff-sans-serif);
	--typography-copy-font-weight: 700;
	--typography-copy-font-size: 1.5rem;
	--typography-copy-line-height: 1.6;
	--typography-copy-letter-spacing: 0;
	--color-base: #333333;
	--color-base-rgb: 51, 51, 51;
	--color-outline: #333333;
	--color-outline-rgb: 51, 51, 51;
	--color-base-light: #777777;
	--color-base-light-rgb: 119, 119, 119;
	--color-primary: #27913A;
	--color-primary-rgb: 39, 145, 58;
	--color-attention: #D80404;
	--color-attention-rgb: 216, 4, 4;
	--color-inactive: #888888;
	--color-inactive-rgb: 136, 136, 136;
	--color-light: #ffffff;
	--color-light-rgb: 255, 255, 255;
	--color-dark: #000000;
	--color-dark-rgb: 0, 0, 0;
	--color-border: #707070;
	--color-border-rgb: 112, 112, 112;
	--color-border2: #CCCCCC;
	--color-border2-rgb: 204, 204, 204;
	--color-border3: #BBBBBB;
	--color-border3-rgb: 187, 187, 187;
	--color-bg-base: #ffffff;
	--color-bg-base-rgb: 255, 255, 255;
	--color-bg-pale: #F5F5F5;
	--color-bg-pale-rgb: 245, 245, 245;
	--color-bg-pale2: #EEEEEE;
	--color-bg-pale2-rgb: 238, 238, 238;
	--color-bg-pale-green: #D8E3B4;
	--color-bg-dark: #2F2F2F;
	--color-bg-dark-rgb: 47, 47, 47;
	--color-geo: #A88D43;
	--color-geo-rgb: 168, 141, 67;
	--color-caltural: #A26284;
	--color-caltural-rgb: 162, 98, 132;
	--color-eco: #45BEB8;
	--color-eco-rgb: 69, 190, 184;
	--color-ikeda: #40A21B;
	--color-ikeda-rgb: 64, 162, 27;
	--color-oboke-koboke-iyakei: #33A0D6;
	--color-oboke-koboke-iyakei-rgb: 51, 160, 214;
	--color-iya: #98A501;
	--color-iya-rgb: 152, 165, 1;
	--color-tsurugisan-miune-tenguzuka: #B171C9;
	--color-tsurugisan-miune-tenguzuka-rgb: 177, 113, 201;
	--color-ikawa-higashimiyoshi: #E39C0A;
	--color-ikawa-higashimiyoshi-rgb: 227, 156, 10;
	--color-mino: #EA6668;
	--color-mino-rgb: 234, 102, 104;
	--color-area: #D9D1A4;
	--color-area-rgb: 217, 209, 164;
	--min-device-width: 360px;
	--site-width: 1180px;
	--space-inline: 20px;
	--space-block: 140px;
	--space-block-half: 70px;
	--space-block-medium: 120px;
	--space-block-small: 90px;
	--space-block-x-small: 60px;
	--space-block-large: 160px;
	--header-size: 120px;
	--scroll-adjust: var(--header-size);
	--header-z-index: 5000;
	--column2: 48.3050847458%;
	--column2-gap: 3.3898305085%;
	--column3: 28.813559322%;
	--column3-gap: 6.7796610169%;
	--column3-large: 31.0169491525%;
	--column3-large-gap: 3.4745762712%;
	--column3-small: 30.612244898%;
	--column3-small-gap: 4.0816326531%;
	--column4-gap: 1.6949152542%;
	--column-count: repeat(3,1fr);
	--sec: 0.5s;
	--sec-fast: 0.3s;
	--opacity: 0.6;
	--zoom: 1.1;
}

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

@media (max-width: 1300px) {

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

}

@media (max-width: 1180px) {

:root {
	--column-count: repeat(2,1fr);
	--column2-gap: var(--column3-gap);
}

}

@media (max-width: 768px) {

:root {
	--typography-base-font-size: 0.875rem;
	--typography-base-line-height: 2;
}

:root {
	--typography-copy-font-size: 1.1875rem;
	--typography-copy-line-height: 1.6842105263;
}

:root {
	--space-inline: 15px;
	--space-block: 120px;
	--space-block-medium: 100px;
	--space-block-small: 50px;
	--space-block-large: 140px;
}

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

}

@media (max-width: 560px) {

:root {
	--column-count: repeat(1,1fr);
}

}