#header-container{
  background:var(--grad-header);
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}

#header-container-in{
  max-width:1200px;
  margin:0 auto;
  padding:0 18px;
  min-height:56px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

#header{
  background:none;
  margin:0;
  padding:0;
  flex-shrink:0;
}

#header-in{
  margin:0;
  padding:0;
}

.logo-header{
  display:flex;
  align-items:center;
  margin:0;
  padding:0;
  line-height:1;
}

.logo-header>a{
  display:flex;
  align-items:center;
}

.site-logo-image{
  display:block;
  height:30px;
  width:auto;
  max-width:none;
}

.site-name-text,
.tagline{
  display:none;
}

#navi{
  background:none;
}

.navi-in{
  width:auto;
}

.navi-in>ul{
  display:flex;
  align-items:center;
  gap:20px;
}

.navi-in li{
  border:none;
}

.navi-in a{
  color:#fff;
  font-size:13px;
  padding:0;
}

.navi-in a:hover{
  opacity:.8;
}

@media (max-width:834px){
  .content-in.wrap,
  .header-container-in{
    min-height:48px;
    padding:10px 12px;
  }