@charset "UTF-8";
/* ======================================================
　　　　　　　　　　　　　　　　　　　　　　　　　ベース
====================================================== */
.hiddenSP,.forPC,.forTB{display:none}
@media screen and (min-width:768px) and (max-device-width:991px){.hiddenTB,.forPC,.forSP{display:none}}
/* テキスト */
#contents h1, #home #contents h2{
	margin-bottom:.3em;
	font-size:1.5rem;
}
h2{
	font-size:1.25rem;
}
/* テーブル、リスト */
.tableBlock{
	border-bottom:none
}
.tableBlock th,.tableBlock td{
	display:block;
	width:100%;
	border:none;
	border-bottom:1px #ddd solid
}
.tableBlock th{
	text-align:left;
}
.tableScroll{
	overflow:auto;
	margin-bottom:1em;
}
.tableScroll table{
	width:auto;
	min-width:900px;
	margin-bottom:10px;
	white-space:nowrap;
}
.tableScroll::-webkit-scrollbar{
	-webkit-appearance:none;
	width:5px;
}
.tableScroll::-webkit-scrollbar-thumb{
	border-radius:4px;
	background-color:rgba(0,0,0,.3);
	box-shadow:0 0 1px rgba(255,255,255,.5);
}
/* レイアウト */
.inner{
	margin:16px;
}
.block{
	padding:1px;
}
/* ヘッダー */
#siteName img{
	max-width:152px;
}
.hMessage{
	margin-top:1em;
}
#contents:before{
	content:"";
	display:block;
	width:100%;
	height:6px;
	background:url(../img/bg_gNav.jpg) repeat;
}
a#navToggle{
  position:fixed;
	top:16px;
	right:16px;
  width:60px;
  height:60px;
	z-index:100;
  background:#008535;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	font-size:.63rem;
	text-align:center;
}
a#navToggle div{
	position:absolute;
	bottom:2px;
	left:0;
	right:0;
}
.iconToggle{
  display:block;
  position:absolute;
  top:36%;
  left:50%;
  width:40px;
  height:4px;
  margin-left:-20px;
  background:#FFF;
  transition:.2s;
}
.iconToggle:before, .iconToggle:after{
  display:block;
  content:"";
  position:absolute;
  top:50%;
  left:0;
  width:40px;
  height:4px;
  background:#FFF;
  transition:.3s;
}
.iconToggle:before{
  margin-top:-12px;
}
.iconToggle:after{
  margin-top:8px;
}
a#navToggle.active{
  background:#FFF;
	color:#008535;
	animation:fadeIn 1s ease 0s 1 normal;
	-webkit-animation:fadeIn 1s ease 0s 1 normal;
}
a#navToggle.active .iconToggle{
  background:transparent;
}
a#navToggle.active .iconToggle:before, #navToggle.active .iconToggle:after{
  margin-top:0;
  background:#008535;
}
a#navToggle.active .iconToggle:before{
  transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
}
a#navToggle.active .iconToggle:after{
  transform:rotate(-135deg);
  -webkit-transform:rotate(-135deg);
}
.spNavClose{
	background:#EEE;
	border:1px solid #CCC;
	padding:5px;
	text-align:center;
}
body.open{
	width:100%;
	height:100%;
	overflow:hidden;
}
body.open:before{
	content:"";
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	z-index:11
}
#gNav{
	display:none;
	width:95%;
	width:-moz-calc(100% - 32px);
  width:-webkit-calc(100% - 32px);
  width:calc(100% - 32px);
	background:#FFF;
	position:fixed;
	top:76px;
	right:16px;
	z-index:100;
	animation:fadeIn 1s ease 0s 1 normal;
	-webkit-animation:fadeIn 1s ease 0s 1 normal;
}
.open #gNav{
	display:block;
}
@keyframes fadeIn{0{opacity:0}to{opacity:1}}
@-webkit-keyframes fadeIn{0{opacity:0}to{opacity:1}}
.gnav1{
	margin-bottom:16px;
	background:#008535;
}
.gnav2{
	margin-bottom:16px;
	background:#ff737c;
}
.gnav3{
	background:#9561a9;
}
#gNav li{
	border-bottom:1px solid #CCC
}
#gNav a{
	color:#FFF;
	padding:10px;
}
/* フッター */
.goTopBtn a{
	padding:.3em;
	background-position:35% 50%;
}
#foot{
	padding:1px;
}
#footContact{
	margin-bottom:16px;
	border-bottom:1px solid #006729
}
/* ======================================================
　　　　　　　　　　　　　　　　　　　　　　　　　home
====================================================== */
.newsArea li .newsDate{
	display:block;
}
.bnrWrap{
	text-align:center
}
.bnrWrap a{
	text-align:center;
	margin-bottom:10px;
}
@media screen and (min-width:768px){
	.bnrWrap a:nth-child(odd){margin-right:5px;}
}
/* ======================================================
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　下層
====================================================== */
.breadcrumb ul{
	margin:16px 16px 0;
}