@charset "UTF-8";
/* =========================================================
フォント
========================================================= */
:root {
	--fs-tiny: clamp(0.6875rem, 0.2vw + 0.5rem, 0.825rem); /* 1080px時: 0.6875rem (11px), 1280px時: 0.6875rem (11px), 1920px時: 0.825rem (13.2px) */
	--fs-min: clamp(0.7125rem, 0.5vw + 0.5rem, 0.975rem); /* 1080px時: 0.8125rem (13px), 1280px時: 0.8125rem (13px), 1920px時: 0.975rem (15.6px) */
	--fs-mid: clamp(0.8375rem, 0.6vw + 0.5rem, 1.125rem); /* 1080px時: 0.9375rem (15px), 1280px時: 0.9375rem (15px), 1920px時: 1.125rem (18px) */
	--fs-p: clamp(1rem, .9vw + 0.5rem, 1.3rem); /* 1080px時: 1rem (16px), 1280px時: 1rem (16px), 1920px時: 1.2rem (19.2px) */
	--fs-postp: clamp(1.0875rem, 0.9vw + 0.5rem, 1.425rem); /* 1080px時: 1.1875rem (19px), 1280px時: 1.1875rem (19px), 1920px時: 1.425rem (22.8px) */
	--fs-subtitle: clamp(1.1125rem, 1vw + 0.5rem, 1.575rem); /* 1080px時: 1.3125rem (21px), 1280px時: 1.3125rem (21px), 1920px時: 1.575rem (25.2px) */
	--fs-title: clamp(1.3rem, 1.1vw + 0.5rem, 1.8rem); /* 1080px時: 1.5rem (24px), 1280px時: 1.5rem (24px), 1920px時: 1.8rem (28.8px) */
	--fs-large: clamp(1.55rem, 1.3vw + 0.5rem, 2.1rem); /* 1080px時: 1.75rem (28px), 1280px時: 1.75rem (28px), 1920px時: 2.1rem (33.6px) */
	--fs-xlarge: clamp(1.7875rem, 1.8vw + 0.5rem, 2.625rem); /* 1080px時: 2.1875rem (35px), 1280px時: 2.1875rem (35px), 1920px時: 2.625rem (42px) */
	--fs-big: clamp(2.1375rem, 2.8vw + 1rem, 4.125rem); /* 1080px時: 3.4375rem (55px), 1280px時: 3.4375rem (55px), 1920px時: 4.125rem (66px) */
	--fs-huge: clamp(3.1rem, 4vw + 0.5rem, 6rem); /* 1080px時: 5rem (80px), 1280px時: 5rem (80px), 1920px時: 6rem (96px) */
	--fs-xhuge: clamp(4rem, 4vw + 0.5rem, 8rem); /* 1080px時: 5rem (80px), 1280px時: 5rem (80px), 1920px時: 6rem (96px) */
}
/* =========================================================
メディアクエリ
========================================================= */

:root {
	--mq-huge: false;
	@media (max-width: 1620px) {
	  --mq-huge: true;
	}
	--mq-big: false;
	@media (max-width: 1360px) {
	  --mq-big: true;
	}
	--mq-xl: false;
	@media (max-width: 1280px) {
	  --mq-xl: true;
	}

	--mq-tab: false;
	@media (max-width: 1080px) {
	  --mq-tab: true;
	}

	--mq-lg: false;
	@media (max-width: 991px) {
	  --mq-lg: true;
	}

	--mq-md: false;
	@media (max-width: 768px) {
	  --mq-md: true;
	}

	--mq-sm: false;
	@media (max-width: 591px) {
	  --mq-sm: true;
	}

	--mq-tiny: false;
	@media (max-width: 420px) {
	  --mq-tiny: true;
	}
	/* =========================================================
	spacing tokens (var-based, to use like margin-block/padding-block)
	========================================================= */
	/* margin-block scales */
	--mtb-tiny:  clamp(var(--gap00), 5vw, var(--gap02));
	--mtb-min:   clamp(var(--gap01), 5vw, var(--gap03));
	--mtb-mid:   clamp(var(--gap02), 5vw, var(--gap04));
	--mtb-large: clamp(var(--gap03), 5vw, var(--gap05));
	--mtb-big:   clamp(2rem, 5vw, 6.25rem); /* 1080px時: 5rem (80px), 1280px時: 6.25rem (100px), 1920px時: 6.25rem (100px) */
	--mtb-huge:  clamp(7.5rem, 6vw, 9.375rem); /* 1080px時: 7.5rem (120px), 1280px時: 9.375rem (150px), 1920px時: 9.375rem (150px) */

	/* padding-block scales */
	--ptb-tiny:  clamp(var(--gap00), 5vw, var(--gap02));
	--ptb-min:   clamp(var(--gap01), 5vw, var(--gap03));
	--ptb-mid:   clamp(var(--gap02), 5vw, var(--gap04));
	--ptb-large: clamp(var(--gap03), 5vw, var(--gap05));
	--ptb-big:   clamp(5rem, 5vw, 6.25rem); /* 1080px時: 5rem (80px), 1280px時: 6.25rem (100px), 1920px時: 6.25rem (100px) */
	--ptb-huge:  clamp(7.5rem, 6vw, 9.375rem); /* 1080px時: 7.5rem (120px), 1280px時: 9.375rem (150px), 1920px時: 9.375rem (150px) */

	/* =========================================================
	responsive breakpoint variables
	========================================================= */
	--bp-huge: 1920px;
	--bp-big: 1360px;
	--bp-xl: 1280px;
	--bp-tab: 1080px;
	--bp-lg: 991px;
	--bp-md: 768px;
	--bp-sm: 591px;
	--bp-tiny: 420px;

  }


/* =========================================================
CSS utilities (no preprocessor required)
========================================================= */