@charset "utf-8";

header#art {
	border-radius:3em;
	background:rgba(29,29,58, 0.2);
	text-align:center;
	padding:2em 0;
	margin:2em 0 5em 0;
}
header#art h1 {
	font-size:5em;font-weight:bolder;color:rgb(23,23,56);
	text-shadow: 0.08em 0.08em 0.1em rgba(0,0,0,0.2);
	margin-top:0em;
}

header#art h2 {
	font-size:2em;color:rgb(23,23,56);
}

h3 {margin-top:2em;}

ul {list-style-position : outside;}
.n01 li{margin-left:2.5em;}
.n02 li{margin-left:5em;}

.c-e, .c-d{width:48%;margin-top:2em;position:relative;}
.c-e{float:left;}
.c-d{float:right;border-left:1px solid  rgba(29,29,58, 0.25);padding-left:3%;}

.banner {margin: 2em 0 2em 2.5em;}


@media screen and (max-width: 36em) {
	.c-e, .c-d {float:none;width:100%;}
	.banner {margin: 2em auto;}
}