@charset "utf-8";

body, html {	margin: 0px;padding: 0px;color: #333; width:100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;line-height: 2;	background: #f0ece8  repeat center;	background: #f0ece8  repeat center/100px;	-webkit-text-size-adjust: none;}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form {margin: 0px;padding: 0px;}
ul {list-style-type: none;}
img {border: none;max-width: 100%;height: auto;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}
iframe {width: 100%;}
.fred {color:#F00 !important;}
a:hover {text-decoration: none;	}
header {width: 100%}
header .inner {	width: 1000px;	height: 150px;	margin: 0 auto;	position: relative;}
#top header .inner {height: 630px;	background: none;}
header #logo img {	vertical-align: bottom;	width: 220px;	position: absolute;	left: 0px;	top: 30px;}
header #catch {
	vertical-align: bottom;	font-size: 30px;line-height: 40px;	position: absolute;
	left: 100px;	top: 300px;}
.news { list-style:none; width:80vw; margin:0 auto; padding:0; }
.news li { width:30%; float:left; margin:1%; padding:0; position:relative;  text-align:center; }
.news li img { max-width:380px; margin:10px 0;}
.newspdf { margin:20px 0 !important; padding:0 0 0 20px !important; text-align:left !important; border-left: #060 3px solid !important; }
.newspdf a { text-decoration:underline;}
.newspdf img { max-width:80px !important;}
#menu-box {	width: 100%;background: #4472C4;}
#menubar {	width: 1000px;	overflow: hidden;	margin: 0 auto;}
#menubar li,
#menubar-s li {	float: left;width: 20%;	background: #4472C4;-webkit-transition: 0.5s;transition: 0.5s;}
#menubar li:first-child {	margin-left: 0px;}
#menubar a,
#menubar-s a {	display: block;	text-decoration: none;
	color: #fff;font-size: 16px;border-right: 1px solid #2F528F;padding: 18px 0px 16px 90px;letter-spacing: 0.1em;}
#menubar li.menu1 a,
#menubar-s li.menu1 a {
	background: url(../images/menu1_bg_s.png) no-repeat 10px center;
	background: url(../images/menu1_bg.png) no-repeat 10px center/70px;	border-left: 1px solid #2F528F;	}
#menubar li.menu2 a,
#menubar-s li.menu2 a {
	background: url(../images/menu2_bg_s.jpg) no-repeat 10px center;
	background: url(../images/menu2_bg.png) no-repeat 10px center/70px;	}
#menubar li.menu3 a,
#menubar-s li.menu3 a {
	background: url(../images/menu3_bg_s.png) no-repeat 10px center;
	background: url(../images/menu3_bg.png) no-repeat 10px center/70px;}
#menubar li.menu4 a,
#menubar-s li.menu4 a {
	background: url(../images/menu4_bg_s.png) no-repeat 10px center;
	background: url(../images/menu4_bg.png) no-repeat 10px center/70px;}
#menubar li.menu5 a,
#menubar-s li.menu5 a {
	background: url(../images/menu5_bg_s.png) no-repeat 10px center;
	background: url(../images/menu5_bg.png) no-repeat 10px center/70px;}
#menubar span,
#menubar-s span {
	display: block;
	font-size: 10px;
	margin-top: -5px;
	letter-spacing: normal;
	color: rgba(255,255,255,0.5);
}
#menubar li:hover ,
#menubar li.current {background: #1e77b8;color: #fff;}
#menubar-s {display: none;}
#menubar_hdr {	display: none;}

#contents {
	clear: both;
	padding-top: 30px;
	background: #f0ece8;
}
#contents a {-webkit-transition: 0.5s;	transition: 0.5s;}
#contents a:hover {	color: #43acf5;	}
#contents .inner {	width: 1000px;	margin: 0 auto;}
#main {	float: left;width: 750px;padding-bottom: 30px;	overflow: hidden;}
#main h2 {	clear: both;margin-bottom: 15px;font-size: 100%;color: #FFF;
	padding: 8px 15px;	background: #1e77b8;border-bottom: 4px solid #FFF;	}
#main h3 {	clear: both;margin-bottom: 15px;font-size: 110%;padding:20px 7px; font-weight:bold	}
#main p {padding:15px 7px;}
#sub {	float: right;	width: 220px;}
#sub h2 {	font-size: 100%;padding-bottom: 10px;}
#sub h2::first-letter {	border-left: 3px solid #c38e64;padding-left: 10px;}
#sub ul.submenu {	margin-bottom: 15px;}
#sub ul.submenu li a img { width:100%}
#sub ul.submenu li a {text-decoration: none;display: block;	padding: 2px 0px;	}
footer {	clear: both;	text-align: center;	padding: 10px 0px;}
footer a {	text-decoration: none;}
footer .pr {display: block;	font-size: 80%;}

