@charset "utf-8";

/*
====================================
全ページ共通
====================================
*/
@media screen and (max-width:480px){
	Body{
		font-size: 120%;
		overflow-wrap: break-word;
		}
	img{
		max-width: 100%;
		width: auto;
		height: auto;
		float: none;
	}
}

html{height:100%;}
Body{
	width:100%;
	height:100%;
	color:#000000;
	margin:0;
	padding:0;
	}
#All{
	width:100%;
	min-height: 100%;
	height: auto !important; 
	height:100%;
	position:relative;
	}

#Nav,
#TopickPath,
#Body,
#Footer{
	width:100%;
	}
#Body{
	margin:0 auto;
	padding-bottom:60px;
	}
#Body:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear:both; 
    visibility: hidden;
}
#Body{display: inline-block;}
/* IE-mac \*/
* html #Body{height: 1%;}
#Body{display: block;}
/* End */


/*エリア横幅まとめて指定*/
#Header,
#Attention,
#Nav .section,
#Global-nav,
#Contents,
#Footer-area{
	width:100%;
	margin:0 auto;
	}



a{color:#1b49cf;text-decoration:none;}
a:visited:not(.btn) {color:#6666cc;text-decoration:none;}
a:hover{color:#3366cc;text-decoration:underline;}

.mobile-nav li{
	padding: 10px 0;
}
.mobile-nav li .fas{
	position: absolute;
	right: 15px;
}
.mobile-nav li{
	border-top: #999 1px solid;
}
.mobile-nav li:last-child{
	border-bottom: #999 1px solid;
}

a i.fa-sort-down,
a i.fa-clone{
	margin-left: 3px;
}


/*
------------------------------------
fontawesome
------------------------------------
*/
.fa-red{
	color: #f00;
}


/*
------------------------------------
Header
------------------------------------
*/
#Header{
	margin:0 0 5px 0;
	}

#Header #header-logo img{
		width:auto;
		height:auto;
		max-width:100%;
		max-height:100%;	
		}
#Header #header-logo img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	}


#Header #head-menu{
	width:232px;
	top:11px;
	right:0;
	display: inline-block
	}
#Header #head-menu li{
	display:inline;
	padding-right: 7px;
	float: left;
	}

#mb-header .search-box .gsc-control-cse {
	border-color: #eaeaea;
	background-color: #eaeaea;
}

.search-box .gsc-control-cse {
	padding: 0;
}


#Header #font{
	text-align: right;
}
#Header #font dt{
	margin-top: 9px;
	margin-right: 5px;
	}
#Header #font dd ul{
	overflow:hidden;
}
#Header #font dd ul li {
	cursor:pointer;
}
#Header #font dd ul li.textresizer-active {
	display:none;
}

/*
------------------------------------
Nav
------------------------------------
*/
#gloval-nav .navbar {
    text-align: center;
    width: 100%;
    /* font-size: 0.9rem; */
	padding: 0;
}

#gloval-nav .navbar-nav{
	flex-wrap: wrap;
	margin-bottom: 5px;
	width: 100%;
	border-top: #a3a5aa 1px solid;
	border-bottom: #000b66 6px solid;
}

#gloval-nav .nav-item{
	background: linear-gradient(to bottom,#e9ecef , #dae0e5);	
}
@media screen and (max-width:768px){
	#gloval-nav .nav-item{
		width: 33.33% !important;
	}
	#gloval-nav .hide_on_mobile{
		display: none;
	}
	#gloval-nav .navbar-custom:not(:nth-of-type(3n)){
		border-right: 1px solid #fff;
	}
}
@media screen and (min-width:768px){
	#gloval-nav .nav-item{
		width: 20% !important;
	}
	#gloval-nav .pc_on_mobile{
		display: none;
	}
	#gloval-nav .navbar-custom:not(:nth-child(5n)) {
		border-right: 1px solid #fff;
	}
}

#gloval-nav .nav-item a {
	color: #000b66;
	white-space:normal;
	height: 100%;

	/*toggleの代わり*/
	display: block;
	padding: 0.5rem 0.5rem;
	
}
#gloval-nav .nav-item a i:nth-of-type(1) {
	margin-right: 3px;
}

#gloval-nav .nav-item a.active,
#gloval-nav .nav-link.selected {
	background: linear-gradient(to bottom,#000b66 , #0e55bc);
	color: #fff;
}

#gloval-nav .dropdown-menu{
	margin-top: 0;
	left: 0;
	right: 0;
	background-color: #000b66;
}

