:root {
	--c-main-gold: #dfc174;
	--c-main-red: #c80000;
	--c-sub-yellow: #f7f0dc;
	--c-bg-gray: #5a5a5a;
	--c-bg-gray-light: #6a6a6a;
	--c-bg-gray-light2: #707070;

	--font-size-t: clamp(13px, 1.2vw, 14px);
	--font-size-ss: clamp(14px, 1.3vw, 16px);
	--font-size-s: clamp(15px, 1.3vw, 18px);
	--font-size-m: clamp(15px, 1.5vw, 20px);
	--font-size-ml: clamp(15px, 1.8vw, 24px);
	--font-size-l: clamp(16px, 1.8vw, 24px); /* 基準*/
	--font-size-xl: clamp(18px, 2.1vw, 28px);
	--font-size-xxl: clamp(25px, 2.4vw, 32px);
	--font-size-3l: clamp(28px, 2.6vw, 40px);
	--font-size-4l: clamp(32px, 3vw, 48px);

	--f-notosans: "Noto Sans JP", sans-serif;

	--inner-width: 970px;
	--inner-padding-pc: 10px;
	--inner-padding-sp: 8%;
}

body {
	font-family: var(--f-notosans);
	font-size: 24px;
}

a {
	transition: 0.3s;
}

@media (hover: hover) and (pointer: fine) {
	a:hover {
		opacity: 0.7;
		transition: 0.3s;
	}
}

.pc {
	display: block;
}

.sp {
	display: none;
}

@media screen and (max-width: 767px) {
	body {
		font-size: 16px;
	}

	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
}