@charset "UTF-8";

.inner { max-width:960px;}

.art { text-align: left; padding: 20px 0;}
	.art h3 { display: flex; padding:30px 0 0 0; font-size:16px; counter-increment:cnt-h3;}
		.art h3::before { display: inline-block; width:2em; text-align: right; padding-right: .5em; white-space: nowrap; content:counter(cnt-h3)"."; }
	.art p { padding:.5em 0 .5em 2em; font-size:16px;}
		.art p:first-child { padding-left:0 !important;}
	.art ol { padding:0 0 .5em 2em; }
		.art ol li{ display: flex; counter-increment: cnt-ol;}
		.art ol li:before{ white-space: nowrap; padding-right: 1em; content: "(" counter(cnt-ol) ")"; }
	.art li { padding:0 0 .5em 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 */
}