@charset "utf-8";
* {
  margin: 0px;
  padding: 0px;
}
body {
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 300;
  vertical-align: baseline;
  letter-spacing: .5px;
  line-height: 2;
	color: #314051;
}
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  border-radius: 2px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-thumb {
  background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
  border-radius: 50px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
}

/* 文字選択したときの背景色を変える */ ::selection {
  background: #DEDEF4;
}
::-moz-selection {
  background: #DEDEF4;
}
a:hover:not(.linkbtn) {
  color: #59A7DE;
  text-decoration: underline;
}
a {
  border-width: 0px;
  text-decoration: underline;
  color: #59A7DE;
}
a:link:not(.linkbtn) {
  color: #59A7DE;
  /*	text-decoration:underline; */
}
a:visited:not(.linkbtn) {
  color: #59A7DE;
  text-decoration: underline;
}
a:hover:not(.linkbtn) {
  color: #59A7DE;
  text-decoration: underline;
}
b {
  /*	color: rgb(42,47,136);*/
  font-weight: 500;
}
p {
  text-align: justify;
  word-break: break-all;
}
.link_targetblank:after {
	font-weight: 900;
  content: "\f360";
  font-family: "Font Awesome 5 Free";
  padding-left: 5px;
  color: #91B6DC;
}
.link_pdf:after {
  content: "\f1c1";
  font-weight: 400;
  font-family: "Font Awesome 5 Free";
  padding-left: 5px;
  color: #BD2E30;
}
.link_excel:after {
  content: "\f1c3";
  font-weight: 400;
  font-family: "Font Awesome 5 Free";
  padding-left: 5px;
  color: #337F47;
}
.link_word:after {
  content: "\f1c2";
  font-weight: 400;
  font-family: "Font Awesome 5 Free";
  padding-left: 5px;
  color: #4065B0;
}
.link_youtube:after {
  content: "\f03d";
  font-weight: 400;
  font-family: "Font Awesome 5 Free";
  padding-left: 5px;
  color: #4065B0;
}
img {
  border-width: 0px;
}
em {
  font-style: normal; /*IE対策*/
  font-weight: 500;
}
ul, li, ol {
  list-style: none;
}
div, p, h1, h2, h3, h4 {
  margin: 0px;
  padding: 0px;
  font-size: 1em;
}
strong {
  font-weight: 600;
}
.center{
	text-align: center;
	margin: 0 auto;
}
.kakudai{
	font-size: .8em;
	margin-top: -1em;
}
/* ------------------------------
   クリッカブルマップ(レスポンシブ対応)
-----------------------------*/
img[usemap] {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
/*----------------------------------------
目次ページ（共通）
-----------------------------------------*/
ul.l_department_list {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
		grid-gap: 10px;
}
ul.l_department_list li {
		display: block;
		width: auto;
}
ul.l_department_list a {
		/*矢印の基点とするためrelativeを指定*/
		position: relative;
		/*ボタンの形状*/
		text-decoration: none;
		display: block;
		width: auto;
		border: 1px solid #a9cf52;
		color: #88A83D !important;
		padding: 15px 40px 15px 30px;
		text-align: center;
		outline: none;
		/*アニメーションの指定*/
		transition: ease .2s;
}
ul.l_department_list a:hover {
		background: #F4FFDC !important;
		text-decoration: none !important;
}
ul.l_department_list {
		box-sizing: border-box;
		width: 100%;
		margin: 0 auto;
}
ul.l_department_list a::after {
		content: '';
		/*絶対配置で矢印の位置を決める*/
		position: absolute;
		top: 42%;
		right: 16px;
		/*矢印の形状*/
		width: 5px;
		height: 5px;
		border-top: 2px solid #8FB875;
		border-right: 2px solid #8FB875;
		transform: rotate(45deg);
		/*アニメーションの指定*/
		transition: all .3s;
}
/*hoverした際の移動*/
ul.l_department_list a:hover::after {
		right: 11px;
}
ul.l_department_list li{
    position: relative;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;  
    margin-bottom: 2em;  
    width: auto;
    border: 1px solid #a9d181;
    color: #8FB875 !important;
    padding: 15px 40px 15px 30px;
    text-align: center;
    font-weight: bold;
}
@media (max-width: 768px) {
	ul.l_department_list li{ 
		margin-bottom: 0;}
}