#gloval-nav .dropdown-menu a.dropdown-item {
	color: #fff;
	white-space: normal;;
	padding-top: 8px;
	padding-bottom: 8px;
}
@media screen and (max-width:480px){
	#gloval-nav .dropdown-menu a.dropdown-item{
		font-size: 120%;
	}
}
#gloval-nav .dropdown-menu a.dropdown-item:focus,
#gloval-nav .dropdown-menu a.dropdown-item:hover {
	background-color: #0e55bc;
}


/*
------------------------------------
トピックパス
------------------------------------
*/
#TopickPath{
	margin-bottom: 1rem
	}

#TopickPath .breadcrumb > li + li:before{
	content: ">";
}
#TopickPath .breadcrumb-item.active{
	color: #000;
}

/*
------------------------------------
メインエリア
------------------------------------
*/
#Contents{
	padding-top:15px;
	}
#Main-cont{
	padding-bottom:50px;
	background:none;
	}
#Local-nav{
	width: 100%; /*added*/
	float:left;
	border: solid;
    border-color: #d9d9d9;
	border-left-width: 2px;
	}

#Local-nav .title{
	width: 100%;
	height:56px; 
	background-size: cover; /* added */
	display:table;
	background: linear-gradient(to bottom,#e9ecef , #dae0e5); /*added*/
	}
#Local-nav .title .tit-txt{
	font-size:115%;
	font-weight:bold;
	line-height:1.3;
	text-align:center;
	vertical-align:middle;
	display: table-cell;
	}

#Local-nav ul{
	margin:0 auto;
	border-bottom:1px solid #ededed;
	padding-left: 5px;
    padding-right: 5px;
	}
#Local-nav li{
	width:100%;
	float:left;	
	}
#Local-nav li:not(:last-child){
	border-top:1px solid #ffffff;
	border-bottom:1px solid #d9d9d9;
	}

#Local-nav li a{
	font-size:93%;
	color:#000;
	line-height:1.5;
	padding:9px 5px 10px 22px;
	background:url(../image/icon01.png) no-repeat left 11px;
	display:block;
	}
#Local-nav li.on a{
	background:url(../image/icon02.png) no-repeat left 11px;
	}

#Local-nav li ul.lv2{
	background:#f5f5f5;
	border-bottom:none;
	}
#Local-nav li ul.lv2 li{
	border-top:1px dotted #b5b5b5;
	border-bottom:none;
	}
#Local-nav li ul.lv2 li a{
	color:#425fa1;
	font-weight:normal;
	padding:9px 5px 10px 22px;
	background:url(../image/icon04.gif) no-repeat 10px 15px;
	display:block;
	}
#Local-nav li ul.lv2 li a:visited{text-decoration:none;}
#Local-nav li ul.lv2 li a:hover{text-decoration:underline;}
#Local-nav li ul.lv2 li.on a{
	background:url(../image/icon05.gif) no-repeat 10px 15px;
	}
#Local-nav li .icon-pdf{
	padding-right:22px;
	background:url(../image/icon_pdf.gif) no-repeat right 1px;
	}

#Local-nav .banner{
	margin:0 auto;
	padding-top:20px;
	text-align: center; /* added */
	}
#Local-nav .banner p{
	padding-bottom:10px;
	}

#Local-nav .banner a img{
	margin-bottom: 0.5rem;
	width: 165px;
}


.navi-tab1 li{
	float:left;
}

/*
------------------------------------
フッター
------------------------------------
*/
#Footer{
	width:100%;
	bottom:0;
	margin:0;
	padding:0;
	background:#0751bb url(../image/footer_bg.gif) repeat-x left top;
	clear:both;
	color: #ffffff;
	}

#Footer-area{
	position:relative;
	}
#Footer #footer-txt #footer-message{
	font-family: serif;
    font-size: 130%;
}

#Footer #footer-txt #footer-copyright{
    font-size: 50%;
}
#Footer-area #footer-nav{
	float: right;
	}
#Footer-area #footer-nav li{
	display:inline;
	float: left;
	}
#Footer-area #footer-nav li a{
	font-size:93%;
	color:#ffffff;
	line-height:1.1;
	padding:0 0 0 41px;
	background:url(../image/icon_footer.gif) no-repeat 26px 4px;
	}
/*
トップへ戻るボタン
*/
#topBtn {
	position:fixed; /*固定*/
	bottom:20px; /*場所を右下に移動*/
	right:20px; /*場所を右下に移動*/
	display:block; /*aタグをblock要素に変更*/
	background-color:rgba(0,0,0,0.5); 
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:90%;
	width:60px;
	height:60px;
	text-align:center;
	line-height:22px;
	border-radius:30px;
	padding-top:30px;
	box-sizing:border-box;
	z-index: 999;
}
#topBtn:before {
	content:'\25B2';
	position:absolute;
	top:10px;
	left:0;
	width:100%;
	text-align:center;
	font-size:20px;
}
#topBtn:hover {
	opacity:0.7;
}

