@charset "utf-8";
/* -----------------------------------------------------------------
 hd
----------------------------------------------------------------- */
.hd{
}

/* -----------------------------------------------------------------
 cont_hd
----------------------------------------------------------------- */
.cont_hd{
  position: relative;
  border-bottom: #003e8d 3px solid;
}
.cont_hd::before,
.cont_hd::after{
  position: absolute;
  content:"";
  display:block;
  height:3px;
  background:#003e8d;
}
.cont_hd::after {
  background:#4ecdf7
}
@media print, screen and (min-width: 1024px) {
  .cont_hd::before,
  .cont_hd::after{
    left: 6vw;
    bottom: -3px;
    width:100px;
  }
  .cont_hd::after {
    left: calc(6vw + 100px);
  }
}
@media print, screen and (min-width: 1024px) and (max-width: 1440px) {
  .cont_hd::before,
  .cont_hd::after{
    left: 40px;
  }
  .cont_hd::after {
    left: calc(40px + 100px);
    background:#4ecdf7
  }
}
@media screen and (max-width: 1023px) {
  .cont_hd::before,
  .cont_hd::after{
    left: calc(100vw / 3 * 2);
    bottom: -3px;
    width:calc(100vw / 3);
  }
  .cont_hd::after {
    left: calc(100vw / 3 * 1);
  }

}

