@charset "utf-8";

/*ヘッダー・フッター・メインコンテンツ部分の大枠レイアウト*/

/*ヘッダー*/
.wrap {
  position: relative;
  margin: 0 auto;
  width: 100%;
}


.header-area {
  background: #fff;
  padding: 10px 0 0px;
  position: fixed;
  width: 100%;
  z-index: 10000;
  -webkit-box-shadow: 1px 1px 10px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 10px 3px rgba(0, 0, 0, 0.2);
  top: 0;
  left: 0;
}

@media screen and (min-width:1440px) {
  .header-area {

    padding: 10px 0 0px;
    position: fixed;
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
    width: 100%;
    z-index: 10000;
    -webkit-box-shadow: 1px 1px 10px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 10px 3px rgba(0, 0, 0, 0.2);
    max-height: 170px;
  }

}

@media only screen and (max-width:1220px) {
  .header-area {
    padding: 10px 0 25px;
    max-height: 80px;

  }
}

@media only print and (max-width:1220px) {
  .header-area {
    position: inherit;
  }
}

.header-area.transform {
  padding: 0;
  -webkit-transition: .3s;
  transition: .3s;
}

@media only screen and (max-width:1220px) {
  .header-area.transform {
    padding: 0;

  }
}

.header-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 10;
  max-height: 180px;
}

.header-wrap.transform {
  border-bottom: 2px solid #283f6d;
}

.header-inner {
  width: 100%;
  /*calc(100% - 225px);*/
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

@media screen and (max-width: 1440px) {
  .header-inner {
    width: 100%;
    padding: 0;
  }
}

.header-area.transform .header-inner {
  width: 100%;
}

.top-header {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  padding: 0 10px 5px;
  width: 60%;
}

@media only screen and (max-width: 1220px) {
  .top-header {
    display: none;
  }
}

@media only print {
  .top-header {
    display: none;
  }
}

.header-area.transform .top-header {
  display: none;
}

.header-logo {
  padding: 0 15px 0;
  max-width: 360px;
  width: 360px;
  /* -webkit-transition: all .7s ease;
  transition: all .7s ease;*/
  float: left;
   margin-block: 0;
}

.header-logo img {
  width: 100%;
  padding: 5px;
}

@media screen and (max-width: 1440px) {
  .header-logo {
    max-width: 320px;
    width: 320px;
  }
}

@media only print and (max-width: 1220px) {
  .header-logo {
    max-width: 200px;
    width: 200px;
  }
}



@media only screen and (max-width: 767px) {
  .header-logo {
    max-width: 200px;
    width: 200px;
    padding: 0 5px 0;
  }
}

@media only screen and (max-width: 375px) {
  .header-logo {
    max-width: 175px;
    width: 175px;
    padding: 0 5px 0;
  }
}

.header-area.transform .header-logo {
  max-width: 200px;
  width: 200px;
  display: none;
}

.header-logo_transform {
  display: none;

}

.header-area.transform .header-logo_transform {
  display: block;
  max-width: 200px;
  width: 200px;
  margin: 10px;
}

.header-area.transform .header-logo img {
  display: inline-block;
  -webkit-transition: all .7s ease;
  -webkit-transition: all .7s ease;
  transition: all .7s ease;
}

.bottom-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}

@media screen and (max-width: 1220px) {
  .bottom-header {
    display: none;
  }
}

.header-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}

.header-btn_select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.header-btn_select-left {
  background: #2BB7D4;
}

.header-btn_select-left a,
.header-btn_select-right a {
  color: #fff;
  padding: 10px 8px;
  display: block;
}

.header-btn_select-right {
  background: #34BE1A;
}

.header-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background: #283f6d;
  position: relative;
  z-index: 10;

}

@media screen and (max-width: 1440px) {
  .header-menu {

    width: 100%;
  }
}

.header-area.transform .header-menu {
  background: #fff;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

.header-menu_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  -ms-flex-pack: distribute;
  -webkit-box-pack: center;
  justify-content: center;
}

.header-area.transform .header-menu_list {
  max-width: 1200px;
  margin: 0;
}

.header-menu_list > li {
  width: 20%;
  border-left: 1px solid #fff;
}

