/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@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: #4A3D3B;
	font-size: clamp(0.938rem, 0.869rem + 0.34vw, 1.125rem);
	line-height: 1.8;
}
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-thumb {
  background:#FFE0B5;
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
          box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
}
/* 文字選択したときの背景色を変える */ ::-moz-selection {
  background: #F4EDDE;
} ::selection {
  background: #F4EDDE;
}
::-moz-selection {
  background: #F4EDDE;
}
a:hover:not(.linkbtn) {
  color: #F0A78B;
  text-decoration: underline;
}
a {
  border-width: 0px;
  text-decoration: underline;
  color: #F0A78B;
}
a:link:not(.linkbtn) {
  color: #F0A78B;
  /*	text-decoration:underline; */
}
a:visited:not(.linkbtn) {
  color: #F0A78B;
  text-decoration: underline;
}
a:hover:not(.linkbtn) {
  color: #F0A78B;
  text-decoration: underline;
}
b {
  /*	color: rgb(42,47,136);*/
  font-weight: 500;
}
p {
  text-align: justify;
  word-break: break-all;
	margin-bottom: 1em!important;
}
/* .link_targetblank:after {
  font-weight: 900;
  content: "\f360";
  font-family: "Font Awesome 5 Free";
  padding-left: 5px;
  color: #FD8AA6;
}
.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;
} */
 /* アイコンはリンクの拡張子で判定 */
a[target="_blank"]::after,
a.link_targetblank::after{
  content: "";
  width: 1.1em;
  height: 1.1em;
  display: inline-block;
  background: url(../image/common/ico-targetblank.svg) no-repeat center / contain;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: middle;
  font-size: .8em;
}
a[href*=".pdf"]::after,
a.link_pdf::after{
  content: "";
  width: 1em;
  height: 1em;
  display: inline-block;
  background: url(../image/common/ico-pdf.svg) no-repeat center / contain;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: middle;
  font-size: 1em;
}
a[href*=".xlsx"]::after,
a.link_excel::after {
  content: "";
  width: 1em;
  height: 1em;
  display: inline-block;
  background: url(../image/common/ico-excel.svg) no-repeat center / contain;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: middle;
  font-size: 1em;
}
a[href*=".doc"]::after,
a.link_word::after{
  content: "";
  width: 1em;
  height: 1em;
  display: inline-block;
  background: url(../image/common/ico-word.svg) no-repeat center / contain;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: middle;
  font-size: 1em;
}
a[href*="youtube.com"]::after,
.link_youtube::after {
  content: "";
  width: 1.3em;
  height: 1.3em;
  display: inline-block;
  background: url(../image/common/icon-youtube.svg) no-repeat center / contain;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: middle;
  font-size: 1em;
}
a[target="_blank"].noicon::after,
a[href*=".pdf"].noicon::after,
a[href*=".xlsx"].noicon::after,
a[href*=".doc"].noicon::after,
a[href*="youtube.com"].noicon::after{
 display: none;
}
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;
}
.f_bold{
	font-weight: bold;
	font-size: 1.1em;
}
.center.f_bold{
	margin-bottom: .5em!important;
	margin-top: 2em;
}
/*.img_border{
	border: 1px solid #DCDCDC;border-radius: 10px;
}*/
i{
	padding-right: .2em;
}
/* ------------------------------
   クリッカブルマップ(レスポンシブ対応)
-----------------------------*/
img[usemap] {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
/*----------------------------------------
目次ページ（共通）
-----------------------------------------*/
ul.l_department_list {
  display: -ms-grid;
  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 #F0A78B;
  color: #F0A78B !important;
  padding: 15px 40px 15px 30px;
  text-align: center;
  outline: none;
  /*アニメーションの指定*/
  -webkit-transition: ease .2s;
  -o-transition: ease .2s;
  transition: ease .2s;
}
ul.l_department_list a:hover {
  background: #F4FFDC !important;
  text-decoration: none !important;
}
ul.l_department_list {
  -webkit-box-sizing: border-box;
          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 #F0A78B;
  border-right: 2px solid #F0A78B;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  /*アニメーションの指定*/
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
/*hoverした際の移動*/
ul.l_department_list a:hover::after {
  right: 11px;
}
ul.l_department_list li {
  position: relative;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 2em;
  width: auto;
  border: 1px solid #F0A78B;
  color: #F0A78B !important;
  padding: 15px 40px 15px 30px;
  text-align: center;
  font-weight: bold;
}
@media (max-width: 768px) {
  ul.l_department_list li {
    margin-bottom: 0;
  }
}

/*----------------------------------------
簡易更新span用
-----------------------------------------*/
.f_red{
  color: #e91d20 !important;
}
.f_l{
  font-size: 1.25em !important;
}
.f_S{
  font-size: .85em !important;
}
.underline{
  text-decoration: underline !important;
}