@charset "utf-8";
*{
	margin:0px;
	padding:0px;
	font-style:normal;
	font-size:medium;
	text-decoration:none;
	box-sizing:border-box;
	border:none;
	scroll-behavior:smooth;
}

body{
	background-color:#000000;
	color:#ffffff;
}

header{
	width:960px;
	height:320px;
	margin:0px auto;
	background-image:url(../img/banner.jpg);
	background-position:center top;
	background-size:100% auto;
	background-repeat:no-repeat;
}
header h1{
	width:100%;
	height:100%;
	text-indent:-9999em;
}

main{
	width:960px;
	margin:0px auto;
}

h2{
	width:100%;
	padding:0.5em;
	background-color:#0d95c5;
	border:1px solid #5cc5f5;
	font-weight:bold;
	font-size:large;
	text-align:center;
}

h3 ,h4{
	width:auto;
	margin:2.4em 0.5em 0.8em 0.5em;
	padding:0.5em 1em;
	background-color:#0d5595;
	font-weight:bold;
}

p ,address{
	padding:0.8em 2em;
	line-height:1.6em;
}

a:link{
	color:#ffff00;
	text-decoration:underline;
}
a:visited{
	color:#ffff00;
	text-decoration:underline;
}
a:hover{
	color:#ffff00;
	text-decoration:none;
}
a:active{
	color:#ffff00;
	text-decoration:none;
}

ul{
	margin:0.8em 3em;
	line-height:1.6em;
	list-style-position:inside;
}

footer{
	width:960px;
	margin:2.4em auto 0px auto;
	background-color:#08094A;
}
footer div{
	width:100%;
	text-align:center;
	font-size:small;
	line-height:5em;
}
/* ----- 画面サイズ：960px未満 ----- */
@media screen and (max-width:960px)
{
	header{
		width:100vw;
		height:33.3vw;
	}
	main ,footer{
		width:100vw;
	}
}