@charset "UTF-8";
/* =========================================================
フォント
========================================================= */
:root {
	--fs-tiny:clamp(10px,1vw,1.1rem);
	--fs-min:clamp(11px,1vw,1.2rem);
	--fs-mid:clamp(13px,1.5vw,1.3rem);
	--fs-p:clamp(15px,1.5vw,1.5rem);
	--fs-p:clamp(15px,1.5vw,1.5rem);
	--fs-postp:clamp(15px,2.4vw,1.6rem);
	--fs-subtitle:clamp(16px,3vw,1.7rem);
	--fs-title:clamp(19px,2vw,1.9rem);
	--fs-large:clamp(21px,2vw,2.1rem);
	--fs-xlarge:clamp(23px,3vw,27px);
	--fs-big:clamp(28px,3vw,36px);
	--fs-huge:clamp(52px,6vw,80px);
}
/* =========================================================
メディアクエリ
========================================================= */

:root {
/* @container style(--mq-huge: true) { */
	--mq-huge: false;
	@media (max-width: 1920px) {
	  --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;
	}
  }