#navi{display:block;position:fixed;top:0;right:-420px;bottom:0;max-width:420px;width:100%;background-color:#091331;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:all .5s;z-index:999;opacity:0}@media(min-width: 1024px){#navi{display:none}}#navi nav{margin-top:20px;padding:0 30px}@media(min-width: 768px){#navi nav{margin-top:30px}}#navi nav .sp-logo{width:160px;position:relative;left:-10px}#navi nav .pcsp-menu{margin-top:40px}#navi nav .pcsp-menu ul.accordion-area{list-style:none;color:#fff;margin-bottom:20px}@media(min-width: 1024px){#navi nav .pcsp-menu ul.accordion-area{margin-bottom:40px}}#navi nav .pcsp-menu ul.accordion-area:last-child{margin-bottom:0}#navi nav .pcsp-menu ul.accordion-area li{opacity:0;margin-bottom:30px}#navi nav .pcsp-menu ul.accordion-area li:last-child{margin-bottom:0}#navi nav .pcsp-menu ul.accordion-area li .title{font-family:"Outfit",sans-serif;font-size:1.35em;font-weight:400;color:#fff;position:relative;cursor:pointer;transition:all .5s ease;transition:.5s}@media(min-width: 1024px){#navi nav .pcsp-menu ul.accordion-area li .title{font-size:1.125em}}#navi nav .pcsp-menu ul.accordion-area li .title::before,#navi nav .pcsp-menu ul.accordion-area li .title::after{position:absolute;content:"";width:15px;height:2px;background-color:#fff}#navi nav .pcsp-menu ul.accordion-area li .title::before{top:50%;right:5%;transform:rotate(0deg)}#navi nav .pcsp-menu ul.accordion-area li .title::after{top:50%;right:5%;transform:rotate(90deg)}#navi nav .pcsp-menu ul.accordion-area li .title.close::before{transform:rotate(45deg)}#navi nav .pcsp-menu ul.accordion-area li .title.close::after{transform:rotate(-45deg)}#navi nav .pcsp-menu ul.accordion-area li .box-1{display:none}#navi nav .pcsp-menu ul.accordion-area li .box-1 ul.menu{margin:5px 0 0 0}#navi nav .pcsp-menu ul.accordion-area li .box-1 ul.menu li{padding:16px 0 0 0;margin:0}#navi nav .pcsp-menu ul.accordion-area li .box-1 ul.menu li a{font-size:1.125em;color:#fff;position:relative;transition:.5s}#navi nav .pcsp-menu ul.accordion-area li a{font-family:"Outfit",sans-serif;font-size:1.35em;line-height:1.2em;color:#fff;position:relative;transition:.5s}#navi nav .mynavi{margin-top:40px;opacity:0;position:relative}#navi nav .mynavi a.recruit-btn{width:100%}#navi nav ul.privacy-btn{margin-top:16px;opacity:0}#navi nav ul.privacy-btn li{text-align:center}#navi nav ul.privacy-btn li a{font-size:.8em;color:#fff}.open #navi{right:0;opacity:1}.open #mask{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;z-index:10;cursor:pointer}#navi.panelactive ul li{animation:fadeInRight1 .5s ease forwards;animation-delay:.5s}#navi.panelactive ul li:nth-of-type(2){animation-delay:.55s}#navi.panelactive ul li:nth-of-type(3){animation-delay:.6s}#navi.panelactive ul li:nth-of-type(4){animation-delay:.65s}#navi.panelactive ul li:nth-of-type(5){animation-delay:.7s}#navi.panelactive ul li:nth-of-type(6){animation-delay:.75s}#navi.panelactive ul li:nth-of-type(7){animation-delay:.8s}#navi.panelactive ul li:nth-of-type(8){animation-delay:.85s}@keyframes fadeInRight1{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}#navi.panelactive .site-footer__sns.sp-nav{animation:fadeInRight2 .5s ease forwards;animation-delay:1s}@keyframes fadeInRight2{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}#navi.panelactive .privacy-btn{animation:fadeInRight3 .5s ease forwards;animation-delay:1s}@keyframes fadeInRight3{0%{opacity:0;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}