:root {
	--header-height: 80px;
	--share-banner-height: 53px;

	--black: #333333;
	--white: #ffffff;
	--blue: #2563eb;
	--purple: #8e24aa;
}

html,
body {
	margin: 0;
	font-family: "Noto Sans JP", sans-serif;
	overflow-x: clip;
}

* {
	box-sizing: border-box;
}

ul,
p {
	padding: 0;
	margin: 0;
}

@media (max-width: 768px) {
	:root {
		--header-height: 48px;
	}
}

.background {
	background:
		url("../images/background.png"),
		linear-gradient(90deg, #ffffff, #d6e2fc, #ffd8e4);
	background-size: cover;
}

.c-decoration {
	background: linear-gradient(90deg, var(--blue), var(--purple));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.c-decoration.c-decoration__bold {
	font-weight: bold;
}