.top_fix {
   position: fixed;
   z-index: 999;
   top: 0;
   left: 20px;
   width: 100%;
   height: 50px;
   padding: 20px;
  background: #ffffff;
  box-sizing: border-box;
}  

.top_lists {
   display: flex;
   margin: 10px 10px 10px 10px ;
   padding: 0;

}  
.top_list {
   float: left;
   list-style: none;           /* ★2:リストの先頭記号を消す */
}  
.top_listb1 {
   float: left;
   list-style: none;           /* ★2:リストの先頭記号を消す */
   width: 100px;
   height: 24px;
}  

.menu_lists {
   display: flex;
   float: left;
   background-color: #e0e0e0;  /* メニュー項目の背景色 */
   list-style: none;           /* ★2:リストの先頭記号を消す */
   position: relative;         /* ★3:サブメニュー表示の基準位置にする */
}  

.menu_ul{
   display: flex;
   list-style: none;           /* ★2:リストの先頭記号を消す */
   margin: 0 auto;
   padding: 0;
   text-align: center;
   font-size: 15px;
   }
.menu_li{
   width: 100px;
   height: 25px;
   list-style: none;           /* ★2:リストの先頭記号を消す */
   }
.menu_li a{
   width: 100%;
   padding: 10px 0;
   text-decoration: none;
   color: #000;
   }
.menu_li_cr{
   width: 100px;
   height: 25px;
   background-color: #DEEBF7;
   list-style: none;           /* ★2:リストの先頭記号を消す */
   }
.menu_li_cr a{
   color: #555;
   }
.menu_li:hover{
   background-color: #FFF2CC;
   }

.slide_1 {
      width: 600px;
}


.gaiyo_lists {
   display: flex;
   position: relative;         /* ★3:サブメニュー表示の基準位置にする */
}  
.gaiyo_list {
   float: left;
   list-style: none;           /* ★2:リストの先頭記号を消す */
}  
.gaiyo_list1 {
   list-style: none;           /* ★2:リストの先頭記号を消す */
   width: 300px;

}  

.seko_lists {
   display: flex;
   position: relative;         /* ★3:サブメニュー表示の基準位置にする */
}  
.seko_list {
   float: left;
   list-style: none;           /* ★2:リストの先頭記号を消す */
}  
.seko_list1 {
   list-style: none;           /* ★2:リストの先頭記号を消す */
   width: 100px;
   text-align: center;
   padding-top:40px;
}  
.seko_list2 {
   float: left;
   list-style: none;           /* ★2:リストの先頭記号を消す */
   width: 30px;
   height: 24px;
}  

.sec_work{
   background-color: #ddf4ef;
}

/* -------WhatNew --------------------- */
.what_new{
   padding: 20px;
   margin-left:20px;
   width: 550px;
   height:200px;
   overflow: auto;
   border: 1px solid #000;
   background: #ffffdf;
}
.whatnew_li{
   list-style: none;           /* ★2:リストの先頭記号を消す */
   padding: 20px;
   margin-left:20px;
   width: 550px;
   height:200px;
   overflow: auto;
   border: 1px solid #000;
   background: #ffffdf;
}

/* -------PERL のテーブルテキストの配置 --------------------- */
.tbl_td1{
    width: 50%;
    padding: 0.5em;
    margin: 0.5em 0;
}
.tbl_td2{
    width: 60%;
    padding: 0.5em;
    margin: 0.5em 0;
}
.tbl_td3{
    width: 70%;
    padding: 0.5em;
    margin: 0.5em 0;
}

/* -------画像・テキストの配置 --------------------- */

.Txtcenter {
     text-align: center;
    }

.bosimgtxt {
  display: flex;           /*横並び*/
  }

.bosimgtxt .bosimg {
  width: 200px;            /*画像サイズ指定*/
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
}
.bosimgtxt .bostxt {
  width: calc(100% - 200px);
  margin: 0 0 0 10px;
  padding: 0;
}
.bosimgtxt .bostxt1 {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 18px;
}
.bosimgtxt .bostxt2 {
  margin:  0;
  padding: 0;
}

.foot{
    width: 100%;
    height: 100px;
    background-color: #1f4b83;
    color: #ffffff;
}
.foot_ul {
    margin: 0 0;
    display: flex;
    list-style: none;           /* ★2:リストの先頭記号を消す */
    text-align: center;
    color: #ffffff;

}
.foot_li {
    width: 100px;
    height: 25px;
    display: inline;
}
.foot_li a{
    color: #ffff80;
    display: inline;

}

.btn_10{
    position: relative;
}


/* -------FAQ --------------------- */