.header-menu_list > li:last-child {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

@media screen and (max-width: 1279px) {
  .header-menu_list > li {
    width: 20%;
  }
}

.header-menu_list > li a {
  padding: 12px 0;
  position: relative;
  text-decoration: none;
  display: block;
  text-align: center;
  font-weight: normal;
  font-size: 1.2rem;
  font-size: 120%;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  color: #fff;
}

@media only print {
  .header-menu_list > li a {
    font-size: 100%;
  }
}

.header-menu_list > li a:hover {
  background: #fff;
  color: #283f6d;

}

.header-menu_list li a:hover.mg-nav_wrap .mg-nav_innar {
  height: 100%;
}

.header-area.transform .header-menu_list > li a {
  color: #283f6d;
  border-left: 1px solid #ccc;
  font-size: 1rem;
  font-size: 100%;

}

.header-area.transform .header-menu_list > li:last-child a {
  border-right: 1px solid #ccc;
}

.header-area.transform .header-menu_list > li a:hover {
  background: #efefef;
  color: #283f6d;
}


.top-header--menu_item {
  /*position: relative;*/
  height: 100%;
}

.header-menu_list li.top-header--menu_item a {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.top-header--menu_item svg {
  margin: 0 5px 0 0;
}

.top-header--menu_item a:hover {
  opacity: 1;
}

.gnav-icon {
  fill: #fff;

}

.header-menu_list > li a:hover .gnav-icon {
  fill: #283f6d;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}

.header-area.transform .header-menu_list > li a .gnav-icon {
  fill: #283f6d;
}

.top-header--menu_item a.active {
  background: #efefef;
  color: #283f6d;
}

.header-area.transform .top-header--menu_item a.active {
  background: #283f6d;
  color: #fff;
}

.top-header_wrap {
  max-width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  padding: 10px 0 0;

}

.header-area.transform .top-header_wrap {
  padding: 0;
}

@media screen and (max-width: 1220px) {
  .top-header_wrap {
    padding: 0;
  }
}

.gnav--menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;

  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 1000px;
}

.gnav--menu li {
  font-size: 90%;
}

.gnav--menu li:first-child {

  width: auto;
}


.gnav--menu_02-item {
  width: 20%;
}

.gnav--menu_item.gnav--menu_item_link {
  padding: 0 1px;
  text-align: center;
  display: flex
  ;
      flex-direction: column;
}

.gnav--menu_item.gnav--menu_item_link a {
  text-decoration: none;
  display: block;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  border: 1px solid #fff;
  color: #4c4c4c;
  font-size: 80%;
  line-height: 1.4em;
  font-weight: normal;
  padding: 2px;
}

.gnav--menu_item.gnav--menu_item_link a:hover {

  background: #fff;
  color: #444;
  border: 1px solid #ccbfb6;
}

.sp-gnav--menu .gnav--menu_item.gnav--menu_item_link a {
  font-size: .8rem;
}

.gnav--menu_item.gnav--menu_item_link a i {
  border-radius: 5px;
  display: inline-block;
  padding: 5px 0;
  color: #fff;
  width: 100%;
  margin: 0 0 5px;
}

.gnav--menu_item.gnav--menu_item_link a span {
  border-radius: 5px;
  display: inline-block;
  padding: 3px;
  color: #fff;
  width: 100%;
  margin: 0 0 5px;
}




.gnav--menu_item.gnav--menu_item_link a span.icon-inquery {
  background: url(../images/header/icon-toiawase.svg) center / contain no-repeat #2790c3;
  font-size: 26px;
  padding: 7px 3px 3px;
  background-size: 50%;
  height: 30px;
}



.gnav--menu_item.gnav--menu_item_link a span.icon-group {
  background: url(../images/header/icon-group.svg) center / contain no-repeat #a6856d;
  font-size: 26px;
  padding: 7px 3px 3px;
  background-size: 50%;
  height: 30px;
}


.gnav--menu_item.gnav--menu_item_link a span.icon-access {
  background: url(../images/header/icon-access.svg) center / contain no-repeat #e04f5d;
  font-size: 26px;
  padding: 7px 3px 3px;
  background-size: 40%;
  height: 30px;
}


.gnav--menu_item.gnav--menu_item_link a span.icon-recruit {
  background: url(../images/header/icon-recruit.svg) center / contain no-repeat #f4b724;
  font-size: 26px;
  padding: 7px 3px 3px;
  background-size: 50%;
  height: 30px;
}



.gnav--menu_item {
  position: relative;
  padding: .2em 1em;
  width: 8%;

}



.zoom-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only print and (max-width: 1220px) {
  .zoom-area {
    display: none;
  }
}

.gnav--menu li .zoom-area li {
  width: 100%;
  font-size: 80%;
  text-align: center;
  border-right: 1px solid #ccc;
  background: #283f6d
}

.gnav--menu li .zoom-area li:last-child {
  border-right: none;
}



.zoom-title {
  text-align: center;
  padding: 2px;
}


.zoom-area li button.btn-l,
.zoom-area li button.btn-m {
  cursor: pointer;
  background: none;
  padding: 7px 0px;
  border: none;
  color: #fff;
  width: 100%;
}

.zoom-area li button:hover {
  opacity: .7;
  -webkit-transition: .6s;
  transition: .6s;
  background: #f1f8ff;
  color: #283f6d;
}




.gnav--menu_item:first-child:before {
  display: none;
}

.gnav--menu_item img {
  max-width: .8em;
}

.sp-gnav--menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.sp-gnav--menu li {
  font-size: .8rem;
  width: 21%;
  margin: 8px 4px;
  text-align: center;
  line-height: 1.2;
}

.sp-gnav--menu li a {
  text-decoration: none;
}



main.top {
  padding: 12% 0 0;
  padding-top: calc(0% + 153px);
}

@media screen and (max-width: 1220px) {
  main.top {
    padding-top: calc(0% + 80px);
  }
}

@media only print {
  main.top {
    padding-top: 0;
  }
}

@media screen and (max-width: 1023px) {
  .index-wrap {
    padding: 78px 0 10px;
  }

  main.top {
    padding: 78px 0 0;
  }
}



.hero {
  max-height: 550px;

}

.hero img {
  height: auto;
  width: 100%;
}

.search-border {
  position: relative;
  border: 1px solid #999;
  display: block;
  padding: 3px 10px;
  border-radius: 20px;
  width: 265px;
  overflow: hidden;

  -webkit-box-shadow: 0 1px 6px 0 rgba(125, 125, 125, .3);

  box-shadow: 0 1px 6px 0 rgba(125, 125, 125, .3)
}

@media screen and (max-width:1220px) {
  .search-border {
    margin: 0 auto;
    width: 98%;
  }
}

#search-box input[type="text"] {
  border: none;
  width: 100%;
  height: 2.5em;
  background: transparent;
}

#search-box input[type="text"]:focus {
  outline: 0;
  -webkit-transition: .3s;
  transition: .3s;

}


