/*
font
*/
@font-face {
	font-family: "Noto Sans JP";
	src: url("../font/NotoSansJP-VariableFont_wght.woff2") format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Noto Serif JP";
	src: url("../font/NotoSerifJP-VariableFont_wght.woff2") format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Titillium Web";
	src: url("../font/TitilliumWeb-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
/*
config
*/
:root {
	--font-serif: "Noto Serif JP",serif;
	--font-sans: "Noto Sans JP",sans-serif;
	--font-en: "Titillium Web",sans-serif;
}
/*
html body
*/
html {
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: #fff;
	> body {
		margin: 0;
		font-family: var(--font-sans);
		font-feature-settings: "palt" 1, "pkna" 1;
		letter-spacing: 0.05em;
		line-break: strict;
		overflow-x: hidden;
		background-color: #fff;
		min-height: 100vh;
		scroll-behavior: smooth;
		text-rendering: optimizeSpeed;
	}
}
/*
cover
*/
section.cover {
	pointer-events: none;
	position: fixed;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100svh;
	@media (width < 700px) {
		display: none;
	}
	> img {
		width: 100%;
		height: 100%;
		object-fit: fill;
	}
}