/* ============================================================
   reset.css - 基本リセット
   ============================================================ */
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	text-rendering: optimizeLegibility;
}

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

button {
	font-family: inherit;
	cursor: pointer;
	border: none;
	background: none;
}

img {
	max-width: 100%;
}

ul {
	list-style: none;
}

/* レンジスライダー（防災シミュレーター用） */
input[type=range] {
	-webkit-appearance: none;
	appearance: none;
	height: 4px;
	border-radius: 99px; /* reason: スライダートラックのピル形状（意図的） */
	background: var(--slider-track);
	outline: none;
}

input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 22px;
	height: 22px;
	border-radius: 50%; /* reason: つまみは円形（意図的） */
	background: var(--hozon);
	cursor: pointer;
	border: 3px solid var(--cream);
	box-shadow: 0 1px 4px rgba(0, 0, 0, .25); /* reason: つまみの立体感を出す影。alpha 上限0.08 超は design-file 準拠の承認済み例外（cardlift と同種） */
}

input[type=range]::-moz-range-thumb {
	width: 18px;
	height: 18px;
	border-radius: 50%; /* reason: つまみは円形（意図的） */
	background: var(--hozon);
	cursor: pointer;
	border: 3px solid var(--cream);
}