@charset "utf-8";
#top_layout{border-top:5px solid #1f2742}

#top_layout .top_wrap #logo > a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(/template/assets/images/logo_en.png) no-repeat;
}
#body_layout #location .utile_wrap {
    position: static;
    justify-content: space-between;
}
#body_layout #location .utile_wrap:after{
  display: none;
}
#bottom_banner{
  background: #0199a1;
}
#bottom_banner .layout .banner_wrap{
  height: 84px;
}
#bottom_banner .layout .banner_wrap .sl-slide::after{
      background: linear-gradient(to left, #0199a1, transparent);
}
#bottom_banner .layout .banner_wrap .banner_tit{
  color: #fff;
}
#bottom_banner .layout .banner_wrap .sl-slide .item a{
  position: relative;
}
#bottom_banner .layout .banner_wrap .sl-slide .item a::after{
  content: "";
  width: 1px;
  height: 9px;
  background: #fff;
  opacity: .3;
  position: absolute;
  right: 0px;
  top:calc(50% - 4px)
  
}
@media (max-width: 767px){
    #bottom_banner .layout .banner_wrap .sl-slide .item a::after{
      right: 15px;
    }
}
#bottom_banner .layout .banner_wrap .sl-slide .item a span{
  color: #fff;
}
#bottom_banner .layout .banner_wrap .slide_control button.prev:before{
  border-color: #fff;
  border-width: 0 0 2px 2px;
}
#bottom_banner .layout .banner_wrap .slide_control button.next:before{
  border-color: #fff;
  border-width: 2px 2px 0 0;
}
#bottom_banner .layout .banner_wrap .slide_control button.stop:before{
  box-shadow: -3px 0 #fff, 3px 0 #fff;
}
#bottom_banner .layout .banner_wrap .slide_control button.play:before {
    border-color: transparent transparent transparent #fff;
}



.sub03_05 #body_layout .lnb_wrap .lnb__title strong{
  padding-right: 0;
  line-height: 1.2;
}
.sub03_05 #body_layout #location .utile_wrap:after{
  display: none;
}
.sub03_05 #body_layout #location .utile_wrap{
  position: static;justify-content: space-between;
}
.sub03_05 #body_layout #location .page__title{margin-bottom: 15px;}
.sub03_05 #body_layout .lnb_wrap.mo .lnb_depth2__list > li button{
  position: relative;
  text-align: left;
  padding: 0 15px;
  padding-right: 30px;
}
.sub03_05 #body_layout .lnb_wrap.mo .lnb_depth2__list > li button:after{
  position: absolute;
  right: 8px;
}
.sub03_05 #body_layout .lnb_wrap.mo .lnb_depth2__list > li{min-width: 65px;width: auto;}

#gnb_layout .depth1_ul > li.n3 .item .depth2_ul > li > a{
  width: auto;
  min-width: 540px;
}
#gnb_layout .depth1_ul > li.n3 .depth2_ul > li > a:before{
  width: calc(100% - 14px);
}
#gnb_layout .depth1_ul > li.n3 .item:before{
  width: auto;
  min-width: 520px;
}
#body_layout .lnb_wrap.mo .lnb_depth2__list{
  position: relative;
}
#body_layout .lnb_wrap.mo .lnb_depth2__list > li{
  position: static;
}
#body_layout .lnb_wrap.mo .lnb_depth2__list > li .dropdown-menu{
  width: 100%;
  top:65px;
}

#foot_layout .site_wrap .layout .family_site .title span{
      padding: 0px 20px;
          line-height: 1.2;
}
#foot_layout .site_wrap .layout .family_site.on .list li a{
  height: auto;
  padding: 4px 14px;
    line-height: 1.2;
}
@media (max-width: 1279.98px){
#body_layout #location .page__title{
  margin-bottom: 15px;

}
#body_layout #location .utile_wrap .print_wrap li.sns{
  margin-left: 0;
}

}

#svisual_layout .subvisual-layout .subvisual-layout__title {
    font-size: 0;
    background: url(/template/assets/images/sub_tit_eng.png) center no-repeat;
    width: 100%;
    height: 85px;
    max-width: 735px;
    background-size: 100%;
}
#svisual_layout .subvisual-layout span{
  width: 100%;
}
@media (max-width: 767.98px){
#svisual_layout .subvisual-layout .subvisual-layout__title {
    background: url(/template/assets/images/sub_tit_m_eng.png) center top no-repeat;
    height: 105px;
}
.sub03_05 #body_layout .lnb_wrap.mo .lnb_depth2__list > li.n1{display: none;}
.sub03_05 #body_layout .lnb_wrap.mo .lnb_depth2__list > li{
   padding: 0;
}
#body_layout .lnb_wrap.mo .lnb_depth2__list > li.n2 {
  width: 40%;
}
#body_layout .lnb_wrap.mo .lnb_depth2__list > li.n3 {
  width: 60%;
}
}


.sub03_05 #body_layout #location .page__title {
    font-size: 22px;
    width: 100%
}

#gnb_layout #gnb .layout,#gnb_layout .depth1_ul,#gnb_layout .depth1_ul > li{
  height: 100%;
}

#gnb_layout .depth1_ul{
  width: 100%;
}

#gnb_layout .depth1_ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
#gnb_layout .depth1_ul > li > a{
  display: flex;
  align-items: center;
  justify-content: center;
}
#gnb_layout .depth1_ul > li > a span{
  min-width: 140px;
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;

}
@media screen and ((max-width: 1439.98px)) {
  #gnb_layout .depth1_ul > li > a span{
    font-size: 17px;
  }
}