@charset "UTF-8";
/* ============================================================
   リセット
   段階1は「見た目を変えない」ため、旧 layout.css のリセットと同じ内容にしている
   （box-sizing を全体で border-box にする、などの一般的なリセットは段階2で入れる）
   ============================================================ */
@layer reset {
	h1, h2, h3, h4, h5, h6, p, div, address, dl, dt, table, caption, th, td, img, form {
		margin: 0;
		padding: 0;
		border: none;
		font-style: normal;
		font-weight: var(--fw-reset);
		list-style-type: none;
		line-height: 1;
	}
	span {
		margin: 0;
		padding: 0;
		border: none;
		font-style: normal;
	}
	ul, ol, li {
		margin: 0;
		padding: 0;
		border: none;
		font-style: normal;
		font-weight: normal;
		list-style-type: none;
		text-align: left;
	}
	dl, dt, dd {
		text-align: left;
		line-height: 1.6;
	}
	img {
		vertical-align: bottom;
		line-height: 1;
	}
	table {
		line-height: 1.7;
		letter-spacing: 0.3px;
	}
	td, th {
		line-height: 1.7;
	}

	/* PC だけ・スマホだけの出し分け（旧 sp.css と同じ）
	   ここだけ !important を使う。リセットの層に置くことで、ほかのどの層の !important よりも強くなる */
	/* .pc は PC では何も指定しない（各部品の display をそのまま使う）。旧 CSS と同じ */
	@media (max-width: 767.98px) {
		.pc { display: none !important; }
		.sp { display: block !important; }
	}
	@media (min-width: 768px) {
		.sp { display: none !important; }
	}
}