*,
*::before,
*::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html, body {
	width: 100%;
	height: 100%;
	font-family: "Zen Kurenaido", sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.6;
	background-color: #F9F9FA;
	color: #fff;
	font-size:16px;
	overflow-x: hidden;
}

/* ダークモード用：ユーザーがダークモード設定時に自動適用 */
@media (prefers-color-scheme: dark) {
	html, body {
		background-color: #121212;
		color: #f5f5f5;
	}

	a {
		color: #89eaff;
	}
}

img, picture, video, canvas, svg {
	display: block;
	max-width: 100%;
	height: auto;
}

a {
	color: inherit;
	text-decoration: none;
}

ul, ol {
	list-style: none;
	color:#fff;
}

button, input, textarea, select {
	font: inherit;
	background: none;
	border: none;
	outline: none;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.2;
	font-family: "Kiwi Maru", serif;
	font-weight: 400;
	font-style: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1{
	font-size:4.8vw;
}

h2,h3{
	font-size:4.2vw;
}

@media screen and (min-width:1080px){
	h1{
	font-size:2.4vw;
	}

	h2,h3{
		font-size:2.1vw;
	}
}