.header *{color:#333;font-family:DENSO Sans TP\ 2017;font-weight:700;margin:0;padding:0}.header{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.16);display:flex;height:80px;justify-content:space-between;left:0;padding:0 2rem;position:fixed;top:0;width:100%;z-index:999999999}.header__logo{width:130px}.header--content{align-items:center;display:flex;gap:2rem}.header__nav *{list-style:none;text-decoration:none}.header__nav--ul{align-items:center;display:flex}.header__nav--li{color:#000}.header__nav--li a{color:#000;display:block;font-family:DENSO Sans TP\ 2017;height:50px;line-height:50px;margin:0 10px;padding:0 5px;position:relative;transition:all .2s}.header__nav--li a:before{background:#ccc;content:"";height:30px;position:absolute;right:-10px;top:50%;transform:translateY(-50%);transition:all .2s;width:1px}.header__nav--li:last-child a:before{width:0}.header__nav--li a:after{bottom:0;content:"";height:0;left:0;position:absolute;transition:all .2s;width:100%}.header__nav--li a:hover{font-family:DENSO Sans TP\ 2017;font-weight:700;line-height:48px}.header__nav--li a:hover:after{height:5px;transition:all .3s}.header__nav--li.entry,.header__nav--ul li:first-child{display:none}.header__nav--borderline:hover{border-bottom:4px solid red}.header_button--material{background:#dc0032;border:1px solid #dc0032;border-radius:5px;color:#fff;display:block;height:50px;line-height:50px;text-align:center;transition:all .2s;width:150px}.header_button--material:hover{background:#fff;color:#dc0032;font-family:DENSO Sans TP\ 2017;font-weight:700;transition:all .3s}.openbtn-area{display:none}@media(max-width:1024px){.header{height:70px;justify-content:center}.header__nav{background:#fff;border-radius:0 0 10px 10px;box-shadow:0 1px 4px rgba(0,0,0,.16);display:none;left:0;padding:30px;position:absolute;top:70px;width:100vw}.header__nav.active{margin-top:100px;transform:translateY(0);width:100%;z-index:10}.header__nav--ul{align-items:flex-start;display:nomal;flex-direction:column}.header__nav--ul li:first-child{display:inline}.header__nav--li{border-bottom:1px solid #ccc;width:100%}.header__nav--li a:before{width:0}.header__nav--borderline :hover{border-bottom:3px solid #dc0032}.header__nav--li.entry{display:block}.openbtn-area{border:none;cursor:pointer;display:block;height:42px;position:absolute;right:1rem;text-align:center;top:50%;transform:translatey(-50%);width:42px;z-index:1000}.openbtn-area,.openbtn-area:hover{background:#fff}.header__button,.header__logo{display:none}}.openbtn-area span{background:#555;display:block;height:2px;left:6px;position:absolute;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out;width:30px}.openbtn-area span:first-child{top:10px}.openbtn-area span:nth-child(2){top:20px}.openbtn-area span:nth-child(3){top:30px}.header__humberger.active span:first-child{transform:rotate(45deg)}.header__humberger.active span:nth-child(2){opacity:0}.header__humberger.active span:nth-child(3){transform:rotate(-45deg)}.header__humberger.active .openbtn-area span:first-child{left:6px;top:16px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}.header__humberger.active .openbtn-area span:nth-child(2),.header__humberger.active .openbtn-area span:nth-child(3){top:16px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}.header{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;will-change:transform}.header--unpinned{-webkit-transform:translateY(-150%);transform:translateY(-150%)}