#main-content{
	min-height: 400px;
}
#mainvisual{
	padding-top: 62px;
	text-align: center;
	height: 175px;
	background-image: none;
	border: none;
	/* background-color: #C7E2B7; */
}
#mainvisual h1{
	font-size:2.2em;
}
@media screen and (max-width: 768px) {
#mainvisual{
height:auto;
min-height:130px;
}
}
.gnav-sub .active a{
	background: #fff;
	border-top: 1px solid #A7A7A7;
	border-left: 1px solid #A7A7A7;
	border-right: 1px solid #A7A7A7;
	border-bottom: 1px solid #b7e4ff;
}
#breadcrumb{
	padding: 10px 0;
	background: #B7E4FF;
	margin-bottom: 20px;
	top: 42px;
	position: relative;
}

#breadcrumb ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  list-style: none;
  margin: 0 auto;
}
#breadcrumb ul li a,
#breadcrumb ul li span {
  font-size: 0.8125rem;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  margin-right:10px;
}
#breadcrumb ul li a,#breadcrumb ul li span{
	position:relative;
	padding-left:20px
}
#breadcrumb ul li a:after,#breadcrumb ul li span:after {
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 1px #666666;
  border-right: solid 1px #666666;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
}
#breadcrumb ul li a:hover {
  text-decoration: underline;
}
#breadcrumb ul li:first-child a{
	padding-left:0;
}
#breadcrumb ul li:first-child a:after{
	display:none;
}
@media screen and (max-width: 768px) {
#breadcrumb ul li a, #breadcrumb ul li span{
	font-size: 0.75rem;
}
}

 h2 {
  position: relative;
  padding: 20px 20px 10px;
  border-bottom: solid #DDDDDD 2px;
  font-family: "Yu Mincho", "YuMincho", serif;
  font-size: 1.4em;
  font-weight: bold;
}
 h2:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 2px;
  background-color: #741E14;
  display: block;
  width: 20%;
  z-index: 2;
}
 h2:after {
  width: 100%;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 2px;
  background: #DDDDDD;
}
h3 {
	font-size: 125%;
	font-weight: bold;
	margin: 30px 0 24px 0;
	padding: 11px 5px 10px 12px;
	background: #d4eaf8;
}

 h4 {
  font-size: 110%;
  margin: 0 0 1em;
  line-height: 1.2em;
  position: relative;
  font-weight: 700;
  letter-spacing: .08em;
  padding: 2px 0 0 15px;
}
h4:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-left: 4px solid #741e14;
  height: 100%;
}
#sub-cont dt{padding: 10px 0;border-bottom: 1px dashed #ddd;}
#sub-cont dt a{font-size: 1.2em;padding: 10px 5px 10px 20px;position: relative;}
#sub-cont dt a:before{
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 1px #741e14;
  border-right: solid 1px #741e14;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
}
#sub-cont dt a:after{
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 1px #741e14;
  border-right: solid 1px #741e14;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 4px;
  margin-top: -4px;
}
#sub-cont dd{margin: 0;padding-left: 10px;}
#sub-cont dd a{padding: 10px 10px 10px 15px;position: relative;display: block;}
#sub-cont dd a:before{
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 1px #741e14;
  border-right: solid 1px #741e14;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
}
#sub-cont dd a:hover:before,#sub-cont dt a:hover:before{
	  left: 2px;
}
#sub-cont dt a:hover:after{
			  left: 6px;
}
/*ニュース一覧
--------------------------------------------------*/
.top-box a{
	color: #000;
	line-height: 1rem;
}
.top-box article{
	padding: 30px 20px 10px;
	border-bottom: dashed 1px #ccc;
}
.top-box article a:hover{
	text-decoration:none;
	color: #999;
}
.top-box time{
	font-size: 0.9em;
}
/*テーブル設定
--------------------------------------------------*/
table {
	margin-top: 20px;
}
table {
	border-bottom: solid 1px #BBBBBB;
	border-left: solid 1px #BBBBBB;
	border-right: none;
	border-top: none;
	border-collapse: collapse;
	/* width: 100%; */
}
@media screen and (max-width: 900px) {
	#sub table {
		width: 100%!important;
	}
}
table caption { 
	color: #4b4b4b;
	font-weight: bold;
	text-align: left;
	padding: 0;
	margin-top: 10px;
}
table thead th {
	background: #d9cccb;
	color: #741e14;
	font-weight: bold;
}
table th {
	padding: 5px;
	border-bottom: none;
	border-left: none;
	border-right: solid 1px #BBBBBB;
	border-top: solid 1px #BBBBBB;
	background: #F0F0F0;
	font-weight: bold;
	text-align: center;

}
table td {
	padding: 5px;
	border: solid 1px #BBBBBB;
	background: #fff;
}
@media screen and (max-width: 768px) {
table {
	font-size:0.75em;
}
}
/*リスト設定
--------------------------------------------------*/
dl, ol, ul{
	margin: 0;
	padding: 0;
}
ul li{
	list-style: none;
}
.list-f:after, .list-two:after, .list-three:after, .list-four:after, .list-fs:after, .linklist-f:after, .linklist-two:after, .linklist-three:after, .linklist-four:after, .linklist-fs:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.list-f, .list-two, .list-three, .list-four, .list-fs, .linklist-f, .linklist-two, .linklist-three, .linklist-four, .linklist-fs {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .list-f, * html .list-two, * html .list-three, * html .list-four, * html .list-fs, * html .linklist-f, * html .linklist-two, * html .linklist-three, * html .linklist-four, * html .linklist-fs {
	height: 1%;
}
.list-f, .list-two, .list-three, .list-four, .list-fs, .linklist-f, .linklist-two, .linklist-three, .linklist-four, .linklist-fs {
	display: block;
}
/*---- リストアイコン基本設定 ----*/
.list, .list-f, .list-two, .list-three, .list-four, .list-s, .list-fs {
	margin: 10px 0 0 10px;
}
/*リスト大*/
.list li, .list-f li, .list-two li, .list-three li, .list-four li {
	padding: 1px 0 1px 18px;
	position: relative;
}
.list li:before, .list-f li:before, .list-two li:before, .list-three li:before, .list-four li:before {
	content:"";
	background: #FFD9D9;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	display: block;
	left: 0;
	position: absolute;
	top: .5em;
}
/*リスト小*/
.list-s li, .list-fs li {
	position: relative;
	padding: 1px 0 1px 18px;
}
.list-s li:before, .list-fs li:before {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: 2px;
	width: 7px;
	height: 1px;
	background-color: #666;
}
/*---通常リスト---*/
.list li {
}
/*通常リスト:横並び*/
.list-f li {
	white-space: nowrap;
	float: left;
	padding-right: 20px;
}
/*通常リスト:2カラム*/
.list-two li {
	float: left;
	width: 45%;
	margin-right: 1%;
}
/*通常リスト:3カラム*/
.list-three li {
	float: left;
	width: 28%;
	margin-right: 1%;
}
/*通常リスト:4カラム*/
.list-four li {
	float: left;
	width: 21%;
	margin-right: 1%;
}
/*通常リスト:小さめ*/
.list-s li {
}
/*通常リスト:横並び(小さめ)*/
.list-fs li {
	white-space: nowrap;
	float: left;
	padding-right: 20px;
}
/*入れ子にしたとき、画像が出てしまうのを防ぐ*/
.none li {
	background: none;
	padding-left: 0px;
}
/*---- リンクリストアイコン基本設定 ----*/
/* リスト大 */
.linklist, .linklist-f, .linklist-two, .linklist-three, .linklist-four {
	margin: 10px 0 0 10px;
}
.linklist li, .linklist-f li, .linklist-two li, .linklist-three li, .linklist-four li, p.link {
position:relative;
	padding: 1px 0 1px 16px;
}
.linklist li:before, .linklist-f li:before, .linklist-two li:before, .linklist-three li:before, .linklist-four li:before, p.link:before {
  display: block;
  content: '';
  position: absolute;
  z-index: 2;
  top: .625em;
  left: 4px;
  width: 4px;
  height: 4px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


.linklist li:after, .linklist-f li:after, .linklist-two li:after, .linklist-three li:after, .linklist-four li:after, p.link:after {
  display: block;
  content: '';
  position: absolute;
  top: .35em;
  left: 0;
  width: 14px;
  height: 14px;
  background-color: #741e14;
  border-radius: 100%;
}
/* リスト小 */
.linklist-s, .linklist-fs {
	margin: 10px 0 0 10px;
}
.linklist-s li, .linklist-fs li {
    position:relative;
	padding: 1px 0 1px 16px;
}
.linklist-s li:before, .linklist-fs li:before {
  display: block;
  content: '';
  position: absolute;
  z-index: 2;
  top: .7em;
  left: 4px;
  width: 4px;
  height: 4px;
  border-right: 1px solid #741e14;
  border-bottom: 1px solid #741e14;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*---- リンクリスト ----*/
.linklist li {
}
/*リンクリスト：横並び*/
.linklist-f li {
	white-space: nowrap;
	float: left;
	padding-right: 20px;
}
/*リンクリスト：2カラム*/
.linklist-two li {
	float: left;
	width: 45%;
	margin-right: 1%;
}
/*リンクリスト：3カラム*/
.linklist-three li {
	float: left;
	width: 28%;
	margin-right: 1%;
}
/*リンクリスト：4カラム*/
.linklist-four li {
	float: left;
	width: 21%;
	margin-right: 1%;
}
/*リンクリスト:小さめ*/
.linklist-s li {
}
/*リンクリスト：横並び(小さめ)*/
.linklist-fs li {
	white-space: nowrap;
	float: left;
	padding-right: 20px;
}
/*---- 単体リンク ----*/
p.link {
}

#banner {
	border-top: 10px solid #B7E4FF;
		    margin-top: 50px;
}
#gnav-sub{
	border-bottom: 2px solid #A7A7A7;

}
/*----- カラーボックス -----*/

.box01, .box02, .box03, .box04, p {
	padding-top: 5px;
}
.box01, .box02, .box03, .box04 {
	padding: 15px;
	margin: 20px 0;
	min-height: 50px;
}
/*グレー 補足ボックス*/
.box01 {
	border: #666666 1px dashed;
	background: #F3F3F3; /* Old browsers */
}
.box01 .box-midashi {
	border-left: 6px solid #999999;
	color: #333333;
	font-size: 100%;
	line-height: 100%;
	margin: 10px 0px 10px 0px!important;
	padding: 2px 5px 2px 10px;
	font-weight: bold;
	background: none!important;
	border-bottom: none;
}
/*青 リンクボックス*/
.box02 {
    border: #f6d6a7 1px dashed;
    background: #ffe7c4;
}
/*2020 12月追加*/
.box02 .box-midashi {
	border-left: 6px solid #4a2070;
	color: #333333;
	font-size: 100%;
	line-height: 100%;
	margin: 10px 0px 10px 0px;
	padding: 2px 5px 2px 10px;
	font-weight: bold;
	background: none;
	border-bottom: none;
}
/*黄色 強調ボックス*/
.box03 {
	border: #32AE83 1px dashed;
	background: #F3F9F6;
}
/*レッドライン 注意?警告*/
.box04 {
	border: #801A1F 1px dashed;
	background: #fff;
}
.box04 .box-midashi {
	font-size: 100%;
	line-height: 100%;
	color: #801A1F;
	padding: 2px 5px 2px 10px;
	border-left: solid #801A1F 6px;
	margin-bottom: 10px;
	font-weight: bold;
	background: none;
}