#new dl{padding-left: 15px;	margin-bottom: 15px;height: 140px;	overflow: auto;}
#new dt {	font-weight: bold;	float: left;	width: 8em;}
#new dd {	padding-left: 8em;}
.ta1 {	width: 100%;	margin-bottom: 15px;}
.ta1, .ta1 td, .ta1 th {border: 1px solid #ccc;	padding: 10px;	word-break: break-all;	background: #fff;}
.ta1 th.tamidashi {	width: auto;	text-align: left;	background: #a20a18;	color: #fff;}
.ta1 th {	width: 140px;	text-align: center;	}
.ta1 img {	vertical-align: bottom;}
.faq {	padding: 0px 15px;	}
.faq dt {	color: #43acf5;	font-weight: bold;	padding-top: 15px;}
.faq dd {border-bottom: 1px solid #fff;	border-bottom: 1px solid rgba(255,255,255,0.2);	overflow: hidden;padding-bottom: 15px;}
#pagetop {	clear: both;padding-top: 40px;}
#pagetop a {color: #333;font-size: 20px;background: #fff;text-decoration: none;	text-align: center;
	display: block;	float: right;	width: 40px;line-height: 40px;	border-radius: 20px;}
#pagetop a:hover {
	background-color: #999;	color: #FFF;}
.newicon {	background: #F00;	color: #FFF;	font-size: 10px;	padding: 0px 5px;	border-radius: 2px;	margin: 0px 5px;}
.look {background: #333;}
.mb15,.mb1em {margin-bottom: 15px;}
.clear {clear: both;}
ul.disc {padding: 0em 25px 1em;list-style: disc;}
.color1 {color: #43acf5;}
.pr {font-size: 10px;}
.wl {width: 96%;}
.ws {width: 50%;}
.c {text-align: center;}
.r {text-align: right;}
.l {text-align: left;}
img.fr {float: right;margin-left: 10px;margin-bottom: 10px;}
img.fl {float: left;margin-right: 10px;margin-bottom: 10px;}
.big1 {font-size: 30px;letter-spacing: 0.2em;}
.mini1 {font-size: 11px;}
.sh{display:none;}

@media screen and (max-width:800px){
header .inner {	width: auto;}
#top header .inner {	height: 350px;}
header #logo img {	width: 40%;	left: 50px;	top: 10px;}
header #catch {	font-size: 25px;line-height: 40px;	left: 80px;	top: 180px;	}
/*お知らせページ*/
.news li { width:100%; float:none; margin:0; }
.newspdf { width:100% !important; margin-top:0 !important;}
.newspdf img { max-width:80px !important;}
#menubar {	width: auto;}
#menubar li {	width: 50%;	margin: 0px;}
#menubar a,
#menubar-s a {	box-sizing: border-box;	-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	border-bottom: 2px solid #83cbfc;}
#sub ul.submenu { display:flex; flex-flow: row wrap;justify-content: space-between; }
#sub ul.submenu li { width:49%}
#menubar ul.ddmenu,
#menubar-s ul.ddmenu {	display: none;}
#contents .inner {	width: auto;	margin: 0px 20px;}
#main, #sub {	float: none;	width: auto;}
body.s-n #sub {	display: none;}

}

@media screen and (max-width:650px){
header .inner {	background: none;	height: 110px;}
#top header .inner {height: 280px;}
}
@media screen and (max-width:480px){
#top header {	background: url(../images/top/main.jpg) no-repeat center top;
	background-size:cover;	margin-top:0;	min-height:240px;}
header .inner {	background: none;	position: static;	height: 100px;}
#top header .inner {	height: auto;}
header #logo img {	width: 150px;	left: 30px;	top: 30px;}
header #catch {	vertical-align: bottom;	font-size: 15px;line-height: 20px;	position: absolute;	left: 40px;	top: 100px;}
#menubar-s li {	width: 100%;	margin: 0px;}
#menubar-s {display: block;}
#menubar {	display: none;}
#menubar_hdr {	display: block;	position: absolute;	top: 10px;right: 10px;	width: 30px;
	border: 1px solid #000;	border-radius: 4px;	padding: 12px 10px 5px;	background: #fff;}
#menubar_hdr span {	display: block;	border-top: 3px solid #000;	margin-bottom: 7px;	}
.ta1 th {	width: 100px;	padding: 5px;}
.ta1 td {	width: auto;	padding: 5px;}
.ws,.wl {width: 90%;}
img.fr,img.fl {float: none;margin: 0;width: 100%;}
.sh{display:block;}
.pc{display:none;}
}