.l-header{width:100%;background:#191919;position:fixed;top:0;left:0;z-index:99}.l-header .wrap{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:0 100px}.l-header--logo{height:2.5rem;position:relative;z-index:1}.l-header__nav--items{width:100%;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}.l-header__nav--items a{display:block;padding:20px 2vw;color:var(--subcolor);font-size:1.6rem;font-weight:300}.l-header__nav--items a:hover{color:var(--white);background-color:var(--subcolor)}@media (max-width: 767px){.l-header .wrap{padding:3% 3% 2%}.l-header__nav{position:absolute;top:0;left:-1000px}.l-header__nav--items{display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;-webkit-transform:translateX(-1000px);transform:translateX(-1000px);-webkit-transition:ease-in-out .5s;transition:ease-in-out .5s}.l-header__nav--items li{width:100%;border-bottom:1px solid #666;position:relative}.l-header__nav--items li:first-child{border-top:1px solid #666}.l-header__nav .is-active{-webkit-transform:translateX(0);transform:translateX(0);background:rgba(45,48,58,0.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.l-header__nav .is-active a::after{position:absolute;right:5%;top:45%;-webkit-transform:translateY(-45%);transform:translateY(-45%);font-size:2rem;content:'›'}.l-header__nav.is-active{left:0;width:100%}}.l-hamburger{display:none}@media (max-width: 767px){.l-hamburger{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:54px;height:54px;z-index:99;cursor:pointer;position:fixed;top:0;right:0}.l-hamburger span{display:block;position:absolute;top:25px;width:30px;height:1px;-webkit-transition:ease-in-out .2s;transition:ease-in-out .2s;background-color:var(--white)}.l-hamburger span:nth-of-type(1){top:14px}.l-hamburger span:nth-of-type(3){top:36px}.l-hamburger.is-active span:nth-of-type(1){top:25px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.l-hamburger.is-active span:nth-of-type(2){background-color:transparent}.l-hamburger.is-active span:nth-of-type(3){top:25px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}