/* ------------------------------------
page back next top
------------------------------------
*/
.page-link{
	position:relative;
	font-size:93%;
	color: #000b66;
}
.page-item.active .page-link {
	background-color:#000b66;
	border-color:    #000b66;
}


#page-navi nav{
	margin: 0 auto;
}
#page-navi nav ul.pagination{
	display: inline;
}
#page-navi nav ul.pagination li.page-item{
	float: left;
}

.page-down{
	margin:0 auto 25px auto;
	padding-top:10px;
	padding-bottom:3px;
	background:url(../image/down_bg01.gif) repeat-x left bottom;
	border-bottom:1px solid #cccccc;
	overflow:hidden;
	position:relative;
	}
.page-down li{
	font-size:93%;
	line-height:1.1;
	display:inline;
	float:left;
	background:url(../image/down_bg02.gif) no-repeat right center;
	}
.page-down li a{
	padding:5px 17px 5px 22px;
	display:block;
	background:url(../image/icon_down.gif) no-repeat 9px 9px;
	}

/*
------------------------------------
item
------------------------------------
*/
#h1-item01{
	margin-bottom:20px;
	background:#ffffff url(../image/item_h1bg01.gif) repeat-x left bottom;
	border-bottom:1px solid #d7d7d7;
	position:relative;
	}
#h1-item01 h1{
	font-size:138.5%;
	font-weight:bold;
	line-height:1.5;
	padding:14px 0 11px 37px;
	background:url(../image/item_h1bg02.gif) no-repeat 20px 15px;
	border-top:3px solid #192993;
	}
#h1-item01 .rss{
	top:12px;
	right:16px;
	position:absolute;
	background-color: #192993;
	border-color: #192993;
	}
#h1-item01 .rss .fas{
	margin-right: 3px;
}

.h2-item01 h2{
	font-size:123.1%;
	font-weight:bold;
	line-height:1.5;
	color:#276700;
	margin-bottom:20px;
}
.h2-item02{
	margin-bottom:20px;
	background:#213246;
	padding:6px 20px 6px 15px;
	border-top:2px solid #182535;
	border-bottom:3px solid #e0e0e0;
}
.h2-item02 h2{
	font-size:123.1%;
	font-weight:bold;
	line-height:1.5;
	color:#fff;
	padding-left:15px;
	background:url(../image/item_h2bg01.gif) no-repeat left 2px;
}
.h2-item03{
	margin-bottom:15px;
	border-bottom:2px solid #eeeeee;
}
.h2-item03 h2{
	font-size:108%;
	font-weight:bold;
	line-height:1.5;
	padding-left:15px;
	padding-bottom:4px;
	border-bottom:1px solid #dddddd;
	background:url(../image/item_h3bg01.gif) no-repeat left 2px;
}




.h3-item01{
	margin-bottom:15px;
	border-bottom:2px solid #eeeeee;
	}
.h3-item01 h3{
	font-size:108%;
	font-weight:bold;
	line-height:1.5;
	padding-left:15px;
	padding-bottom:4px;
	border-bottom:1px solid #dddddd;
	background:url(../image/item_h3bg01.gif) no-repeat left 2px;
	}
.h3-item02{
	text-align:center;
	line-height:1.5;
	margin-bottom:20px;
	padding:20px 15px;
	border:3px solid #e6e6e6;
	}
.h3-item02 h3{
	font-size:123.5%;
	font-weight:bold;
	}
.h3-item02 h3 .txt2{
	font-size:90%;
	}




/*
------------------------------------
Skip
※目が不自由な方へのナビゲーション
------------------------------------
*/
#Skip ul{
	position:absolute;
	top: 0;
	left: -1000em;
	margin: 0;
	padding: 0;
	border-right:1px solid #999999;
	/*zoom:1;*/
	}
#Skip li{
	text-align: left;
	margin: 0;
	padding: 0;
	display:inline;
	border-left:1px solid #999999;
}
#Skip a{
	padding: 5px;
	display: inline;
	text-decoration: none;
	font-weight: bold;
	text-align:center;
	font-size:125%;
}

div.hover{
	cursor:pointer;
	}



/*
------------------------------------
Common
------------------------------------
*/
.text-ssmall{font-size:77%;line-height:1.5;}	/*11px*/
.text-small{font-size:93%;line-height:1.5;}		/*12px*/
.text-middle{font-size:108%;line-height:1.5;}	/*14px*/
.text-large{font-size:123.1%;line-height:1.5;}	/*16px*/