#search-box input[type="submit"] {
  cursor: pointer;
  border: none;
  background: url(../images/icon/baseline_search_white_24dp.png)center / 60% no-repeat #666;
  color: #fff;
  position: absolute;
  width: 8em;
  height: 6em;
  right: 0;
  top: 0;
  outline: none;
  font-size: 51%;
  text-indent: -9999px;
}



@media screen and (max-width:1220px) {
  #search-box input[type="submit"] {
    top: -5px;
  }
}

#mg-nav {
  position: relative;
}

#mg-nav .mg-nav_wrap {
  top: 100%;
  right: calc(50% - 600px);
  width: 100%;
  max-width: 1200px;
  height: 0;
  text-align: center;
  background: #fff;
  position: absolute;
  z-index: 10000;
  display: none;
  padding: 15px;
  -webkit-box-shadow: 1px 1px 10px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 10px 3px rgba(0, 0, 0, 0.2);
  z-index: 9;
  overflow: scroll;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.header-area.transform #mg-nav .mg-nav_wrap {
  right: calc(50% - 710px);
}

.top-header--menu_box {
  position: relative;
}

.mg-nav_wrap .mg-nav_innar {
  margin: 0 auto;
  padding: 10px;
  text-align: left;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mg-nav_innar_box {
  margin: 0 20px;
  width: 25%;
}

.mg-nav_innar_box ul li a {
  color: #004392;
}

.mg-nav_innar_box ul li a {
  text-align: left;
  font-size: 1rem;
  font-size: 100%;

}


#mg-nav .mg-nav_wrap .mg-nav_innar > div > ul {
  padding: 10px;
}

#mg-nav .mg-nav_wrap .mg-nav_innar > div > ul > li {
  margin: 2px 0;
  line-height: 1.4em;
  font-size: 95%;
}

#mg-nav .mg-nav_wrap .mg-nav_innar > div > ul > li a {
  position: relative;
}


#mg-nav .mg-nav_wrap .mg-nav_innar > div > ul > li a:link {
  text-decoration: none;
  background: none;
  color: #004392;
  border: none;
  padding: 3px 0 0 .5em;
  display: block;
}



#mg-nav .mg-nav_wrap .mg-nav_innar > div > ul > li a:hover {
  text-decoration: underline;
  color: #d71718;
}

#mg-nav .mg-nav_wrap .mg-nav_innar > div > ul > li a:after {
  display: none;
}


#mg-nav > ul:before {
  content: " ";
  display: table;
}

#mg-nav > ul:after {
  content: " ";
  display: table;
  clear: both;
}

.mg-nav_innar_box-title {
  background: #2276b5;
  padding: 8px;
  color: #fff;
  font-weight: normal;
  font-size: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mg-nav_innar_box-title .material-icons {
  vertical-align: sub;
}

.innar-list {
  padding: 0 0 0 2em;
}

.innar-list li {
  list-style-type: disc;
}

#mg-nav .mg-nav_wrap .mg-nav_innar > div > ul > li ul.innar-list li a:before {
  display: none;
}

#mg-nav .mg-nav_wrap .mg-nav_innar > div > ul > li ul.innar-list li a:link:hover {
  text-decoration: underline;
  color: #d71718;
}

#mg-nav .mg-nav_wrap .mg-nav_innar > div > ul > li ul.innar-list li a:link {
  text-decoration: none;
  background: none;
  color: #004392;
  border: none;
  padding: 3px 0 0 0;
}

/*ヘッダーここまで*/


/*メインコンテンツ内*/

main {
  padding: 10px 0;
  display: block;
  position: relative;
  overflow: hidden;
}
/*メインコンテンツ内ここまで*/


/*フッターエリアここから*/

section.footer-link {
  background: #f6f6f5;
  float: none;
  text-align: left;
  margin: 0;
}

@media only print and (max-width: 1220px) {
  section.footer-link {
    display: none;
  }
}

.footerlink-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1200px;
  margin: 20px auto 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 1024px) {
  .footerlink-list {
    display: none;
  }

}

.footerlink-list li {
  font-size: 1rem;
  line-height: 2em;
  margin: 0 0 0 5px;
}

.footerlink-list li a {
  font-weight: normal;
  font-size: .8rem;
  display: block;
  line-height: 1.4em;
  margin: 11px 0;
}

.footerlink-list li.department {
  width: 70%;
}

.footerlink-list li.hospital {
  width: 29%;
}

.sub-department {
  line-height: 1.4em;
}

.footerlink-list_title {
  background: #283f6d;
  color: #fff;
  padding: 5px 10px;
  font-weight: normal;
  text-align: center;

}

.footerinnar_link-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 11px;
}

.footerinnar_link-list li {
  margin: 0;

  padding: 0 5px;

}

.footerinnar_link-list li.footer-department {
  width: 25%;
}

