.bear-brand-header{background:#fff;padding:18px
0 !important;position:relative;z-index:99;-webkit-box-shadow:0 2px 4px 0 rgba(11, 59, 108, 0.05), 0 4px 8px 0 rgba(11, 59, 108, 0.05), 0 6px 12px 0 rgba(11, 59, 108, 0.05);box-shadow:0 2px 4px 0 rgba(11, 59, 108, 0.05), 0 4px 8px 0 rgba(11, 59, 108, 0.05), 0 6px 12px 0 rgba(11, 59, 108, 0.05)}@media all and (max-width: 1024px){.bear-brand-header{padding:33px
20px !important}}@media all and (max-width: 768px){.bear-brand-header{padding:25px
0 !important;position:fixed;left:0;right:0;top:0;z-index:99;padding:8px
0 10px !important}}.bear-brand-header
a{text-decoration:none}.bear-brand-header .nav-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}@media all and (max-width: 768px){.bear-brand-header .nav-main{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.bear-brand-header .nav-main
div{display:inline-block}.bear-brand-header .nav-main div
.logo{width:156px;margin-right:8px}@media all and (max-width: 768px){.bear-brand-header .nav-main div
.logo{height:43px}}.bear-brand-header .nav-main div .logo-feat{display:inline-block;position:relative;margin-bottom:2px}@media all and (max-width: 414px){.bear-brand-header .nav-main div .logo-feat{margin-bottom:0}.bear-brand-header .nav-main div .logo-feat
img{width:100px}}@media all and (max-width: 320px){.bear-brand-header .nav-main div .logo-feat
img{width:90px}}.bear-brand-header .nav-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:10px}@media screen and (max-width: 992px){.bear-brand-header .nav-menu.is-pc{display:none}}.bear-brand-header .nav-menu .list-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width: 992px){.bear-brand-header .nav-menu .list-wrapper{display:block;position:absolute;top:15%}}.bear-brand-header .nav-menu .list-wrapper li
a{display:inline-block;font-size:20px;color:#232a35;margin-left:50px;position:relative}@media (min-width: 769px){.bear-brand-header .nav-menu .list-wrapper li a:after{content:"";display:inline-block;opacity:0;position:absolute;width:0%;height:12px;background-color:#fbfb42;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;pointer-events:none;z-index:-1;left:4%;top:58%;-webkit-transition:all 0.25s ease;transition:all 0.25s ease;-webkit-transform:translateX(0%) translateY(0%);transform:translateX(0%) translateY(0%)}.bear-brand-header .nav-menu .list-wrapper li a:hover:after{width:100%;opacity:0}.bear-brand-header .nav-menu .list-wrapper li a.active:after{width:100%;opacity:1}}@media all and (max-width: 768px){.bear-brand-header .nav-menu .list-wrapper li
a{margin-left:0}}.bear-brand-header .nav-menu .list-wrapper li a:hover:after{width:100%;opacity:1}@media (max-width: 992px){.bear-brand-header .nav-menu .list-wrapper .li a:hover:after{width:0%;opacity:0}}.bear-brand-header .nav-menu .list-wrapper li a.active:after{top:58%}@media screen and (max-width: 992px){.bear-brand-header .nav-menu .list-wrapper li a.active:after{top:17%}}@media screen and (max-width: 992px){.bear-brand-header .nav-menu.toggle{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;top:0;right:0;left:0;bottom:0;background:#fff;z-index:50;text-align:center;background-image:url(/img/bearworks/index/menu_bg.svg);background-repeat:no-repeat;background-size:contain;background-position:center;background-size:cover}}@media screen and (max-width: 992px){.bear-brand-header .nav-menu.toggle
a{font-size:22px;letter-spacing:0.4px;padding-bottom:50px;margin:0;position:relative}.bear-brand-header .nav-menu.toggle a.active:after{content:"";display:inline-block;opacity:1;position:absolute;width:100%;height:12px;background-color:#fbfb42;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;pointer-events:none;z-index:-1;left:4%;top:26%;-webkit-transition:all 0.25s ease;transition:all 0.25s ease;-webkit-transform:translateX(0%) translateY(0%);transform:translateX(0%) translateY(0%)}}@media screen and (max-width: 992px){.bear-brand-header .nav-menu.toggle li a:after{top:17%}.bear-brand-header .nav-menu.toggle a:hover:after{top:17%}}@media (max-width: 992px){.bear-brand-header .nav-menu .list-wrapper li a.active:hover:after{opacity:1}.bear-brand-header .nav-menu .list-wrapper li a:hover:after{opacity:0}}.bear-brand-header .menu-link-wrapper{width:40px;height:45px;cursor:pointer;position:relative;z-index:60}@media screen and (max-width: 992px){.bear-brand-header .menu-link-wrapper.is-m{display:block !important}}@media all and (max-width: 768px){.bear-brand-header .menu-link-wrapper{position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}.bear-brand-header .menu-link-wrapper .menu-link{width:100%;height:100%;width:40px;height:45px}.bear-brand-header .menu-link-wrapper .menu-link
.lines{-webkit-transition:background 0.2s ease 0.2s;transition:background 0.2s ease 0.2s;display:block;height:2.71429px;background:#aaa;border-radius:0.85714px;border-radius:0.05357rem;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:76%;margin:0
20%;position:relative;background:#232a35;top:22px;border-radius:50px}.bear-brand-header .menu-link-wrapper .menu-link .lines::before, .bear-brand-header .menu-link-wrapper .menu-link .lines::after{-webkit-transition:top 0.2s ease 0.2s, -webkit-transform 0.2s ease;transition:top 0.2s ease 0.2s, -webkit-transform 0.2s ease;transition:top 0.2s ease 0.2s, transform 0.2s ease;transition:top 0.2s ease 0.2s, transform 0.2s ease, -webkit-transform 0.2s ease;display:block;width:100%;height:2.71429px;background:#aaa;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;position:absolute;left:0;content:"";background:#232a35;border-radius:50px}.bear-brand-header .menu-link-wrapper .menu-link .lines:before{top:-8px}.bear-brand-header .menu-link-wrapper .menu-link .lines:after{top:8px}.bear-brand-header .menu-link-wrapper.menu-trigger-open
.lines{-webkit-transition:background 0.2s ease 0s;transition:background 0.2s ease 0s;background:transparent}.bear-brand-header .menu-link-wrapper.menu-trigger-open .lines:before,
.bear-brand-header .menu-link-wrapper.menu-trigger-open .lines:after{-webkit-transition:top 0.2s ease, -webkit-transform 0.2s ease 0.2s;transition:top 0.2s ease, -webkit-transform 0.2s ease 0.2s;transition:top 0.2s ease, transform 0.2s ease 0.2s;transition:top 0.2s ease, transform 0.2s ease 0.2s, -webkit-transform 0.2s ease 0.2s;top:0}.bear-brand-header .menu-link-wrapper.menu-trigger-open .lines:before{-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg)}.bear-brand-header .menu-link-wrapper.menu-trigger-open .lines:after{-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg)}@media screen and (max-width: 992px){.bear-brand-header .menu-link-wrapper.menu-trigger-open .menu-link{position:fixed;z-index:2}}