@charset "UTF-8";

.art { text-align: left; padding:0 0 20px 2em;}
	.art h3 { display: flex; padding:30px 0 0 3em; font-size:16px; counter-increment:cnt-h3;}
		.art h3::before { display: inline-block; width:3em; white-space: nowrap; content: "【" counter(cnt-h3) "】"; float: left; margin-left: -3em;}
	.art p { padding:.5em 0 .5em 0; font-size:16px;}
		.art p:first-child { padding-left:0 !important;}
	.art ul { padding:.5em 0 .5em 2em; margin-left:3em; font-size:16px; list-style: disc;}
	.art li { padding:0 0 0 0; font-size:16px}

@media all and (min-width:320px) {
	/* 320px+ settings */
}

@media all and (min-width:640px) {
	/* 640px+ settings */
}

@media all and (min-width:960px) {
	/* 960px+ settings */
}

@media all and (min-width:1200px) {
	/* 1200px+ settings */
}