.accordion_area {}
.accordion_area .accordion_one .ac_header {
  background-color: #ffffff;
  border: 1px solid #ccc;
  padding: 0.3rem 2rem 0.3rem 1rem;
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition: .2s;
}
.accordion_area .accordion_one .ac_header:not(.open):hover {
  background-color: #f1f8ff;
}
.accordion_area .accordion_one:nth-child(odd) .ac_header {
  background-color: #f5f5f5;
}
.accordion_area .accordion_one:nth-child(odd) .ac_header:not(.open):hover {
  background-color: #f1f8ff;
}
.accordion_area .accordion_one .ac_header .i_box {
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 14px;
  height: 14px;
  margin-top: -7px;
}
.accordion_area .accordion_one .ac_header .i_box:before, .accordion_area .accordion_one .ac_header .i_box:after {
  position: absolute;
  content: "";
  margin: auto;
  box-sizing: border-box;
  vertical-align: middle;
}
.accordion_area .accordion_one .ac_header .i_box:before {
  border-top: 2px solid #014897;
  width: 14px;
  height: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.accordion_area .accordion_one .ac_header .i_box:after {
  border-left: 2px solid #014897;
  width: 0;
  height: 14px;
  top: 0;
  bottom: 0;
  right: 6px;
  transition: .3s;
}
.accordion_area .accordion_one .ac_header.open .i_box:after {
  height: 0;
}
.accordion_area .accordion_one .ac_inner {
  display: none;
  padding: 0.3rem 1rem 0.3rem 1rem;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  background: #fff;
}
 
 .ttl_line1 {
  font-weight: bold;
  border-left: 5px solid #4c9ac0;
  border-bottom: 2px dashed #B4B4B4;
  padding: 0.25em 0 0.3em 0.5em;
}


/*=========
faq
=========*/
 
.p-faq__headinner {
  display: block;
  padding-left: 35px;
  position: relative;
  line-height: 1.5;
}
.p-faq__headinner::before {
  position: absolute;
  left: 0;
  content: "Q．";
  color: #09357f;
  font-size: 15px;
  font-weight: bold;
}
.p-faq__headinner p.p-faq__q-txt {
  font-size: 15px;
}
.p-faq__bodyinner {
  display: block;
  padding-left: 35px;
  position: relative;
  line-height: 1.5;
}
.p-faq__bodyinner::before {
  position: absolute;
  left: 0;
  content: "A．";
  color: #de0000;
  font-size: 15px;
  font-weight: bold;
}
.p-faq__bodyinner p.p-faq__a-txt {
  font-size: 15px;
}




/*------------------------------------->>>>>>>>>>>>>>>>>>>>>>
/*------------------------------------->>>>>>>>>>>>>>>>>>>>>>
/*------------------------------------->>>>>>>>>>>>>>>>>>>>>>


/* ▼サブメニューは、とりあえず非表示にしておく */
.drpdwn_lists {
   display: none;         /* ★5:非表示にする */
}

/* -------サブメニューの装飾 --------------------- */
.drpdwn_lists {
   display: none;       /* ★1:標準では非表示にする */
   list-style: none;    /* ★2:リストの先頭記号を消す */
   margin: 0px;         /* ★2:サブメニュー外側の余白(ゼロ) */
   padding: 0px;        /* ★3:サブメニュー内側の余白(ゼロ) */
}

/* -------サブメニューがある場合に開く処理--------- */
.menu_lists li:hover ul {
    display: block;     /*Gナビメニューにホバーしたら表示*/
}

.drpdwn_list{
    background-color: #daf0bf;
    color:  #0000a0;              /* メニュー項目の文字色(白色) */
    height: 20px;
    padding: 0px 0px 0px 15px; /* メニューバー内側の余白(左に15px) */
    transition: all .3s;
    position: relative;
}

.Contents {
	width: 100%;		/* コンテンツの横幅を指定する */
	margin:0px 0px 30px 0;
	overflow: auto; 	/* コンテンツの表示を自動に設定（スクロール） */
	z-index: -1;
}

/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */
ul.ddmenu {
   margin: 0px;               /* メニューバー外側の余白(ゼロ) */
   padding: 0px 0px 0px 15px; /* メニューバー内側の余白(左に15px) */
   background-color: #cc0000; /* バーの背景色(濃い赤色) */
}

/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
ul.ddmenu li {
   width: 125px;           /* メニュー項目の横幅(125px) */
   display: inline-block;  /* ★1:横並びに配置する */
   list-style-type: none;  /* ★2:リストの先頭記号を消す */
   position: relative;     /* ★3:サブメニュー表示の基準位置にする */
}
ul.ddmenu a {
   background-color: #cc0000; /* メニュー項目の背景色(濃い赤色) */
   color: white;              /* メニュー項目の文字色(白色) */
   line-height: 40px;         /* メニュー項目のリンクの高さ(40px) */
   text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   display: block;            /* ★4:項目内全域をリンク可能にする */
}
ul.ddmenu a:hover {
   background-color: #ffdddd; /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
   color: #dd0000;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
}

/* ▼サブメニューは、とりあえず非表示にしておく */
ul.ddmenu ul {
   display: none;         /* ★5:非表示にする */
}

/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */
ul.ddmenu ul {
   display: none;       /* ★1:標準では非表示にする */
   margin: 0px;         /* ★2:サブメニュー外側の余白(ゼロ) */
   padding: 0px;        /* ★3:サブメニュー内側の余白(ゼロ) */
   position: absolute;  /* ★4:絶対配置にする */
}

/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */   /* ※サブメニューが1階層しか存在しない場合の記述 */
/* ---------------------------------- */
ul.ddmenu li:hover ul {
   display: block;      /* ★5:マウスポインタが載っている項目の内部にあるリストを表示する */
   }