@charset "UTF-8";
#title {  background-image: url("images/title-bg.jpg");}

.inner { max-width:960px;}

.art { text-align: left; padding: 20px 0;}
	.art h3 { display: flex; padding:30px 0 0 0; font-size:16px;}
	.art p { padding:10px 0 10px 0; font-size:16px;}
	.art ul { padding:0 0 10px 1em; margin: 0 0 0 1em; list-style: disc;}
		.art ul li { font-size:16px;}
	.art ol { padding:0 0 10px 2em; }
		.art ol li{ display: flex; counter-increment: cnt-ol; font-size:16px;}
		.art ol li::before{ white-space: nowrap; padding-right: 1em; content: "(" counter(cnt-ol) ")"; }
	.art li { padding:0 0 10px 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 */
}