.overlay{position:fixed;top:0;height:0;transition:all .3s ease-in-out;overflow:hidden;z-index:200;opacity:0;width:100%}.overlay.open{opacity:1.0;visibility:visible;height:100vh;overflow:scroll}.overlay nav{position:absolute;top:0;right:4%;z-index:200}.overlay nav ul{margin-top:20px}@media (min-width: 1024px){.overlay nav ul{margin-top:50px}}.overlay nav ul li{opacity:0;margin-bottom:2px}@media (min-width: 1200px){.overlay nav ul li{margin-bottom:5px}}.overlay nav ul li:last-child{margin-bottom:0px}.overlay nav ul li a{font-family:"Noto Sans JP", sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;color:#fff;font-size:0.9em}@media (min-width: 1024px){.overlay nav ul li a{font-size:1.0em}}.overlay nav ul li a:hover span{transform:rotateY(360deg);transition:.6s}.overlay nav ul li a:hover span:nth-of-type(1){transition-delay:.02s}.overlay nav ul li a:hover span:nth-of-type(2){transition-delay:.04s}.overlay nav ul li a:hover span:nth-of-type(3){transition-delay:.06s}.overlay nav ul li a:hover span:nth-of-type(4){transition-delay:.08s}.overlay nav ul li a:hover span:nth-of-type(5){transition-delay:.10s}.overlay nav ul li a:hover span:nth-of-type(6){transition-delay:.12s}.overlay nav ul li a:hover span:nth-of-type(7){transition-delay:.14s}.overlay nav ul li a:hover span:nth-of-type(8){transition-delay:.16s}.overlay nav ul li a:hover span:nth-of-type(9){transition-delay:.18s}.overlay.open ul li{animation:fadeInRight1 0.5s ease forwards;animation-delay:.35s}.overlay.open ul li:nth-of-type(2){animation-delay:.4s}.overlay.open ul li:nth-of-type(3){animation-delay:.45s}.overlay.open ul li:nth-of-type(4){animation-delay:.50s}@keyframes fadeInRight1{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}