*{
margin: 0;
padding: 0;
}
html { scroll-behavior: smooth;}

#container{
	width: 1360px;
	margin: 0 auto;
	background: #fff;
}
body{
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic","Osaka",Verdana,Arial,Helvetica,sans-serif;
	line-height:1.6;
	color: #444;
	background:#fff url(../image/2022-top-body.png) repeat-x center 100px;
}
@media (max-width: 1340px) {
 body {
  zoom: 90%;
 }
}
img{
	border:none;
}
li{
	list-style:none;
}
a{
	color: #006CB8;
}
a:hover{
	color: #92B726;
}
h1,h2,h3,h4{
	font-size:20px;
	font-weight:normal;
}
.R{
	margin: 0 0 0 10px;
	vertical-align: super;
}


#container{
	padding: 118px 0 0 0;
	width: 1360px;
	margin: 0 auto;
	position:relative;
}
header{
	width: 1360px;
	height: 118px;
	position: absolute;
	top: 0;
	left: 0;
}
header h1{
	width: 210px;
	height: 55px;
	margin: 14px 0 5px 0px;
	position: relative;
}
header h1 a{
	position: absolute;
	top:0;
	left:0;
	width: 210px;
	height: 55px;
	background: url(../image/2022-header-rogo.png);
	text-indent: -5555px;
}
header p{
	text-indent:-4em;
	padding: 0 0 0 4em;
	font-size:14px;
	line-height:1.2;
}
#main_nav{
	position: absolute;
	top:55px;
	left: 310px;
	width: 1050px;
	height: 52px;
	overflow: hidden;
}
#main_nav li{
	width: 210px;
	height: 52px;
	float: left;
	overflow: hidden;
	position: relative;
}
#main_nav a{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width:210px;
	height: 52px;
	text-indent: -5555px;
	background-image: url(../image/2022-header-menu2.png);
	transition: all 0.3s ease-out;
}
#navi1{background-position:0 0;}
#navi2{background-position:-210px 0;}
#navi3{background-position:-420px 0;}
#navi4{background-position:-630px 0;}
#navi5{background-position:-840px 0;}

#main_nav a:hover{
	background-position-y: -52px;
}

#sub_nav{
	position:absolute;
	top: 18px;
	left: 310px;
	width: 940px;
	text-align: right;
}
#sub_nav li{
	display: inline;
	position: relative;
}
#sub_nav .small{
	position: absolute;
	top: -14px;
	font-size:12px;
	display: inline-block;
	white-space: nowrap;
}
#sub_nav li:after{
	content:"|";
	padding: 0 0 0 0.5em;
}
#sub_nav li:last-child:after{
	content:"";
}
#seal{
	position: absolute;
	right: 0;
	top: 2px;
}


footer{
	background:#E9F2FA;
	padding:70px 0px;
}
#footInner{
	width: 1300px;
	margin: 0 auto;
	position:relative;
	display:flex;
	justify-content: space-between;
	position: relative;
}
footer h1{
	position:absolute;
	top:-50px;
	left:0px;
}
.footerBox{
	width:310px;
}
.footerBox2{
	width:520px;
	background: #fff;
	border:2px #83B9E4 solid;
	border-radius:8px;
	padding: 20px;
}
.footerBox h2,
.footerBox2 h2{
	border-bottom:1px #999 solid;
	margin:0 0 15px;
}
.footerBox li{
	margin:0 0 8px;
}
.footerBox li a{
	display:block;
	border:1px #83B9E4 solid;
	border-radius:5px;
	width:280px;
	padding:3px 10px 0;
	line-height:1.2;
	text-decoration:none;
	background:#fff;
}
.footerBox li span{
	display:block;
	font-size:12px;
}

.footerBox2 p{
	background:url(../image/2025-foot-address.png) no-repeat;
	padding: 150px 0 0 0;
}
#footerBot{
	position:absolute;
	bottom:-50px;
	left:0px;
	width:1360px;
}
#footerBot li{
	display: inline-block;
}
#footerBot li:after{
	content:"｜";
}
#footerBot li:last-child:after{
	content:"";
}
#footerBot address,
#footerBot ul{
	display: inline-block;
	font-style: normal;
	padding:0 20px;
} 
.cf:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}