.pc-footer_category {
  background: #5791bc;
  font-weight: normal;
  color: #fff;
  line-height: 1.4;
  margin: 5px 0 10px;
  padding: 0.2em;
  font-size: 90%;
  text-align: center;
}

.sp-footerlink-list {
  display: none;

}



@media screen and (max-width: 1023px) {
  .sp-footerlink-list {
    display: block;
    margin-bottom: 1px;
    position: relative;
    color: #fff;
    cursor: pointer;

  }
}

.footer-menu {
  color: #fff;
  display: block;
  padding: 1.4rem;
  background: #08235E;
  border: 1px solid #08235E;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  text-decoration: none;
  font-weight: normal;
}

.footer-menu:hover {
  background: #283f6d;
  color: #fff;
  border: 1px solid #08235E;
}

.footer-menu:active {
  background: #283f6d;
  color: #fff;
}

.footer-menu_innar {
  background: #fff;
  display: none;
}

.footer-menu svg {
  float: right;
}

.innar-item {
  border-bottom: 1px solid #283f6d;
}

.footerlink-list_box {
  margin: 1px 0;
}

.footerlink-list .pc-footerlink-list_box {
  margin: 1px 0;
  text-align: center;
  font-size: 100%;
}

.footerlink-list .pc-footerlink-list_box a {
  margin: 0;
}

.innar-item a {
  color: #004392;
  display: block;
  padding: 10px 10px 10px 1.4rem;
  font-weight: normal;
  text-decoration: none;

}

.innar-item a:hover {
  color: #b30000;
  background: #eee6e9;
}

.footer-area {
  background: #283f6d;
  color: #fff;

}

.footer-area a {
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  font-size: 80%;

}

.footer-area a:hover {
  text-decoration: underline;
}

.footer-wrap {
  max-width: 1200px;
  padding: 0 0 8%;
  margin: 0 auto;
}

@media screen and (max-width: 1023px) {
  .footer-wrap {
    padding: 0 0 15%;
  }
}

@media screen and (max-width: 767px) {
  .footer-wrap {
    padding: 0 0 25%;
  }
}

.footer-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0 0 20px;
  border-bottom: 1px solid #fff;
  text-align: center;
  padding: 30px 0;
}

@media screen and (max-width: 767px) {
  .footer-top {
    padding: 10px 0;
  }
}

.footer-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px 0 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .footer-bottom {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

  }
}

.footer-bottom li {
  margin: 0 20px;


}

@media screen and (max-width: 768px) {
  .footer-bottom li {
    margin: 0;
    padding: 10px;
  }
}

.footer-bottom li.logo {
  padding: 10px;

}


.footer-address {
  font-size: 80%;
}


.footer-bottom img {
  max-width: 200px;
}

.footer-top li {
  width: 32%;
}

@media screen and (max-width: 768px) {
  .footer-top li {
    font-size: 90%;
    line-height: 2.2em;
    width: 50%;
  }
}

.footer-bottom_name {
  line-height: 1.8em;
}

.footer-name_l {
  font-size: 2rem;
}

.footer-bottom_name a {
  text-decoration: none;
}

.footer-tel a {
  font-weight: bold;
  text-decoration: underline;
  font-size: 1rem;
}

@media screen and (max-width: 768px) {
  .footer-tel a {
    font-size: 1.2rem;
  }
}

.footer-name_s {
  font-size: .7rem;
}

.footer-bn_01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 20px auto 0;
  padding: 5px;
  width: 37%;
  color: #fff;
  font-size: .8rem;

}

@media screen and (max-width: 1023px) {
  .footer-bn_01 {
    width: 55%;
  }
}

@media screen and (max-width: 767px) {
  .footer-bn_01 {
    margin: 10px auto 0;
  }
}

.footer-bn_01 li {
  margin: 0 10px;
}


.footer-bn_01 li img {
  max-width: 80px;
}

@media screen and (max-width: 767px) {
  .footer-bn_01 li img {
    max-width: 60px;
  }
}

.footer-bn_01 li a {
  display: inline-block;
  margin: 0 10px;
}

.footer-bn_01-text {
  font-size: 90%;
  padding: 10px;
}



.foot-copyright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: .8rem;
  padding: 0 10px;
}

.foot-info {
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  z-index: 100;
  background: #061a47;
  text-align: center;
  color: #fff;
  padding: 15px 0;
  display: none;
}

@media only print and (max-width: 1220px) {
  .foot-info {
    position: inherit;
  }
}

@media screen and (max-width: 767px) {
  .foot-info {
    padding: 0 0 15px;
  }
}

.foot-info a {
  color: #fff;
  text-decoration: none;
}


.foot-info_title {
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .foot-info_title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.foot-info_title .text {
  font-size: .8rem;
}

.pc-foot_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sp-foot_info {
  display: none;
}

@media screen and (max-width: 1023px) {
  .pc-foot_info {
    display: none;
  }

  .sp-foot_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}

.foot-info .tel {
  padding: 0 10px;
  font-size: 120%;
  text-decoration: underline;
}

@media screen and (max-width: 1023px) {
  .foot-info .tel {

    padding: 0 2px;
  }
}

@media screen and (max-width: 767px) {
  .foot-info .tel {
    font-size: 120%;
    padding: 0 10px;
  }
}

.foot-info_link {
  font-size: 1rem;
}

.foot-info_iconlink {
  background: #fff;
  color: #061a47;
  margin: 0 5px;
  font-size: .8rem;
  padding: 5px;
}



.foot-info_iconlink a {
  color: #061a47;
}

#pagetop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 110;
  background: #061a47;
  width: 80px;
  height: 60px;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #fff;
}