.font-ssmall{font-size:77%;}	/*11px*/
.font-small{font-size:93%;}		/*12px*/
.font-middle{font-size:108%;}	/*14px*/
.font-large{font-size:123.1%;}	/*16px*/


.mt05{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:30px;}

.mt-05{margin-top:-5px;}
.mt-10{margin-top:-10px;}
.mt-15{margin-top:-15px;}
.mt-20{margin-top:-20px;}

.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}


.ml1em{margin-left:1em;}
.mr1em{margin-right:1em;}

.list{text-indent:-1em;margin-left:1em;}

.float-left{float:left}
.float-right{float:right}

.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}


.section{
	padding-bottom:5px;
	}

.text-area01{
	margin-left:15px;
	margin-right:15px;
	margin-bottom:20px;
	}
.text-area02{
	margin-left:15px;
	margin-right:15px;
	margin-bottom:20px;
	padding-top:20px;
	padding-bottom:20px;
	border:1px solid #dbdbdb;
	background:#eeeeee;
	}

.table-area01{
	overflow-x: scroll;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:20px;
}
@media screen and (min-width:480px){
	.table-area01{
		overflow-y: scroll;
		max-height: 600px;
	}
}
@media screen and (max-width:480px){
	.table-area01 table{
		min-width: 900px; 
		margin-left:auto;
		margin-right:auto;
	}
}

.pic-area01{
	margin-left:15px;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px dotted #8e8e8e;
	}
.pic-area01 .pic{
	float:left;
	}
.pic-area01 .data{
	float:right;
	}





.line-area01{
	padding-bottom:10px;
	border-bottom:1px dotted #8e8e8e;;
	}


/*
------------------------------------
text
------------------------------------
*/
p.txt{
	font-size:108%;
	line-height:1.5;
	padding-bottom:0.5em;
	}
ol.txt,
ol.txt ol,
ol.txt ol ol{
	list-style-type:decimal;
	}
ol.txt li{
	font-size:108%;
	line-height:1.5;
	margin-left:2em;
	padding-bottom:0.5em;
	}
ul.txt,
ul.txt ul,
ul.txt ul ul{
	list-style-type:disc;
	}
ul.txt li{
	font-size:108%;
	line-height:1.5;
	margin-left:2em;
	padding-bottom:0.5em;
	}

ol.txt li li,
ol.txt li li li,
ul.txt li li,
ul.txt li li li{
	font-size:100%;
	line-height:1.5;
	}

.text-red01{
	color:#ff3333;
	}

.font-normal{
	font-weight:normal;
	}

/*
------------------------------------
link
------------------------------------
*/
.link-icon{
	padding:2px 0 2px 27px;
	background:url(../image/icon03.gif) no-repeat left top;
	}

a.icon-pdf{
	margin-right:10px;
	padding-right:22px;
	background:url(../image/icon_pdf.gif) no-repeat right 1px;
	}
a.icon-word{
	margin-right:10px;
	padding-right:22px;
	background:url(../image/icon_word.gif) no-repeat right 1px;
	}
a.icon-excel{
	margin-right:10px;
	padding-right:22px;
	background:url(../image/icon_excel.gif) no-repeat right 1px;
	}
a.icon-win{
	margin-right:10px;
	padding-right:20px;
	background:url(../image/icon07.gif) no-repeat right 5px;
	}


.link-box01{
	padding:13px 15px 5px 15px;
	background:#fbfbea;
	border:1px solid #ddddbe;
	}
.link-box01 li{
	font-size:108%;
	line-height:1.5;
	margin-bottom:10px;
	padding:10px 0 8px 27px;
	background:url(../image/icon03.png) no-repeat left 10px;
	}


/*
------------------------------------
list
------------------------------------
*/
ul.list01 li{
	font-size:108%;
	line-height:1.5;
	padding:10px 0 8px 27px;
	background:url(../image/icon03.gif) no-repeat left 10px;
	border-bottom:1px dotted #878787;
	}
ul.list01 li li{
	font-size:100%;
	padding-bottom:0;
	border:none;
	}




ul.list02 li{
	font-size:108%;
	line-height:1.5;
	padding:10px 0 8px 27px;
	background:url(../image/icon03.gif) no-repeat left 10px;
	}


.text-icon01{
	padding-left:18px;
	background:url(../image/icon06.gif) no-repeat left 3px;
	}


/*
------------------------------------
table
------------------------------------
*/
table.type01,
table.type02{
	border-collapse:collapse;
	border-color:#999999;
	border-style:solid;
	border-width:1px 0 0 1px;
	}