/* -----------------------------------------------------------------
 cmn_page_ttl
----------------------------------------------------------------- */
.cmn_page_ttl {
  justify-content: space-between;
  align-items: center;
}
.cmn_page_ttl .cmn_ttl {
  font-weight: 700;
}
@media print, screen and (min-width: 1024px) {
  .cmn_page_ttl {
    padding: 23px 0;
  }
  .cmn_page_ttl .cmn_ttl {
    font-size:40px;
    font-size:2.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .cmn_page_ttl {
    padding: 1em 0;
  }
  .cmn_page_ttl .cmn_ttl {
    font-size:25px;
    font-size:1.79rem;
  }
}

/* -----------------------------------------------------------------
 cmn_box_menu
----------------------------------------------------------------- */
.cmn_box_menu .cmn_ttl {
  padding: .6em 1.2em;
  background: #e5edf8;
  border-top: #003e8d 2px solid;
  line-height: 1.3;
  font-weight: 700;
  color: #003e8d;
}
.cmn_box_menu .cmn_list {
  flex-wrap: wrap;
  justify-content: space-between
}
.cmn_box_menu .cmn_list .item {
  border-bottom: #e8e8e8 1px solid;
  line-height: 1.2;
  font-weight: 700;
}
.cmn_box_menu .cmn_list .item::after {
  flex-shrink: 0;
}
.cmn_box_menu .cmn_list .item[target="_blank"]::after {
  content:"";
  display:inline-block;
  width:14px;
  height:14px;
  margin-left: 10px;
  background:url(../img/ico_blank_gray.svg) no-repeat center right;
  background-size:14px;
}
.cmn_box_menu .cmn_list .item[href$=".xls"]::after,
.cmn_box_menu .cmn_list .item[href$=".xlsx"]::after {
  content:"";
  display:inline-block;
  width:28px;
  height:28px;
  margin-left: 10px;
  background:url(../img/ico_file_x.svg) no-repeat center right;
  background-size:28px;
}
.cmn_box_menu .cmn_list .item[href$=".doc"]::after,
.cmn_box_menu .cmn_list .item[href$=".docx"]::after {
  content:"";
  display:inline-block;
  width:28px;
  height:28px;
  margin-left: 10px;
  background:url(../img/ico_file_w.svg) no-repeat center right;
  background-size:28px;
}
.cmn_box_menu .cmn_list .item[href$=".ppt"]::after,
.cmn_box_menu .cmn_list .item[href$=".pptx"]::after {
  content:"";
  display:inline-block;
  width:28px;
  height:28px;
  margin-left: 10px;
  background:url(../img/ico_file_p.svg) no-repeat center right;
  background-size:28px;
}
.cmn_box_menu .cmn_list .item[href$=".pdf"]::after {
  content:"";
  display:inline-block;
  width:28px;
  height:28px;
  margin-left: 10px;
  background:url(../img/ico_file_pdf.svg) no-repeat center right;
  background-size:28px;
}
.cmn_box_menu .cmn_list .item[href$=".zip"]::after {
  content:"";
  display:inline-block;
  width:28px;
  height:28px;
  margin-left: 10px;
  background:url(../img/ico_file_zip.svg) no-repeat center right;
  background-size:28px;
}

@media print, screen and (min-width: 1024px) {
  .cmn_box_menu + .cmn_box_menu {
    margin-top: 50px;
  }
  .cmn_box_menu .cmn_ttl {
    margin-top: 40px;
    font-size:28px;
    font-size:1.75rem;
  }
  .cmn_box_menu .cmn_list .item {
    flex-grow: 0;
    align-items: center;
    width: 48.5%;
    padding: 34px 50px 34px 42px;
    background:url(../img/arrow01_r.svg) no-repeat center right 28px;
    background-size:14px;
    font-size:17px;
    font-size:1.06rem;
    transition:all .8s;
  }
  body:not(.ios) .cmn_box_menu .cmn_list .item:hover {
    background: #e7e7e7 url(../img/arrow01_r.svg) no-repeat center right 28px;
    background-size:14px;
  }
}
@media screen and (max-width: 1023px) {
  .cmn_box_menu + .cmn_box_menu {
    margin-top: 40px;
  }
  .cmn_box_menu .cmn_ttl {
    margin-top: 25px;
    padding: 14px 30px 14px 20px;
    font-size:17px;
    font-size:1.21rem;
  }
  .cmn_box_menu .cmn_list .item {
    flex-grow: 0;
    align-items: center;
    width: 100%;
    padding: 14px 30px 14px 20px;
    background:url(../img/arrow01_r.svg) no-repeat center right 8px;
    background-size:10px;
    font-size:17px;
    font-size:1.06rem;
    transition:all .8s;
  }
  .cmn_box_menu .cmn_list .item[target="_blank"]::after {
    width:12px;
    height:12px;
    padding-left: 10px;
    background:url(../img/ico_blank_gray.svg) no-repeat center right;
    background-size:12px;
  }
  .cmn_box_menu .cmn_list .item[href$=".xls"]::after,
  .cmn_box_menu .cmn_list .item[href$=".xlsx"]::after {
    width:21px;
    height:21px;
    padding-left: 10px;
    background:url(../img/ico_file_x.svg) no-repeat center right;
    background-size:21px;
  }
  .cmn_box_menu .cmn_list .item[href$=".doc"]::after,
  .cmn_box_menu .cmn_list .item[href$=".docx"]::after {
    width:21px;
    height:21px;
    padding-left: 10px;
    background:url(../img/ico_file_w.svg) no-repeat center right;
    background-size:21px;
  }
  .cmn_box_menu .cmn_list .item[href$=".ppt"]::after,
  .cmn_box_menu .cmn_list .item[href$=".pptx"]::after {
    width:21px;
    height:21px;
    padding-left: 10px;
    background:url(../img/ico_file_p.svg) no-repeat center right;
    background-size:21px;
  }
  .cmn_box_menu .cmn_list .item[href$=".pdf"]::after {
    width:21px;
    height:21px;
    padding-left: 10px;
    background:url(../img/ico_file_pdf.svg) no-repeat center right;
    background-size:21px;
  }
  .cmn_box_menu .cmn_list .item[href$=".zip"]::after {
    width:21px;
    height:21px;
    padding-left: 10px;
    background:url(../img/ico_file_zip.svg) no-repeat center right;
    background-size:21px;
  }

}