header{position:fixed;height:110px;top:0;z-index:100;background:white;width:100%;left:0}header .inner{width:1100px;display:flex;align-items:center;justify-content:space-between}header .logo{display:flex;align-items:center}header .logo .recruit-h-ttl{margin-left:40px;font-size:18px;line-height:1.6;letter-spacing:8px}header .logo .recruit-h-ttl span{font-size:16px;letter-spacing:3px}header .menu-btn{position:relative;width:60px;height:60px;background:white;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:0.1s}header .menu-btn span{width:22px;height:2px;background-color:#94B8BD}header .menu-btn:before{content:'';position:absolute;width:22px;height:2px;background-color:#94B8BD;bottom:39%;left:0;right:0;margin:auto;transition:0.5s}header .menu-btn:after{content:'';position:absolute;width:22px;height:2px;background-color:#94B8BD;top:39%;left:0;right:0;margin:auto;transition:0.5s}header .menu-btn.open span{background-color:transparent}header .menu-btn.open:before{bottom:48%;transform:rotate(45deg);width:27px}header .menu-btn.open:after{top:48%;transform:rotate(-45deg);width:27px}header .link-list{display:flex;justify-content:space-between;margin-left:100px}header .link-list .item-l{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:120px;height:3rem;text-align:center;color:#222;cursor:pointer}header .link-list .item-l .large{font-size:15px}header .link-list .item-l .small{font-size:9px}header .link-list .item-l .dot{position:relative;width:2px;height:2px;background-color:#0096DF;border-radius:50%;margin:0 auto}header .link-list .item-l .dot:after{content:'';position:absolute;width:0px;height:0px;border:1px solid transparent;border-radius:50%;top:0;bottom:0;left:-4px;right:0;margin:auto}header .link-list .item-l.hover .dot:after{border:1px solid #0096DF;width:8px;height:8px}.recruit-head-navi{position:absolute;display:none;background-color:white;top:80px;width:30%;right:0;max-height:calc(100vh - 110px);overflow:auto}.recruit-head-navi .inner{width:100%;padding:0}.recruit-head-navi .child-list{display:none}.recruit-head-navi .navi-list{width:100%}.recruit-head-navi .navi-link{position:relative;display:flex;align-items:center;width:100%;padding:20px 40px;border-bottom:1px solid white}.recruit-head-navi .navi-link.parent{background-color:#EBEBEB;color:#848484}.recruit-head-navi .navi-link.parent.toggle:after{position:absolute;content:'';width:15px;height:15px;border-top:2px solid #848484;border-right:2px solid #848484;top:50%;left:25px;transform:rotate(-45deg);transition:0.5s}.recruit-head-navi .navi-link.parent.open:after{transform:rotate(135deg);top:28%}.recruit-head-navi .navi-link.child{background-color:#F8F8F8}.recruit-head-navi .navi-link .link-txt{font-size:15px;line-height:1.3;color:#848484;text-align:left;letter-spacing:1px;margin-left:30px}
