*,
*::after,
*::before {
	font-family: sans-serif;
	/* ベースフォントを設定 */
}
/* ゆっくり遷移する */
html {
	scroll-behavior: smooth;
}
body {
	margin: 0;
}

/* 使用する色を設定 */
:root {
	--txt: #000;
	--acs: #ff4f4f;
	--bg: #ddd;
	--bl: #5900ff;
}

/* タブキーでハイライトする色を設定 */
:focus-visible {
	outline-color: var(--acs);
}
/* listの中黒の色を設定*/
::marker {
	color: var(--acs);
}

:is( ::-webkit-calendar-picker-indicator
	/* inputのカレンダーアイコンの設定 */
	,
	::-webkit-clear-button
	/* inputの削除ボタン */
	,
	::-webkit-inner-spin-button
	/* input numberの大小を調整するボタン */
	,
	::-webkit-outer-spin-button
	/* input numberの大小を調整するボタン */
) {
	color: var(--acs);
}
input {
	accent-color: var(--acs);
}

a,
a:hover,
a img,
a:hover img,
a p,
a:hover p,
a span,
a:hover span {
	transition: .3s;
}
p,
span,
a,
h1,
h2,
h3,
h4,
h5,
h6,
li,
input,
label {
	font-family: 'Noto Sans JP', sans-serif;
}

@media (max-width: 1200px) {}

@media (max-width: 999px) {}

@media (max-width: 600px) {}

/* font end */