@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:#ffffff;
	color:#000000;
}


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

h2{
	width:100%;
	padding:0.5em;
	background-color:#45c8e3;
	font-weight:bold;
	font-size:large;
	color:#ffffff;
}

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:3em auto 0px auto;
	background-color:#007fba;
	color:#ffffff;
}
footer div{
	width:100%;
	text-align:center;
	font-size:small;
	line-height:5em;
}

.center{
	text-align:center;
}
.mgt_1em{
	margin-top:1em;
}
.mgt_2em{
	margin-top:2em;
}
.mgt_3em{
	margin-top:3em;
}

.w100{
	width:100%;
}
.w90{
	width:90%;
}
.w80{
	width:80%;
}



/* ----- 画面サイズ：960px未満 ----- */
@media screen and (max-width:960px)
{
	header{
		width:100vw;
	}
	main ,footer{
		width:100vw;
	}
}