@media screen and (max-width: 1200px){
    #header,
    #header-blank{display: none;}
    #header-mobile{height: 70px;display: block;}
    #header-mobile .logo{max-width: 50%;}
    #header-mobile button{background: none;border: none;margin: 0;padding: 0;vertical-align: middle;cursor: pointer;font-size: 0;}
    #header-mobile > .wrap{height: 70px;display: flex;align-items: center;justify-content: space-between;}
    #header-mobile .svg-menu{width: 32px;height: 32px;margin-right: 10px;}
    #header-mobile .svg-menu svg{max-width: 100%;max-height: 100%;}
    #header-mobile .tel a{font-size: 20px;color: #172a88;font-family: 'DIN';margin-left: 10px;}
    #header-mobile .menu{display: flex;align-items: center;}
    #header-mobile .nav-list{display: none;position: relative;z-index: 9;background-color: #333;}
    #header-mobile .nav-list a{font-size: 18px;}
    #header-mobile  .item{color: #fff;-moz-transition: all 300ms ease 0s;-o-transition: all 300ms ease 0s;-webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; outline: none;padding: 10px 0;}
    #header-mobile  .item>a{font-weight: bold;}
    #header-mobile  .item a{color: #fff;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
    #header-mobile  .search input{vertical-align: middle;height: 28px;margin-right: 10px;box-sizing: border-box;}
    #header-mobile  .search img{width: 28px;}
}
@media screen and (max-width: 600px){
    #header-mobile .menu .tel{display: none;}
    #header-mobile .svg-menu{margin-right: 0;}
    #header-mobile .nav-list a{font-size: 16px;}
}