@charset "utf-8";
/*リセットCSS*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body{
	display:block;
	font-size:14px;
	line-height:30px;
	margin-left:40px;
	margin-right:40px;
	color:#333;
	font-family: メイリオ,Meiryo,”ヒラギノ角ゴ Pro W3″,”Hiragino Kaku Gothic Pro W3″,”ＭＳ Ｐゴシック”,sans-serif;
}

/*ヘッダー画像設定*/
.images{
	width:100%;
	max-width: 100%;
	height:auto;
}

/*header設定*/
.main-header{
	display:block;
	margin-top: 20px;
	margin-bottom: 30px;
	padding-bottom:15px;
	border-bottom: solid 4px #a6d3c8;/*下線*/

}
/*共通バナー設定*/

/*リンクカラー*/
a:link{
  color: #0033cc;
/*  text-decoration: none;*/
}
a:visited{
  color: #0B0080;
}
.sec1 a:link{
	color:#ffffff;
   text-decoration: none;
}

.sec1 a:visited{
    color: #ffffff;
}

/*各種情報バナー*/
.sec1{
	background-color: #a6d3c8;
	border-radius: 10px;/*角の丸み*/
}
.bunner{
	display: flex;
	justify-content: space-evenly;
	text-align: center;
	margin:0px;
	padding:10px;
}

ul.bunner li{
	margin:10px;
	padding:10px; 
	list-style-type: none;

}
.bunner a{
	font-size: 16px;
	font-weight: bold;
	text-decoration:  none;
}

.bunner li:hover{
	opacity:0.5;
}

/*レスポンシブ対応*/
@media screen and (max-width: 800px) {
	.bunner{
		display: flex;
		justify-content: space-evenly;
		text-align: center;
		margin:0px;
		padding:10px;
		white-space: pre;
	}

	ul.bunner li{
		margin:10px;
		padding:10px; 
		list-style-type: none;
	}

	.bunner a{
		font-size: 12px;
		font-weight: bold;
		text-decoration:  none;
	}

}

@media screen and (max-width: 700px) {
	.bunner{
		text-align: center;
		margin:0;
		padding:0;
	}

	ul.bunner li{
		display: inline-block;
		width:100px;
		height:60px;
		padding: 0 20px;
		position:relative;
		text-align: center;
    		margin-right: 2%;
    		margin-bottom: 1.5%;
    		text-decoration: underline;
	}

	.bunner a{
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform : translate(-50%,-50%);
		transform : translate(-50%,-50%);
		width: 100px;
		text-align: center;
	}

	.bunner span{
		display: block;
		font-size: 10px;
		font-weight: bold;
	/*	vertical-align: middle;*/
	}
}
/*共通バナー設定終了*/
.head1 {
	margin-top: 20px;
	margin-bottom: 20px;
}

h1 {
	font-size: 20px;
	padding: 0.4em 0.5em;
	color: #494949;
	background: #f4f4f4;
	border-left: solid 5px #a6d3c8;
	border-bottom: solid 3px #d7d7d7;
}
h2 {
	font-size: 20px;
	margin-top: 15px;
	margin-bottom: 30px;
	margin-left: 5%;
	width: 90%;
	height: auto;
}

h2::after {
	content: "";
	display: block;
	height: 4px;
	background: -webkit-linear-gradient(to right, #a6d3c8, transparent);
	background: linear-gradient(to right, #a6d3c8, transparent);
}

/*コピーライト設定*/
#hpb-footerMain p {
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	float: left;
	line-height: 24px;
	color: #999999;
}


.info-box {
    border: 4px solid #daeced;
    padding: 2px;
    border-radius: 10px;
    width: 84%;
    margin-left: 8%;
}

.info-message {
    background: #daeced;
    border-radius: 0px;
    font-size: 16px;
    padding: 20px;
}


.info-message p {
    font-size: 16px; 
    margin: 0;
}

.text-center {
	text-align: center;
	font-weight: normal;
}
.container{
	width: 83%;
	margin: auto;
	padding: 10px;
	background: #e7fafd;
	box-shadow: #e7fafd 0 0 10px 10px;
}