/*  --BASIC-- */
*{
	margin:0;
	padding:0;
}
html{
	font: 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
}
body{
	padding:0;
	margin:0;
	background:#fff;
}
a{
	color:#004ea2;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}

/*  --HEADER-- */
header{
	background:#004ea2;
	padding:15px 5%;
}
h1{
	text-align:center;
	color:#fff;
	font-size:16px;
	line-height:1.2;
}
@media (min-width: 500px){
	h1{
		font-size:22px;
		padding:5px 0;
	}
}

/*  --CONTENTS-- */
article{
	padding:20px 5%;
	margin:0 auto;
	max-width:750px;
}
section{
	padding:0 0 50px;
}
h2{
	background:#dbe4ee;
	border-radius:3px;
	padding:4px 8px;
	margin:0 0 10px;
	color:#000;
	font-size:16px;
	box-sizing:border-box;
	border-left:solid 7px #004ea2;
}
h3{
	color:#004ea2;
	font-size:14px;
	border-bottom:dashed 1px #004ea2;
	padding:0 0 2px;
	margin:0 0 10px;
}
.btm{
	padding-bottom:20px;
}

/*  --FOOTER-- */
footer{
	background:#004ea2;
	padding:15px 5%;
}
footer p{
	text-align:center;
	color:#fff;
	font-size:10px;
	line-height:1.5;
}