/*  --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:#004ea2;
}

/*  --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%;
	background:#fff;
}
section{
	margin:0 auto;
	max-width:750px;
	padding:0 0 50px;
}
p{
	line-height:1.75;
}
strong{
	font-weight:bold;
	color:#000;
}
.btm{
	padding-bottom:40px;
}

/* --INTRO-- */
.topimage{
	display:block;
	width:auto;
	height:200px;
	border-radius:10px;
	margin:10px auto 20px;
}

/* --BTN-- */
.btn, .dl{
	text-align:center;
}
.btn a{
	display:inline-block;
	width:270px;
	padding:10px;
	margin:0 10px 15px;
	font-size:16px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	border-radius:5px;
	background:#5499f8;
	border-bottom:solid 1px #2d67c6;
	-webkit-transition-property:background,border-bottom;
	-webkit-transition-duration: 0.25s;  
	-webkit-transition-timing-function: linear;
	transition-property:background,border-bottom;  
	transition-duration: 0.25s;  
	transition-timing-function: linear;
}
.btn a:hover{
	background:#82ccfb;
	border-bottom:solid 1px #82ccfb;
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.5));
}
.dl a{
	margin:0 10px;
	-webkit-transition-property:background,border-bottom;
	-webkit-transition-duration: 0.25s;  
	-webkit-transition-timing-function: linear;
	transition-property:background,border-bottom;  
	transition-duration: 0.25s;  
	transition-timing-function: linear;
}
.dl a:hover{
	opacity:0.5;
}

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