:root{
	--transition:cubic-bezier(0.215,.61,.355,1) .45s;
}
.header-toggle{position:fixed;left:0;top:0;width:100vw;height:100vh;background:#f7f7f7;display:flex;align-items:center;padding:0 4vw 0;opacity:0;pointer-events: none;transition:ease 1s;z-index:100;}
.header-toggle>*{width:100%;}
.l-white{color:#fff;}
.toggle-nav li{margin-top:4vh; transform:translateY(40px); opacity:0;}
.toggle-nav li:first-child{margin-top:0;}
.toggle-nav li a{position:relative; color:#999; display:block;}
.toggle-nav li a em{display:block; font-family: 'gilroy_bold'; line-height: 1.1;}
.nav-btn{margin-left:30px; display:flex; align-items:center; z-index:3; position:relative;}
.nav-btn em{width:50px; white-space:nowrap; display:block;}
.btn-line{display:block; width:30px; height:16px; position:relative; margin-right:10px;}
.btn-line:before,.btn-line:after{content:''; display:block; width:100%; height:2px; background:#fff; position:absolute; left:0; top:50%; margin-top:-6px; transition:var(--transition);}
.btn-line:after{margin-top:4px;}
.navToggle .header-toggle{opacity:1;pointer-events:auto;}
.navToggle .toggle-nav li{animation:fadeInUp1 cubic-bezier(0.215,.61,.355,1) 1s forwards; animation-delay:.45s;}
.navToggle .toggle-contact li,.navToggle .toggle-share{animation:fadeInUp1 cubic-bezier(0.215,.61,.355,1) 1s forwards; animation-delay:.45s;}
.navToggle .toggle-nav li:nth-child(2),.navToggle .toggle-contact li:nth-child(2){animation-delay:.55s;}
.navToggle .toggle-nav li:nth-child(3),.navToggle .toggle-contact li:nth-child(3){animation-delay:.65s;}
.navToggle .toggle-nav li:nth-child(4),.navToggle .toggle-contact li:nth-child(4){animation-delay:.75s;}
.navToggle .toggle-nav li:nth-child(5),.navToggle .toggle-share{animation-delay:.85s;}
@keyframes jtr{
	0%,100%{transform:translateX(0);}
	50%{transform:translateX(20px);}	
}
.bb{display: block;}
.nn{display: none;}
.navToggle  .bb{display: none;}
.navToggle .nn{display: block;}
.toggle-nav li a span{position:absolute; left:0; top:0;clip-path: polygon(0 100%,100% 100%,100% 100%,0 100%); color:#000; transition:ease 1s;}
.toggle-nav li a:hover span{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
.toggle-nav li a:hover .icon{opacity:1; transform:translateX(0);}
.nav-btn{position:absolute; right:0; top:50%; transform:translateY(-50%);}
.btn-line{width:20px;}
.btn-line:before{margin-top:-4px;}
.btn-line:after{margin-top:4px;}
.navToggle .btn-line:before, .searchToggle .btn-line:before{transform: translate(0,4px) rotate(45deg);}
.navToggle .btn-line:after, .searchToggle .btn-line:after{transform: translate(0,-4px) rotate(-45deg);}
.search-btn{display:none;}
.l-font80{font-size:0.4rem;}
.toggle-l{display:none;}
.toggle-nav{float:none; text-align:center;}
@keyframes fadeInUp1{
	to{transform:translate(0,0); opacity:1;}	
}
.navToggle .nav-btn,.searchToggle .nav-btn{color:#000;}
.navToggle .btn-line:before,.navToggle .btn-line:after,.searchToggle .btn-line:before,.searchToggle .btn-line:after{background:#000;}
body.navToggle{overflow: hidden;}

@media only screen and (max-width:1200px){
	.l-font80{font-size: 0.3rem;}
}