@media only print {
  #pagetop {
    display: none;
  }
}

#pagetop a {
  color: #fff;
  font-weight: bold;
  display: block;
  height: 100%;
  padding: 10px;
}



@media screen and (max-width:1023px) {
  #pagetop {
    bottom: 40px;
  }
}

@media screen and (max-width:767px) {
  #pagetop {
    right: 10px;
    width: 65px;
  }
}

/*フッターエリアここまで*/

.container_1col {
  max-width: 1200px;
  margin: 0 auto;
}

.container_1col {
  padding: 0 0 50px;
}




/*2カラム用レイアウト*/
.container_2col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: start;
  padding: 153px 0 50px;
  max-width: 1200px;

  margin: 0 auto;

}



@media screen and (max-width: 1220px) {
  .container_2col {
    padding: 88px 10px 50px;
  }
}

@media only print and (max-width: 1220px) {
  .container_2col {
    padding: 0 10px 50px;
  }
}

.container_2col main {
  padding: 20px 0 0 30px;
  overflow: inherit;
  max-width: 1000px;
  width: 100%;
}

@media only print and (max-width: 1220px) {
  .container_2col main {
    padding: 0;
  }
}


@media screen and (max-width: 1024px) {
  .container_2col main {
    padding: 0 10px;
  }
}

@media screen and (max-width: 767px) {
  .container_2col {
    padding: 88px 0 50px;
  }
}



/*サイドエリアここから*/

#side-menu {
  padding: 30px 0;
  max-width: 200px;
  width: 100%;
}

.side-menu {
  width: 100%;
  border: 1px solid;
}

.side-menu li {
  border-bottom: 1px solid;
}

.side-menu li:last-child {
  border-bottom: none;
}

@media print,
screen and (max-width: 1023px) {
  #side-menu {
    display: none;
  }
}

.side-wrap {
  margin-bottom: 0;
  top: 10%;
  z-index: 3;
  background: #fff;
  width: 200px;

}


.side-menu_icon {
  fill: #283f6d;
}

.side-category_list li {
  border-bottom: 1px solid #999;
}

.side-category_list li:first-child {
  border-top: 1px solid #999;
}

.side-category_list li:last-child {
  border-bottom: none;
}

.side-category_list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 10px 5px 10px 1.2em;
  text-decoration: none;
  font-size: .9rem;
  font-weight: normal;
  line-height: 1.4em;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

}

.side-category_title {
  background: #283f6d;
  color: #fff;
  padding: 10px;
  text-align: center;
  margin: 10px 0 0;
}

.side-bn_area {
  margin: 10px 0;
  padding: 5px;
}

.side-bn_area li {
  margin: 5px 0;
  text-align: center;
}

.side-bn_area li img {
  max-width: 130px;
  border: 1px solid #ccc;
}

.side-bn_area li .title {
  text-align: center;
  font-weight: bold;
}

.sns-icon_area {
  margin: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
}

.sns-icon_area li {
  max-width: 50px;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}


/*サイドエリアここまで*/

.main-content {
  padding: 0 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only print and (max-width:1220px) {
  .main-content {
    padding: 0;
  }

}

@media screen and (max-width: 767px) {
  .main-content {
    padding: 0;
  }
}

.content-wrap {
  max-width: 1000px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 15px 0;
}

.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 5px 0;
  font-size: 80%;
}


.breadcrumb li {
  position: relative;
  padding: 0 15px 0 15px;
}

.breadcrumb li:after {
  content: ">";
  display: block;
  position: absolute;
  right: -10px;
  top: 0;

}

.breadcrumb li:last-child:after {
  display: none;
}

