.header {}

html {scroll-behavior: smooth;}

.pc_header {width: 100%;background:#fff;z-index: 9999;position: fixed;}
.mb_header {display: none;}

.top_header {position: relative;padding: 40px 0;}
.logo {margin: 0 auto;text-align: center;}
.logo a{display:block;}
.logo img{width:350px;}

.top_call {position: absolute;left: 100px;top: 44px;width:200px;}

.sns{display:flex;position:absolute;right:100px;top:49px;}
.sns li{margin-right:10px;}
.sns a{display:block;width:40px;height:40px;border-radius:5px;overflow:hidden;}
.sns a img{width:100%;}


.bt_header {background:#fff;border-top: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;}
.bt_header ul {width: 1260px;display: flex;justify-content: space-between;margin: 0 auto;}
.bt_header ul li {width: 100%;position: relative;}
.bt_header ul li a {display: block;text-align: center;font-size: 18px;font-weight: 500;
padding: 20px 0;color: #000;position: relative;}
.bt_header ul li a:hover {color: #2871ac;font-weight: 700;}
.bt_header ul li:last-child:after {display: none;}
.bt_header_active {position: relative;color:#2a345f !important}
.bt_header_active:before {position: absolute;display: block;content: "";width: 100%;height: 5px;background: #2871ac;left: 0;bottom: -1px;}

@media screen and (max-width:1200px){

  .top_call {left: 30px;width:150px;}
  .sns{right:30px;}
  .logo img{width:250px;}
  .sns a{width:30px;height:30px;}
}

@media screen and (max-width:799px) {
.pc_header {display: none;}
.mb_header {display: block;width: 100%;position: fixed;z-index: 99999;background:#fff;border-bottom:1px solid #e4e4e4;}
.mb_header .logo {width: 160px;margin: 0 auto;}
.mb_header .logo a {display: block;padding: 30px 0;}
.mb_header .logo img {width: 100%;}
  .m_menu_btn span {display: block;width: 30px;height: 3px;background: #fff;margin-bottom: 6px;border-radius: 50px;}
.mb_menu {}
.mb_menu ul {width: 80%;position: fixed;top: 0px;right: -100%;z-index: 9999;}
.mb_menu ul li {background: #1a2a47}
.mb_menu ul li:nth-child(2n) {background: #f8f8f8 !important}
.mb_menu ul li a {text-align: center;color: #fff;font-size: 15px;display: block;padding: 20px 0;font-weight: 600;}
.mb_menu ul li:nth-child(2n) a{color:#000 !important}
.menu_bg {display: none;background: #333;opacity: 0.5;width: 100%;height: 100%;position: fixed;top: 0; cursor: pointer;}
  .quick_reserve {position: absolute;top:34px;left: 40px;}
  .quick_reserve a{margin-right:5px;}
.quick_reserve img {border-radius: 10px;width: 40px;}

.m_menu_btn {position: absolute;top: 43px;right: 50px;cursor: pointer;}
.quick_reserve {top:18px;left:18px;}
.m_menu_btn {top:22px;right: 18px;}
.m_menu_btn span {display: block;
    width: 25px;
    height: 3px;
    background: #203d7c;
    margin-bottom: 5px;}
.mb_menu ul {width: 70%;}

.mb_header .logo a { padding: 25px 0;}
.quick_reserve img {width: 30px;border-radius:5px;}

}