table.type01 caption,
table.type02 caption{
	text-align:left;
	font-weight:bold;
	padding-bottom:5px;
	}
table.type01 th,
table.type01 td{
	padding:5px 7px;
	border-color:#999999;
	border-style:solid;
	border-width:0 1px 1px 0;
	}
table.type02 th,
table.type02 td{
	padding:5px 2px;
	border-color:#999999;
	border-style:solid;
	border-width:0 1px 1px 0;
	}
table.type01 th.th01,
table.type02 th.th01{
	text-align:center;
	color:#ffffff;
	padding-left:2px;
	padding-right:2px;
	background:#6c6c6c;
	}
table.type01 th.th02,
table.type02 th.th02{
	background:#f2fae2;
	}
table.type01 td.td01,
table.type02 td.td01{
	font-size:80%;
	background:#f0f0f0;
	}
table.type01 td.td01 img,
table.type02 td.td01 img{
	margin-right:2px;
	vertical-align:middle;
	}

/*
------------------------------------
clear/clearfix
------------------------------------
*/
.clear{
	clear:both;
	font-size:0;
	margin:0;
	padding:0;
	height:0px;
	line-height:0;
	}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear:both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End */

.pic-area01:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear:both; 
    visibility: hidden;
}
.pic-area01{display: inline-block;}
/* IE-mac \*/
* html .pic-area01{height: 1%;}
* html .pic-area01{display: block;}
/* End */


/*
--------------------------
 アコーディオンメニュー 
 -------------------------
 */
#mb-header{
	position: relative; 
	height: 50px;
 }
#mb-header #mb-logo{
	position: absolute;
    width: 85%;
    height: auto;
}

#mb-header .menu-trigger,
#mb-header .menu-trigger span {
   display: inline-block;
   transition: all .4s;
   box-sizing: border-box;
 }
#mb-header .menu-trigger {
   position: relative;
   width: 50px;
   height: 44px;
   background-color: #eaeaea;
   border-color: #f8f8f8;
   right:4px;
   top:4px;
 }
 #mb-header .dropdown-toggle::after{
	content: none; /*bootstrapで表示される▼の打消し*/
}

#mb-header .menu-trigger span {
   position: absolute;
   left: 15%;
   /* width: 100%; */
   width: 70%;
   height: 4px;
   background-color: rgb(25, 41, 147);
   border-radius: 4px;
 }


 #mb-header .menu-trigger span:nth-of-type(1) {
	top: 3px;
  }
 #mb-header .menu-trigger span:nth-of-type(2) {
	top: 12px;
  }
  .menu-trigger span:nth-of-type(3) {
	top: 21px;
  }
 .menu-trigger p {
    position: absolute;
    color: #192993;
    left: 0;
	right: 0;
    top: 23px;
    font-size: 90%;
 }
  
  
  /*click後のスタイル*/
 #mb-header .menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(9px) rotate(-45deg);
	transform: translateY(9px) rotate(-45deg);
  }
 #mb-header .menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
  }
 #mb-header .menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-9px) rotate(45deg);
	transform: translateY(-9px) rotate(45deg);
  } 

 #mb-header .click-show {
	display: block !important;
  }
#mb-header .dropdown-menu {
	  top: 49px;
	  left: 15px;
	  right: 0px;
	  border-style: solid; 
	  border-width: 2px; 
	  box-shadow:-1px 4px 4px 2px rgba(0,0,0,0.4);
	  background-color: #eaeaea;
  }
#mb-header .dropdown-menu #accordion_menu {
	  margin: 0;
	  list-style: none;
	  padding: 0 10px;
  }
#mb-header .dropdown-menu #accordion_menu ul {
	  list-style: none;
	  padding: 0px 5px;
	  background-color: #eeeeee;
  }
#mb-header .dropdown-menu #accordion_menu li {
	  padding: 10px 0;
	  position: relative;
  }
#mb-header .dropdown-menu #accordion_menu li.divider{
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #878787;
    padding: 0;
}
#mb-header .dropdown-menu #accordion_menu li .fas {
	  position: absolute;
	  top: 46%;
	  -webkit-transform: translateY(-46%);
	  transform: translateY(-46%);
	  right: 0px;
  }
#mb-header .dropdown-menu #accordion_menu li.last {
	  border-bottom: none;
  }
#mb-header .dropdown-menu #accordion_menu li a {
	  color: #000;
	  display: block;	  
	  font-size: 120%;
	  white-space: normal;  
  }

#mb-header .dropdown-menu #accordion_menu .accordion-item{
	padding-right: 10px;
}