.scroll{
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 8;
  width: 50px;
}
.main_slide{
  height: auto;
  position: relative;
  overflow: hidden;
}
.main_slide h2.main_title {
  position: absolute;
  top: 50%;
  left: 30%;
  transform: translate(-50%, -30%);
  z-index: 1000;
  width: 135px;
}
.bg-0 .main_slide h2.main_title{
  color:#000;
}
.main_slide h2.main_title span{
  display: inline-block;
  -webkit-writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -ms-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  float:right;
  font-size: 2.4rem;
  font-weight: bold;
  position: relative;
  padding: 0 5px;
  margin-left: 10px;
}
.main_slide h2.main_title span:after{
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: 3px;
  height: 100%;
  background: #000;
}


#slide01{
  max-height: 85vh;
  height: auto;
}

@media only screen and (max-width: 992px) and (min-width: 768px){
#slide01{
height:  85vh!important;
}

}
@media only screen and (max-width:992px) {
#slide01{
height:  auto;
}

}
#slide01 .slick-slide{
  height: 100%;
}

.osirase{
  background:#ea554e;
  position: relative;
  z-index: 1000;
}
.osirase .container{
  color: #fff;
}
.osirase .osirasebox{
  display: flex;
  justify-content: space-between;
}
.osirase .osirasebox p.osirase_tit{
  width: 200px;
  padding-left: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.osirase .osirase_list{
      width: calc(100% - 40px);
      margin-right: 60px;
      margin-top: 10px;
      margin-bottom: 10px;
}

section{
  margin: 0 15px;
}


.osirase .osirase_list li{
	width: 100%;
    background: #fff;
    color: #000;
    border-radius: 8px;
    padding: 8px;
}

.osirase .osirase_list li a{
  display: block;
  line-height: 1.4;
}
.osirase .osirase_list li span{margin-right: 16px;}

.main_block {padding: 60px 0;}

.main_block .main_txt {width: 100%;}



ul.list{align-items: center;margin-bottom: 80px; justify-content: center; flex-wrap: nowrap;}
ul.list li.circle {width: 235px;height: 235px;}
ul.list li.circle a{color: #00b2d5;display: block;height: 100%;text-align: center;padding-top: 25%;border: 5px solid #00b2d5;border-radius: 50%;}
ul.list li.circle a:hover{color: #fff;background: #00b2d5;}
ul.list li.circle p{font-size: 4rem;line-height: 1.2;margin-bottom: .3em;}
ul.list li.circle p small{font-size: 1rem;display: block;}
ul.list li.circle span.underline{text-decoration: underline;}

ul.list li.circle.orange a{color: #f6ad3c;border: 5px solid #f6ad3c;}
ul.list li.circle.orange a:hover{color: #fff;background: #f6ad3c;}
ul.list li.circle.orange p{color: #000;}
html.bg-0 ul.list li.circle.orange p{color: #f6ad3c;}
ul.list li.circle.orange a:hover p{color: #fff;}
ul.list li.arrow{width: 130px;margin: 0 20px;}
html.bg-0 ul.list li.arrow{
  //filter: invert(1);
}



@media only screen and (max-width:992px) {

  ul.list { display: block;position: relative;margin-bottom: 40px;}
  ul.list li {

    position: relative;
  }
  ul.list li.circle {
    width: 165px;
    height: 165px;
  }
  ul.list li.circle p {
    font-size: 2.5rem;
    line-height: 1.2;
    margin-bottom: .3em;
  }
  ul.list li.circle p small {
    font-size: .85rem;
    display: block;
  }
  ul.list li.circle a {
    padding-top: 20%;
    border: 3px solid #00b2d5;
  }
  ul.list li.circle.orange a {
    border: 3px solid #f6ad3c;
  }
  ul.list li.arrow {display: none;}

  ul.list li.right {
    float: right;
    margin: -40% 0 0px;
  }
  ul.list li:first-child{
    margin-bottom: 30%;
  }
  ul.list li:first-child:after {
    content: "";
    position: absolute;
    right: -40px;
    top: 65%;
    background: url(../img/top/arrow_sp.svg) center center no-repeat;
    background-size: contain;
    width: 32px;
    height: 33px;
  } 
  ul.list li.right:after{
    content: "";
    position: absolute;
    left: 26px;
    bottom: -39px;
    background: url(../img/top/arrow02_sp.svg) center center no-repeat;
    background-size: contain;
    width: 32px;
    height: 33px;
  }
}


.mssg {margin-bottom: 40px;}
.mssg .mssg_ttl {width: 755px;margin-bottom: 40px;}
.mssg .mssg_txt {width: 100%;}
html.bg-0 .mssg .mssg_ttl {
  filter: invert(1);
}


.strength {flex-wrap: nowrap;margin-bottom: 80px;}
.strength li { 
  width: 100%;
  -webkit-transition: width 0.3s ease-out;
  transition: width 0.3s ease-out;
  height: 500px ;
  overflow: hidden;
  position: relative;
  background: #000;
}
.strength li:hover {
  width: 150%;
}

@media only screen and (max-width:992px) {
.strength li { 

  -webkit-transition: none;
  transition: none;
}
  .strength li:hover {
  width: 50%;
}
}

.strength li img.ab {
  position: absolute;
  width: auto;
  max-width: inherit;
  top: 50%;
  left: 60%;
  transform: translate(-50%, -50%);
}
.strength li .ab_txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 2rem;
  text-shadow:
  black 1px -1px 5px, black 0px 0px 8px;
  white-space: nowrap;
}



@media only screen and (max-width:992px) {
.strength li:nth-of-type(1) .ab_txt:after{
    content: ">";
    background: url(../img/top/arrow_2.png);
    position: absolute;
    right: -29px;
    top: 8%;
    font-size: 42px;

}
.strength li:nth-of-type(2) .ab_txt:after{
    content: ">";
    background: url(../img/top/arrow_2.png);
    position: absolute;
    right: -34px;
    top: 4%;
    font-size: 42px;

}
.strength li:nth-of-type(3) .ab_txt:after{
    content: ">";
    background: url(../img/top/arrow_2.png);
    position: absolute;
    right: -21px;
    top: 2%;
    font-size: 42px;

}
.strength li:nth-of-type(4) .ab_txt:after{
    content: ">";
    background: url(../img/top/arrow_2.png);
    position: absolute;
    right: -34px;
    top: 6%;
    font-size: 42px;

}

}

.strength-parent{
  margin: 0;
}

.strength li .ab_txt span{
  font-size: 1.4rem;
}
.strength li a:hover {
  opacity: 1;
}
.strength li a:hover img.ab{
     filter: blur(3px);
}


/*recruit*/
.recruitment {
  background: #00b2d5;
  padding-bottom: 20px;
  position: relative;
  overflow: visible;
  margin-bottom: 100px;
  margin:0;
}
.recruitment .recruit_pic {width: 50%;position: relative;}
.recruitment .recruit_pic h2 {
  margin-top: -30px;
  margin-left: 20px;
  width: 80%;
  font-size: 5rem;
  color: #fff;
}
.recruitment .recruit_txt {width: 50%;padding: 50px 0 0 36px;}
.recruitment .recruit_txt h3 {
  margin-bottom: 60px;
  display: inline-block;
  position: relative;
  font-size: 2.4rem;
  font-weight: bold;
}
.recruitment .recruit_txt h3:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  background: #fff;
  bottom: -10px;
  left: 0;
}

.recruitment .recruit_txt .recruit_txt_detail{
	width: 75%;
}

.recruitment .recruit_txt p span.under{text-decoration: underline;}
.recruitment .recruit_txt p.btn {
  margin-top: 60px;
  display: inline-block;;
}
.recruitment .recruit_txt a {
  display: block;
  background: rgba(255, 255, 255, 1) url(../img/common/btn_arrow.png) right 20px center no-repeat;
  color: #00b2d5;
  padding: 16px 42px 16px 32px;
  font-size: 1.4rem;
}
.recruitment .recruit_icon {position: absolute;bottom: -100px;left: 72%;width: 200px;pointer-events: auto;}

@media only screen and (max-width:992px) {
.recruitment .recruit_txt .recruit_txt_detail{
	width: 100%;
}
.recruitment .recruit_txt p.btn {

}

}


/*NEWS*/
.news_area {margin-bottom: 120px;margin-top: 100px;}
.news_tit{width:148px;margin-bottom: 40px;font-size: 4rem;line-height: 1.2;}
.news_tit span{display:block;font-size: 1.4rem;}
.news_wrap{border-top:1px dotted #808080;margin-bottom: 40px;}
.newsBox {padding: 20px;border-bottom:1px dotted #808080;justify-content: flex-start;align-items: center; flex-wrap: nowrap;}
.newsBox .cat {padding-right: 40px;}
.newsBox .category{display:inline-block;padding:8px 0;width:170px;color: #fff;border-radius: 20px;text-align: center;}
.newsBox .category.news {background:#fea94d;}
.newsBox .category.event {background:#fea94d;}
.newsBox .category.recruit {background:#005aac;}
.newsBox .category.media {background:#fea94d;}
.newsBox .news_date {display: block;color: #00b2d5;margin-right: 10px;}
.newsBox .news_title a {color: #000;}
html.bg-0 .newsBox .news_title a{color: #fff;}
.pageLink{
  max-width: 1214px;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  margin:0 auto 180px;
}
.pageLink li{width: 635px;position: relative;}
.pageLink li .pageLink_tit{
  display: inline-block;
  position: absolute;
  left: 0px;
  bottom: -70px;
  z-index: 5;
  font-size: 3.5rem;
  line-height: 1.2;
  padding: 10px;
}
.pageLink li .pageLink_tit:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: -1;
}

.pageLink li .pageLink_tit span{
  display: block;
  font-size: 1.4rem;
}

.pageLink li a{display: block;}
html.bg-0 .pageLink li .pageLink_tit {
  color: #000;
}


p.more_btn{ text-align: center;}
p.more_btn a{
  display: block;
  padding:8px 80px;
  text-align: center;
  color: #fff;
  background: #00b2d5;
  font-size: 1.5rem;
  width: 250px;
  margin: 0 auto;
}


@media only screen and (max-width: 992px) and (min-width: 768px){
ul.list{align-items: center!important;margin-bottom: 80px; justify-content: center!important;display: flex!important;    flex-wrap: nowrap;}
ul.list li.circle {width: 160px;height: 160px;}
ul.list li.circle a{color: #00b2d5;display: block;height: 100%;text-align: center;padding-top: 25%;border: 5px solid #00b2d5;border-radius: 50%;}
ul.list li.circle a:hover{color: #fff;background: #00b2d5;}
ul.list li.circle p{font-size: 2rem;line-height: 1.2;margin-bottom: .3em;}
ul.list li.circle p small{font-size: 1rem;display: block;}
ul.list li.circle span.underline{text-decoration: underline;}
ul.list li:first-child{
    margin-bottom: 0!important;
  }
  ul.list li.right{
    margin: 0!important;
  }
  ul.list li.right:after{
    display: none!important;
  }
  ul.list li:first-child:after{
    display: none!important;
  }
  ul.list li.bg-white{
    display: block!important;
  }
  .bg-0 ul.list li.bg-black{
    display: block!important;
  }
  .bg-0 ul.list li.bg-white{
    display: none!important;
  }
ul.list li.circle.orange a{color: #f6ad3c;border: 5px solid #f6ad3c;}
ul.list li.circle.orange a:hover{color: #fff;background: #f6ad3c;}
ul.list li.circle.orange p{color: #000;}
html.bg-0 ul.list li.circle.orange p{color: #f6ad3c;}
ul.list li.circle.orange a:hover p{color: #fff;}
ul.list li.arrow{width: 70px;margin: 0 20px;}
html.bg-0 ul.list li.arrow{
  //filter: invert(1);
}
.pageLink{
  display: flex!important;
}

.pageLink li .pageLink_tit.message{
      left: auto;
    right: 50px;
    bottom: -13px;
}
.recruitment .recruit_pic h2{
      margin-top: 35px!important;
}
.recruitment .recruit_icon{
      width: 18%!important;
}

.recruitment .recruit_txt p.btn{
      width: auto!important;
}

#banner a{
    flex-wrap: nowrap !important;
}

#banner .txt , #banner .pic{
  width: 100%!important;
}
#banner .txt p{
      font-size: 1.4rem!important;
}
#banner .txt p span{
      font-size: 1rem!important;
}
#banner .txt:after{
    width: 40px!important;
    height: 40px!important;
    background-size: contain;
    right: 5px!important;
    bottom: 15px!important;
}

  .strength li img.ab {
    position: absolute;
    width: 135%!important;
    max-width: none;
  }

}

@media only screen and (max-width:992px) {

#banner a{
    flex-wrap: wrap;
    width: 100%;
}

#banner .txt , #banner .pic{
  width: 100%!important;
}
#banner .txt p{
      font-size: 1.1rem;
}
#banner .txt p span{
      font-size: 0.8rem;
}
#banner .txt:after{
    width: 40px!important;
    height: 40px!important;
    background-size: contain;
    right: 5px!important;
    bottom: 17px!important;
}
}

@media only screen and (max-width:992px) {
  .main_slide {
    height: auto;
  }

  .main_slide h2.main_title {
    top: 50%;
    left: 10%;
    transform: translate(-50%, -30%);
  }
  .main_slide h2.main_title span{
    font-size: 1.5rem;
    margin-left: 8px;
    display:block;
  }
  .main_slide h2.main_title span:after{
    width: 2px;
  }


  .scroll {width: 40px;}
  .osirase .osirasebox {flex-direction: column;}
  .osirase .osirasebox p.osirase_tit {margin-bottom: 5px;} 
  .osirase .osirase_list{ width:calc(100% - 40px); margin-top:0;}
  .osirase .osirase_list li a {
    display: block;
}
  .osirase .osirase_list li span {
    margin-right: 0px;
    display: block;
    margin-bottom: 5px;
}

  .main_block { padding: 30px 0;}
  .main_block .main_ttl {
    width: 100%;
    margin-bottom: 20px;
  }
  ul.list { display: block;position: relative;}
  ul.list li {
    width: 50%;
    position: relative;
  }
  ul.list li.arrow {display: none;}
  
  ul.list li.right {
    float: right;
    margin: -40% 0 0px;
  }
  ul.list li:first-child{
    margin-bottom: 30%;
  }
  ul.list li:first-child:after{
    content: "";
    position: absolute;
    right: -50px;
    top: 55%;
    background: url(../img/top/arrow_sp.svg) center center no-repeat;
    background-size: contain;
    width: 42px;
    height: 33px;
  }
 .bg-0 ul.list li:first-child:after{
    background: url(../img/top/arrow_sp_white.svg) center center no-repeat;
  }
  ul.list li.right:after{
    content: "";
    position: absolute;
    left: 26px;
    bottom: -39px;
    background: url(../img/top/arrow02_sp.svg) center center no-repeat;
    background-size: contain;
    width: 42px;
    height: 33px;
  }
 .bg-0 ul.list li.right:after{

  background: url(../img/top/arrow02_sp_white.svg) center center no-repeat;
 }


  .mssg .mssg_ttl {
    width: 100%;
    margin-bottom: 20px;
  }

  .strength {
    flex-wrap: wrap;
    margin-bottom: 80px;
  }
  .strength li {
    width: 50%;
    height: 300px;
  }
  .strength li img.ab {
    position: absolute;
    width: 181%;
    max-width: none;
  }

  .strength li .ab_txt {
    font-size: 1.1rem;
  }
  .strength li .ab_txt span {
    font-size: 1rem;
  }
  .pageLink{
    display: block;
    margin:0 auto 0px;
  }
  .pageLink li{width: 100%;position: relative;margin-bottom: 80px;}
  .pageLink li:last-child{margin-bottom: 120px;}
  .pageLink li .pageLink_tit {
    position: absolute;
    left: 10px;
    bottom: -60px;
    font-size: 2.5rem;
}
  .pageLink li .pageLink_tit:before{
    height: auto;
  }
  .pageLink li .pageLink_tit:after{
    content: "";
    position: absolute;
    right: -40px;
    bottom: 10px;
    background: url(../img/top/arrow.svg) center center no-repeat;
    background-size: contain;
    width: 56px;
    height: 33px;
  }
  .pageLink li .pageLink_tit span {
    display: block;
    font-size: 1rem;
  }
  .pageLink li .pageLink_tit.message {
    width: auto;
    padding: 10px 16px;
  }
  .pageLink li .pageLink_tit.staff {
    width: auto;
    padding: 10px 16px;
    left: auto;
    right: 50px;
  }
  .pageLink li .pageLink_tit.staff:after {
    width: 46px;
    height: 33px;
}

  .pageLink li a{display: block;}

  .recruitment .recruit_pic {
    width: 100%;
    position: relative;
  }
  .recruitment .recruit_pic h2 {
    margin-top: -10px;
    margin-left: 10px;
    width: 100%;
    text-align: left;
    font-size: 3rem;
  }
  .recruitment .recruit_txt {
    width: 100%;
    padding: 20px 16px 0 16px;
  }
  .recruitment .recruit_txt h3 {
    margin-bottom: 20px;
    font-size: 1.4rem;
  }
  .recruitment .recruit_txt p.btn {
      margin-top: 30px;
      display: inline-block;
  }
  .recruitment .recruit_txt a {
    font-size: 1rem;
  }
  .recruitment .recruit_icon {
    position: absolute;
    bottom: -50px;
    left: auto;
    right: 16px;
    width: 22%;
  }

  .news_tit {
    width: 100%;
    font-size: 2rem;
    margin-bottom: 20px;
  }
  .news_tit span {
    font-size: .8rem;
  }
  .newsBox {
    padding: 16px 0;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .newsBox .cat {
    padding-right: 0px;
    width: 70px;
  }
  .newsBox .category {
    display: inline-block;
    padding: 4px 10px;
    width: auto;
    font-size: .6rem;
    border-radius: 20px;
    color: #fff;
  }
  .newsBox .news_txt{
    width: 80%;
    line-height: 1.6;
  }
  .newsBox .news_txt span {
    margin-bottom: 0;
  }

  .newsBox .news_date{    margin-top: 2px;}
  .newsBox .news_title {
    width: 100%;
    margin-top: 5px;
  }

  p.more_btn a {
    padding: 8px 40px;
    font-size: 1rem;
  }

  .news_area {
    margin-top: 50px;
    margin-bottom: 40px;
  } 
}

  .sp-designated-nav{
    display: none;
  }

  @media only screen and (max-width:992px) {
  .sp-designated-nav{
    display: block;
  }

      .top-nav {
      display: flex;
      flex-wrap: wrap;
      margin: 12px 0 0; }

.top-nav > li {
        width: 50%;
        border-right: 1px solid #b3b3b3; }
        .top-nav > li:nth-of-type(1), .top-nav > li:nth-of-type(2) {
          border-bottom: 1px solid #b3b3b3; }
        .top-nav > li:nth-child(3n) {
              border-right: 1px solid #b3b3b3; }
        .top-nav > li .fa-external-link-alt {
          margin-left: 3px;
          color: #002469; }
        .top-nav > li ul {
          display: none;
          position: absolute;
          width: 100%;
          padding: 15px;
          background: #00b2d5;
          box-sizing: border-box;
         left: 0; }
          .top-nav > li ul li {
            margin-bottom: 5px; }
            .top-nav > li ul li a {
              color: #fff;
              font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; }
              .top-nav > li ul li a:before {
                font-family: "Font Awesome 6 Free";
                font-weight: 900;
                content: "";
                font-size: 14px;
                margin-right: 5px; }
        .top-nav > li > a {
          position: relative;
          display: block;
          padding: 12px 12px 0;
          font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
          font-weight: bold;
          text-align: center;
          color: #000; }
        .bg-0 .top-nav > li > a{
          color:#ffffff;
        }
        .top-nav > li:nth-of-type(1) .icon-about:before {
          margin-top: -10px; }
        .top-nav > li:nth-of-type(1) > a:after {
          position: absolute;
          left: 50%;
          bottom: 5px;
          margin-left: -5px;
          content: "";
          display: inline-block;
          width: 6px;
          height: 9px;
          background-repeat: no-repeat;
          background-size: contain;
          vertical-align: middle;
          width: 10px;
          height: 10px;
          background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032.8%2032.8%22%20style%3D%22enable-background%3Anew%200%200%2032.8%2032.8%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%230099CC%3B%7D%20.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M3.8%2C0H29c2.1%2C0%2C3.8%2C1.7%2C3.8%2C3.8V29c0%2C2.1-1.7%2C3.8-3.8%2C3.8H3.8C1.7%2C32.8%2C0%2C31.1%2C0%2C29V3.8C0%2C1.7%2C1.7%2C0%2C3.8%2C0z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M25.9%2C14.8V18H18v7.8h-3.2V18H6.9v-3.2h7.8V6.9H18v7.8L25.9%2C14.8z%22%2F%3E%3C%2Fsvg%3E');}
          .top-nav > li:nth-of-type(1).active a:after {
          width: 10px;
          height: 10px;
          background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2027.27%2027.27%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2300a0c3%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M24.35%2C0H2.92A2.92%2C2.92%2C0%2C0%2C0%2C0%2C2.92V24.35a2.92%2C2.92%2C0%2C0%2C0%2C2.92%2C2.92H24.35a2.92%2C2.92%2C0%2C0%2C0%2C2.92-2.92V2.92A2.92%2C2.92%2C0%2C0%2C0%2C24.35%2C0ZM5.6%2C16.07a.73.73%2C0%2C0%2C1-.73-.73V11.93a.73.73%2C0%2C0%2C1%2C.73-.73H21.67a.73.73%2C0%2C0%2C1%2C.73.73v3.41a.73.73%2C0%2C0%2C1-.73.73Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');}
         .top-nav > li:nth-of-type(2) > a:after {
          position: absolute;
          left: 50%;
          bottom: 5px;
          margin-left: -5px;
          content: "";
          display: inline-block;
          width: 6px;
          height: 9px;
          background-repeat: no-repeat;
          background-size: contain;
          vertical-align: middle;
          width: 10px;
          height: 10px;
          background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032.8%2032.8%22%20style%3D%22enable-background%3Anew%200%200%2032.8%2032.8%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%230099CC%3B%7D%20.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M3.8%2C0H29c2.1%2C0%2C3.8%2C1.7%2C3.8%2C3.8V29c0%2C2.1-1.7%2C3.8-3.8%2C3.8H3.8C1.7%2C32.8%2C0%2C31.1%2C0%2C29V3.8C0%2C1.7%2C1.7%2C0%2C3.8%2C0z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M25.9%2C14.8V18H18v7.8h-3.2V18H6.9v-3.2h7.8V6.9H18v7.8L25.9%2C14.8z%22%2F%3E%3C%2Fsvg%3E');}
          .top-nav > li:nth-of-type(2).active a:after {
          width: 10px;
          height: 10px;
          background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2027.27%2027.27%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2300a0c3%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M24.35%2C0H2.92A2.92%2C2.92%2C0%2C0%2C0%2C0%2C2.92V24.35a2.92%2C2.92%2C0%2C0%2C0%2C2.92%2C2.92H24.35a2.92%2C2.92%2C0%2C0%2C0%2C2.92-2.92V2.92A2.92%2C2.92%2C0%2C0%2C0%2C24.35%2C0ZM5.6%2C16.07a.73.73%2C0%2C0%2C1-.73-.73V11.93a.73.73%2C0%2C0%2C1%2C.73-.73H21.67a.73.73%2C0%2C0%2C1%2C.73.73v3.41a.73.73%2C0%2C0%2C1-.73.73Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');}

        .top-nav .icon {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 60px; }
        .top-nav .icon:before {
          content: "";
          display: inline-block;
          width: 6px;
          height: 9px;
          background-repeat: no-repeat;
          background-size: contain;
          vertical-align: middle; }
        .top-nav .icon-about:before {
          width: 30px;
          height: 30px;
          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2043.74%2041.6%22%20width%3D%2243.74%22%20height%3D%2241.6%22%3E%3Cpath%20fill%3D%22%23999%22%20fill-rule%3D%22evenodd%22%20d%3D%22M28.76%2C0V5.12L18.28%2C6.81s-2.6.45-3.29%2C2.52-.38%2C3.36-.77%2C5a4.56%2C4.56%2C0%2C0%2C1-3.36%2C3.29C9.25%2C18%2C0%2C19.27%2C0%2C19.27V14.45l10.48-1.6A4.81%2C4.81%2C0%2C0%2C0%2C14.07%2C9c.46-3.13.46-6.73%2C3.82-7.26L28.76%2C0%22%2F%3E%3Cpath%20fill%3D%22%23999%22%20fill-rule%3D%22evenodd%22%20d%3D%22M28.76%2C9.48v5.13L18.28%2C16.29s-2.6.46-3.29%2C2.52-.38%2C3.37-.77%2C5a4.56%2C4.56%2C0%2C0%2C1-3.36%2C3.29C9.25%2C27.45%2C0%2C28.75%2C0%2C28.75V23.94l10.48-1.61a4.81%2C4.81%2C0%2C0%2C0%2C3.59-3.82c.46-3.14.46-6.73%2C3.82-7.27S28.76%2C9.48%2C28.76%2C9.48%22%2F%3E%3Cpath%20fill%3D%22%23999%22%20fill-rule%3D%22evenodd%22%20d%3D%22M43.74%2C12.85V18L33.27%2C19.66s-2.6.45-3.29%2C2.52-.38%2C3.36-.77%2C5a4.6%2C4.6%2C0%2C0%2C1-3.36%2C3.29C24.24%2C30.82%2C15%2C32.12%2C15%2C32.12V27.3l10.48-1.6a4.81%2C4.81%2C0%2C0%2C0%2C3.59-3.83c.46-3.13.46-6.73%2C3.83-7.26l10.85-1.76%22%2F%3E%3Cpath%20fill%3D%22%23999%22%20fill-rule%3D%22evenodd%22%20d%3D%22M43.74%2C22.33v5.13L33.27%2C29.14s-2.6.46-3.29%2C2.52-.38%2C3.37-.77%2C5a4.58%2C4.58%2C0%2C0%2C1-3.36%2C3.29C24.24%2C40.3%2C15%2C41.6%2C15%2C41.6V36.78l10.48-1.6a4.81%2C4.81%2C0%2C0%2C0%2C3.59-3.83c.46-3.13.46-6.73%2C3.83-7.26l10.85-1.76%22%2F%3E%3C%2Fsvg%3E"); }
        .top-nav .icon-inpatient:before {
          width: 40px;
          height: 25px;
         background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20134.17%2080.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23939393%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M36.9%2C40.25A16.77%2C16.77%2C0%2C1%2C0%2C20.13%2C23.48%2C16.79%2C16.79%2C0%2C0%2C0%2C36.9%2C40.25Zm73.79-26.83h-47a3.35%2C3.35%2C0%2C0%2C0-3.35%2C3.35V47h-47V3.35A3.35%2C3.35%2C0%2C0%2C0%2C10.06%2C0H3.35A3.35%2C3.35%2C0%2C0%2C0%2C0%2C3.35v73.8A3.35%2C3.35%2C0%2C0%2C0%2C3.35%2C80.5h6.71a3.35%2C3.35%2C0%2C0%2C0%2C3.36-3.35V67.08H120.75V77.15a3.35%2C3.35%2C0%2C0%2C0%2C3.36%2C3.35h6.7a3.35%2C3.35%2C0%2C0%2C0%2C3.36-3.35V36.9A23.48%2C23.48%2C0%2C0%2C0%2C110.69%2C13.42Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');}
         .top-nav .icon-outpatient:before {
          width: 32px;
          height: 38px;
          background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2075.87%2086.7%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23939393%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M37.93%2C43.35A21.68%2C21.68%2C0%2C1%2C0%2C16.26%2C21.68%2C21.67%2C21.67%2C0%2C0%2C0%2C37.93%2C43.35ZM17.61%2C71.8a4.07%2C4.07%2C0%2C1%2C0%2C4.07-4.06A4.06%2C4.06%2C0%2C0%2C0%2C17.61%2C71.8ZM54.19%2C48.87v8.3A13.57%2C13.57%2C0%2C0%2C1%2C65%2C70.45v7.06a2.73%2C2.73%2C0%2C0%2C1-2.19%2C2.66l-5.45%2C1.08a1.34%2C1.34%2C0%2C0%2C1-1.59-1.07l-.53-2.65a1.36%2C1.36%2C0%2C0%2C1%2C1.07-1.6l3.27-.66V70.45c0-10.64-16.26-11-16.26.32v4.52l3.27.66a1.37%2C1.37%2C0%2C0%2C1%2C1.07%2C1.59l-.53%2C2.66a1.37%2C1.37%2C0%2C0%2C1-1.59%2C1.07l-5.28-.71A2.71%2C2.71%2C0%2C0%2C1%2C38%2C77.86V70.45A13.59%2C13.59%2C0%2C0%2C1%2C48.79%2C57.17V49.52c-.37.11-.75.18-1.12.32a29.29%2C29.29%2C0%2C0%2C1-19.44%2C0A18.66%2C18.66%2C0%2C0%2C0%2C24.4%2C49V62.78a9.48%2C9.48%2C0%2C1%2C1-5.42%2C0V49.16A22.7%2C22.7%2C0%2C0%2C0%2C0%2C71.53v7.59A7.59%2C7.59%2C0%2C0%2C0%2C7.59%2C86.7H68.28a7.6%2C7.6%2C0%2C0%2C0%2C7.59-7.58V71.53A22.74%2C22.74%2C0%2C0%2C0%2C54.19%2C48.87Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');}
        .top-nav .icon-access:before {
          width: 28px;
          height: 32px;
          background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064.98%2086.64%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23939393%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M29.15%2C84.89C4.56%2C49.25%2C0%2C45.59%2C0%2C32.49a32.49%2C32.49%2C0%2C0%2C1%2C65%2C0c0%2C13.1-4.56%2C16.76-29.15%2C52.4a4.07%2C4.07%2C0%2C0%2C1-6.68%2C0ZM32.49%2C46A13.54%2C13.54%2C0%2C1%2C0%2C19%2C32.49%2C13.54%2C13.54%2C0%2C0%2C0%2C32.49%2C46Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');}

  }