@charset "UTF-8";

#title { width: 100%; display: flex; justify-content: center; align-items: center; min-width: 1280px; height:200px; background: no-repeat center / cover; color:#000;}
	#title h1 { width: 1000px; font-size:20px; text-align: left; margin: 0; font-weight: normal;}
		#title h1:after { display: block; color:#009D42; padding:0 0 0 2px; font-size: 14px; font-family: Arial, Helvetica, "sans-serif";}

#layout { display: block; width:940px; padding:20px 0 ; margin: 0 auto; text-align: left; }

h2.title { padding: 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #999; text-align: left; font-size: 18px;}

.titlebox  { padding: 40px 0 0 0;}
	.titlebox h1 { font-size:22px;}

.pageanchor { padding: 40px 0 0 0;}
	.pageanchor ul { display: flex; flex-wrap: wrap;}
		.pageanchor li { display: inline-block; padding:.5em 3em .5em 0; white-space: nowrap; }
		.pageanchor li::before { content:"〉";}
		.pageanchor a { color:#333; text-decoration: none;}
			.pageanchor a:hover { color:#009D42; text-decoration: underline;}