@media screen and (max-width: 767px) {
  .breadcrumb {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .breadcrumb li {
    padding: 0 5px 0 13px;
  }

  .breadcrumb li:first-child {
    padding: 0;
  }
}

h1.header-title {
  font-size: 1.8rem;
  border-left: 5px solid #d71718;
  padding: 0 0 0 .25em;
  margin: 20px 0 10px;
  line-height: 1.4em;
  font-weight: 500;
}

@media screen and (max-width:767px) {
  .header-title {
    font-size: 1.5rem;
  }
}

.content-title {
  background: #283f6d;
  color: #fff;
  font-weight: normal;
  padding: 8px;
  margin: 20px 0 10px;
  font-size: 1.4rem;
  line-height: 1.4;
}

@media screen and (max-width:767px) {
  .content-title {
    font-size: 110%;
  }
}

.content-title_02 {
  font-weight: bold;
  color: #283f6d;
  margin: 15px 0 10px;
  border-top: 2px solid #283f6d;
  border-bottom: 2px solid #283f6d;
  font-size: 1.4rem;
  padding: 0 10px;
}
@media screen and (max-width:767px) {
  .content-title {
    font-size: 1.2rem;
  }
}

.content-title_gr {
  background: #dde4dd;
  padding: 5px 10px;
  margin: 15px 0;
  font-size: 140%;
  line-height: 1.4;
  color: #08235E;
    border-left: 3px solid #08235E;
}

@media screen and (max-width:767px) {
  .content-title_gr {
    font-size: 125%;
    margin: 15px 0;
  }
}

.content-description {
  padding: 5px 10px 10px;
  margin: 5px 0;
}

@media screen and (max-width:767px) {
  .content-description {
    padding: 5px 0;
    font-size: 100%;
  }
}

.content-description img {
  max-width: 600px;
  margin: 0 auto;
  width: 100%;
}

.content-description_indent {
  padding: 5px 10px 10px;
  text-indent: 1em;
  margin: 0 0 10px;
}

@media screen and (max-width:767px) {
  .content-description_indent {
    padding: 5px 0 10px;
    font-size: 100%;
  }
}

.content-description_s {
  padding: 5px 10px;
  margin: 5px 0;
}

@media screen and (max-width:767px) {
  .content-description_s {
    font-size: 95%;
  }
}

.content-cat_title {
  border-bottom: 2px solid #055ab5;
  color: #055ab5;
  margin: 20px 0 10px;
  padding: 0 10px;
  font-size: 1.3rem;
}


.content-cat_title-gr {
  border-bottom: 2px solid #5cb85c;
  color: #08235E;
  margin: 20px 0 10px;
  padding: 0 10px;
  font-size: 1.3rem;
}

.content-cat_title-pnk {
  border-bottom: 2px solid #e64c5c;
  color: #e64c5c;
  margin: 15px 0 5px;
  padding: 0 10px;
  font-size: 1.3rem;
}

@media screen and (max-width:767px) {
  .content-cat_title {
    font-size: 1.1rem;
  }
}

.content-cat_title02 {
  border-bottom: 2px solid #5791bc;
  color: #08235E;
  margin: 10px 0;
  padding: 0 10px;
  font-size: 1.1rem;
}

@media screen and (max-width:767px) {
  .content-cat_title02 {
    font-size: 1.1rem;
  }
}

.content-list_title {
  position: relative;
  color: #08235E;
  border-left: solid 6px #187cad;
  background: #f1f8ff;
  margin-bottom: 3px;
  line-height: 1.5;
  padding: 10px;
  margin: 10px 0;
  font-size: 1rem;
  font-size: 100%;
}

.content-list_title a {
  display: block;
  padding: 15px;
  text-decoration: none;
  font-weight: normal;
}

.content-list_title02 {
  position: relative;
  color: #08235E;
  border-left: solid 6px #5791bc;
  background: #f1f8ff;
  margin-bottom: 3px;
  line-height: 1.5;
  padding: 0.5em;
  margin: 10px 0 5px;
  font-size: 1rem;
  font-size: 100%;
}

.content-list_title02 a {
  display: block;
  padding: 15px;
  text-decoration: none;
  font-weight: normal;
}

.content-list_title-gr {
  position: relative;
  color: #08235E;
  border-left: solid 6px #5cb85c;
  background: #dff0d8;
  margin-bottom: 3px;
  line-height: 1.5;
  padding: 0.5em;
  margin: 10px 0;
  font-size: 1rem;
  font-size: 100%;
}

.content-list_title-gr a {
  display: block;
  padding: 15px;
  text-decoration: none;
  font-weight: normal;
}

.content-list_title03 {
  position: relative;
  color: #08235E;
  border-left: solid 6px #5791bc;
  background: #f1f8ff;
  margin-bottom: 3px;
  line-height: 1.5;
  padding: 0.5em;
  margin: 20px 0 10px;
  font-weight: normal;
  font-size: 1rem;
  font-size: 100%;
}

.content-list_title03 a {
  display: block;
  text-decoration: none;
  font-weight: normal;
}

.content-list_title-sub {
  font-weight: normal;
  font-size: 100%;
  margin: 10px 0;
  padding: 5px 10px;
  color: #fff;
  background: #187cad;
  position: relative;

}

.content-list_title-sub_gray {

  font-size: 100%;
  margin: 10px 0;
  padding: 10px;
  color: #08235E;
  background: #efefef;
  position: relative;

}

.content-list_title-sub_gray:before {
  content: "";
  position: absolute;
  border: 10px solid transparent;
  border-top: 10px solid #efefef;
  top: 100%;
  left: 5%;
}

.content-list_title-subcategory {
  font-size: 100%;
  font-weight: bold;
  margin: 10px 0 10px 10px;
  color: #055ab5;
}

.page-inner_list {
  background: #f4f4f4;
  border: 1px solid #222;
  padding: 10px;
  border-radius: 10px;
  display: inline-block;
  min-width: 50%;
}

.page-inner_list li {
  padding: 3px;
}

@media screen and (max-width:767px) {
  .page-inner_list {
    min-width: auto;
    display: block;
  }
}


.page-inner_list .list-title {
  color: #283f6d;
  font-weight: bold;
}

.page-inner_list02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f4f4f4;
  border: 1px solid #061a47;
  padding: 10px 10px 10px 2em;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}

@media screen and (max-width:767px) {
  .page-inner_list02 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

}


.page-inner_list02 li {
  padding: 5px;
  font-size: 90%;
  width: calc(100% / 2);
  list-style-type: disc;

}

@media screen and (max-width:767px) {
  .page-inner_list02 li {
    width: 100%;
  }
}


.foot-category-title {
  border-left: solid 3px #d71718;
  color: #08235E;
  font-weight: normal;
  padding: 0 0 0 0.5em;
  font-size: 1rem;
}

.content-category_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0 3px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.content-category_list li {
  margin: 5px 1px 0;
  background: #fff;
}

