.header{background: rgba(0, 0, 0, 0.80);position: fixed;top: 0;z-index: 100;width: 100%;transition: all 0.8s;}
.header.header_fixed{transform: translateY(-100%);}
.header .inner{max-width:1722px;}
.header .content_box{display: flex;justify-content: space-between;align-items: center;padding: 16px 0;}
.header .blue_button{font-size: var(--font-size-titleMedium);line-height: var(--Title-Medium-S);padding: 12px 32px;}
@media (max-width: 500px){
    .header .inner{padding-left: 16px;padding-right: 16px;}
    .header .content_box{padding: 12px 0;}
    .header .logo{max-width: 108px;}
    .header .blue_button{padding: 4px 16px;}
}