/* ---------------------------------------------------
  :root カスタムプロパティ
--------------------------------------------------- */
:root {
	--design-width: 1366;
	--sp-design-width: 375;

	--base-font-size: 10;

	--gothic: "Noto Sans JP", sans-serif;
	--lexend: "Lexend Deca", sans-serif;

	--blk: 0, 0, 0;
	--wht: 255, 255, 255;

	--color-daypool-blue: 70, 163, 206;
	--color-daypool-navy: 43, 74, 95;
	--color-daypool-text: 61, 62, 63;
	--color-daypool-visitor-blue: 57, 98, 152;
	--color-daypool-option-green: 92, 164, 140;

	--color-cancam-green: 0, 75, 56;
	--color-cancam-mint: 72, 194, 188;
	--color-cancam-button-start: 3, 147, 140;
	--color-cancam-button-end: 30, 196, 188;

	--pageTop-right: 1rem;
	--pageTop-bottom: 1rem;
}

/* ---------------------------------------------------
  HTML / BODY 基本
--------------------------------------------------- */
html {
	font-size: min(calc(var(--base-font-size) * 1px), calc(var(--base-font-size) * 100vw / var(--design-width)));
	scroll-behavior: smooth;
}

@media screen and (max-width: 768px) {
	html {
		font-size: calc(var(--base-font-size) * 100vw / var(--sp-design-width));
	}
}

body {
	background: rgb(var(--wht));
	line-height: 1.8;
	color: rgb(var(--blk));
	font-family: var(--gothic);
	font-feature-settings: "palt"1;
	letter-spacing: 0.05em;
	font-weight: 400;
}

:where(input, select, textarea, button, label) {
	background: none;
	color: inherit;
	font: inherit;
	border: none;
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

:where(button, [type="button"], [type="submit"], [type="reset"], label[for]) {
	cursor: pointer;
}

:where(textarea) {
	resize: vertical;
}

:where(svg, video, iframe) {
	max-width: 100%;
}

:where(iframe) {
	display: block;
}

:where(a) {
	color: inherit;
	text-decoration: underline;
	transition: all 0.5s ease 0s;
}

:where(a:hover) {
	text-decoration: none;
	opacity: 0.6;
}