.content-category_list li a {
  color: #283f6d;
  padding: 10px 5px;
  display: block;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  border: 1px solid #283f6d;
  font-size: 1rem;
  font-size: 100%;
  font-weight: normal;
  text-decoration: none;

}

@media screen and (max-width:1023px) {
  .content-category_list li a {
    font-size: 90%;
  }
}

@media screen and (max-width:767px) {
  .content-category_list li {
    margin: 1px;

  }

  .content-category_list li a {
    padding: 7px;
    font-size: 75%;
  }
}

.content-category_list li a:hover {
  background: #283f6d;
  color: #fff;
  border: 1px solid #283f6d;
}

.content-category_list-link {
  background: #efefef;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid #283f6d;
}

.content-category_list-link li {
  margin: 5px 10px;
}

.content-category_list-link li a {
  font-size: .9rem;
  font-size: 90%;
  text-decoration: none;
  display: block;
  position: relative;
}

@media screen and (max-width:767px) {
  .content-category_list-link li {
    margin: 5px;

  }
}



.page-inner_category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0 3px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;

}

@media screen and (max-width:767px) {
  .page-inner_category {
    margin: 3px 0;
  }
}

.page-inner_category li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #5791bc;
  margin: 1px 3px;
}

.page-inner_category li:first-child {
  margin: 1px 3px 1px 0;
}

.page-inner_category li a {
  display: block;
  padding: 5px;
  background: #fff;
  text-decoration: none;
  font-size: 95%;
  font-weight: bold;
}

@media screen and (max-width:767px) {
  .page-inner_category li a {
    font-size: 75%;
    padding: 5px;
  }

  .page-inner_category li {
    margin: 1px;
  }

  .page-inner_category li:first-child {
    margin: 1px;
  }
}

.page-inner_category li a.action {
  background: #004392;
  color: #fff;
}

.page-inner_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #f6f6f6;
  padding: 7px;
  border: 1px solid #061a47;
}

.page-inner_link li {
  margin: 5px 10px;
}

@media screen and (max-width:767px) {
  .page-inner_link li {
    margin: 5px 10px;
  }
}

.page-inner_link li a {
  color: #004392;
  text-decoration: none;
  font-size: 95%;
  padding: 0 0 0 .8em;
  display: flex;
}
.page-inner_link li a:hover {
  color: #b30000;
}

.page-inner_link li a:before {
    content: "";
background: url(../images/icon/allow_right_bl.svg)100% / contain no-repeat;
width: 10px;
    margin: 0 5px 0 0;
}

@media screen and (max-width:767px) {
  .page-inner_link li a {
    font-size: 90%;
  }
}

.page-inner_link li a.action {
  color: #d71718;
  background: none;
}



.page-inner_link_02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
  background: #f6f6f6;
  padding: 7px;
  border: 1px solid #061a47;
}

.page-inner_link_02 li {
  margin: 5px 10px;
}

@media screen and (max-width:767px) {
  .page-inner_link_02 li {
    margin: 5px 10px;
  }
}

.page-inner_link_02 li a {
  color: #004392;
  position: relative;
  text-decoration: none;
  font-size: 95%;
  font-weight: bold;
}
.page-inner_link_02 li a:hover {
  color: #b30000;
}



@media screen and (max-width:767px) {
  .page-inner_link_02 li a {
    font-size: 90%;
  }
}
.page-inner_link_02 li ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 0 0 1em;
}

.page-inner_link_02 li ul li a {
  font-weight: normal;
  text-decoration: underline;
}

header.inner-head {
  padding: 0 30px;
}

@media only print {
  header.inner-head {
    padding: 0;
  }
}

@media screen and (max-width: 1024px) {
  header.inner-head {
    padding: 10px 30px 0;
  }
}

@media screen and (max-width: 767px) {
  header.inner-head {
    padding: 0;
  }
}

header.inner-head .mv {
  margin: 0 0 10px;
  max-width: 1000px;
}

header.inner-head .mv img {
  width: 100%;
}

#category01,
#category02,
#category03,
#category04,
#category05,
#category06,
#category07,
#category08,
#category09,
#category10,
#category11,
#category12,
#category13,
#category14,
#category15,
#category16,
#category17,
#category18,
#category19,
#category20 {
  padding-top: 100px;
  margin-top: -100px;
}
@media screen and (max-width: 767px) {
  #category01,
#category02,
#category03,
#category04,
#category05,
#category06,
#category07,
#category08,
#category09,
#category10,
#category11,
#category12,
#category13,
#category14,
#category15,
#category16,
#category17,
#category18,
#category19,
#category20 {
  padding-top: 0;
  margin-top: 0;
}
}

.col1-inner {
  max-width: 1000px;
  margin: 50px auto;
  padding: 10px;
}

@media screen and (max-width:767px) {
  .col1-inner {
    margin: 0 auto;
  }
}

/*ハンバーガーメニュー*/

.sp-menu {
  display: none;
}

@media screen and (max-width: 1220px) {
  .sp-menu {
    display: block;
  }
}

.sp-global-nav {
  position: fixed;
  right: -320px;
  top: 0;
  max-width: 300px;
  width: 100%;

  height: 100vh;
  padding-top: 80px;
  background-color: #fff;
  -webkit-transition: all .6s;
  transition: all .6s;
  z-index: 200;
  overflow-y: auto;
}

.hamburger {
  position: absolute;
  top: 10px;
  right: 20px;
  cursor: pointer;
  z-index: 300;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(10, 42, 113, .9);
  padding: 7px 6px 4px 6px;
  border: 1px solid #0a2a71;
}

@media screen and (max-width:768px) {
  .hamburger {
    right: 15px;
  }
}

.sp-global-nav__list {
  margin: 10px 0;
  padding: 0;
  list-style: none;
  width: 100%;
}

.sp-global-nav__item a:hover {
  background-color: #eee;
}

.hamburger__line {

  width: 30px;
  height: 3px;
  background-color: #fff;
  -webkit-transition: all .6s;
  transition: all .6s;
}

.hamburger__line--1 {
  margin: 0 auto;
}

.hamburger__line--2 {
  margin: 8px auto 0;
}

.hamburger__line--3 {
  margin: 8px auto 0;
}

.hamburger_text {
  font-size: .8rem;
  display: block;
  margin: 5px 0 0;
  text-align: center;
  color: #fff;
}

.black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .6s;
  transition: all .6s;
  cursor: pointer;
}


/* 表示された時用のCSS */

.nav-open .sp-global-nav {
  right: 0;
  padding-top: 80px;
  width: 100%;
  max-width: 300px;
  z-index: 10001;
}

.nav-open .sp-menu .hamburger {
  top: 10px;
  padding: 17px 10px 6px 10px;
  z-index: 99999;
}


.nav-open .black-bg {
  opacity: .5;
  visibility: visible;
}

.nav-open .hamburger__line--1 {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: 0 auto;
}

.nav-open .hamburger__line--2 {
  width: 0;
  left: 50%;
}

.nav-open .hamburger__line--3 {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin: -14px auto 0;
}

.nav-open .hamburger_text {
  padding: 10px 0 0;
}

.nav__item-category a {
  padding: 15px 10px;
  display: block;
  font-weight: normal;
  text-decoration: none;
}

.child {
  display: none;
  padding: 0;
}

.sp-global-nav__item span {
  display: inline-block;
  width: 75%;
}

.icon_item-category {
  display: inline-block;
}

.sp-global-nav__item {
  border-bottom: 1px solid #efefef;
  margin: 4px 0;
  border-top: 1px solid #efefef;

}

.sp-nav__icon {
  text-align: center;
  position: relative;
}

.icon__line {
  display: block;
}

.sp-global-nav__list .accordion a.icon_item-category {
  text-align: center;
  position: relative;
  display: inline-block;
  width: 25%;
  background: #2790c3;
  padding: 15px 10px;
  color: #fff;
  text-decoration: none;
  vertical-align: top;
  cursor: pointer;
}



.sp-global-nav__list .accordion a.icon_item-category:after {
  right: 0;
  width: 20px;
  height: 20px;
  border-right: 2px solid;
  border-bottom: 2px solid;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  bottom: 0;
}

.sp-global-nav__list .accordion a.active.icon_item-category:before {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}

.sp-global-nav__list .accordion a.active.icon_item-category:after {
  background-color: transparent;
}

.child__list a {
  display: block;
  padding: 12px 10px;
  background: #f1f8ff;
  font-weight: normal;
  text-decoration: none;
}

.child__list {
  border-bottom: 1px solid;
}

.header-sns_area {
  margin: 20px 0 0;
  padding: 0 0 30%;
}

.sns-title {
  text-align: center;
  background: #283f6d;
  color: #fff;
  padding: 7px;
  margin: 0 0 10px;
}

.header-sns_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.header-sns_list li {
  margin: 5px 8px;
}

.header-sns_list li img {
  max-width: 50px;
}

/*---------------------------------
サイドメニュー----------------------*/


.side-accordion .accordion-inner {
  display: none;
  padding: 0;
  border: none;
}

.accordion-list {
  cursor: pointer;
  padding: 10px;
  position: relative;
}

.accordion-list:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 38%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px;
  border-right: solid 2px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.accordion-list.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}


.side-accordion p:active {
  border-bottom: 1px solid #efefef;
}

.side-nav li a.t-indent {
  padding: 10px 0 10px 2em;
}

.side-accordion .accordion-inner li a {
  background: #f1f8ff;
}

.side-accordion .accordion-inner li a.active {
  color: #fff;
  background: #5791bc;
}

.sp-bn-area_l {
  display: block;
  margin: 5px 5px 20px;
}

.sp-bn-area_l li {
  margin: 10px 0;
  padding: 0 10px;
}

.sp-bn-area_l li a {
  display: block;
}

.sp-bn-area_col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 0 50px;

}

.sp-bn-area_col2 li {
  width: 48%;
  margin: 5px 2px;
}

.content-text {
  font-size: 90%;


}
.arrow-base {
    position: relative;
    vertical-align: middle;
}

.arrow-base::before,
.arrow-base::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.arrow-right::before {
    right: -90%;
    width: 10px;
    height: 10px;
    border-top: 2px solid;
    border-right: 2px solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.arrow-l-right::before {

    width: 10px;
    height: 10px;
    border-top: 2px solid;
    border-right: 2px solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.arrow-bottom::before {
    right: -90%;
    width: 10px;
    height: 10px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);

}

.arrow-bottom_after::after {
    right: -90%;
    width: 10px;
    height: 10px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: -10px;
}