header{position:fixed;z-index:500;top:0;left:0;width:100%}header .hWrap{display:flex;justify-content:space-between}header .hLink{color:var(--color-body)}header.hTop .hLink{text-shadow:0 0 .5rem rgba(0,0,0,.3);color:#fff}@media screen and (max-width: 768px){header .hWrap{padding:1.2rem 2rem .7rem .7rem}header .hLogo{width:11.4rem;z-index:1}header .hLogo .logo-wht{opacity:0;top:0;left:0}header .hLogo .logo-clr{opacity:1}header .hLogo.changeLogo .logo-wht{opacity:1}header .hLogo.changeLogo .logo-clr{opacity:0}header .toggleBtn{margin-top:1.5rem;height:1rem;width:4rem;z-index:1}header .toggleBtn span{position:absolute;left:0;display:block;width:100%;height:.2rem;border-radius:.2rem;background-color:var(--color-body)}header .toggleBtn span:first-of-type{top:0;animation:top2 .5s ease forwards}header .toggleBtn span:last-of-type{bottom:0;animation:bottom2 .5s ease forwards}header .toggleBtn.showToggle span{background-color:#fff;box-shadow:none !important}header .toggleBtn.showToggle span:first-of-type{animation:top .5s ease forwards}header .toggleBtn.showToggle span:last-of-type{animation:bottom .5s ease forwards}header .hNav{background-color:var(--primary-color);position:fixed;top:0;left:0;width:100%;height:100dvh;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s linear}header .hNav.showNav{opacity:1;visibility:visible;pointer-events:visible}header .hNav .hNavWrap{overflow-y:scroll;padding:13.3rem 4rem 5rem;height:100%}header .hNav .hInner .hItem{padding-bottom:2.4rem}header .hNav .hInner .hItem .hInnerChild{margin-top:.8rem;display:flex;align-items:center;gap:1.5rem}header .hNav .hInner .hItem .hInnerChild .hLinkChild{color:rgba(255,255,255,.6);font-size:1.5rem;line-height:2.1rem;letter-spacing:.075rem}header .hNav .hInner .hLink span{display:block}header .hNav .hInner .hLink .hLinkJp{color:#fff;margin-bottom:.4rem;font-size:2rem;line-height:2.9rem;letter-spacing:.1rem}header .hNav .hInner .hLink .hLinkEn{color:var(--secondary-color);font-size:1.4rem;line-height:2rem;letter-spacing:.07rem}header .hNav .hBot{margin-top:1rem}header .hNav .hBot .hBotLink{font-size:1.3rem;line-height:1.9rem;letter-spacing:.065rem;margin-bottom:2rem}header.hTop .toggleBtn span{background-color:#fff;box-shadow:0 0 .4rem rgba(0,0,0,.36)}header.smlHeader .hWrap{padding-bottom:0}}@media print,screen and (min-width: 769px){header .hWrap{padding:2.3rem 1.8rem 2rem;transition:all .2s linear}header .hLogo{width:16rem}header .hInner{display:flex;align-items:center}header .hInner .hLink{padding:1rem 1.5rem;font-size:1.5rem;line-height:2.2rem;letter-spacing:.075rem}header .hInner .hLink .hLinkEn{font-weight:900}header .hInner .hBtn{--deg: 270deg;padding-left:1.5rem}header .hInner .hBtn.hBtnContact .hLink{background:linear-gradient(var(--deg), var(--secondary-gradient) 0%, var(--primary-gradient) 50%, var(--primary-gradient) 100%)}header .hInner .hBtn.hBtnRecruit{padding-left:.8rem}header .hInner .hBtn.hBtnRecruit .hLink{background-color:var(--color-body)}header .hInner .hBtn .hLink{border-radius:2.6rem;box-shadow:0 0 .6rem rgba(0,0,0,.2);color:#fff;width:16rem;transition:all .3s linear;position:relative}header .hInner .hBtn .hLink::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2.6rem;border-width:.2rem;border-style:solid;opacity:0;transition:all .3s linear}header .hInner .hBtn .hLink .btnLinkArr{position:absolute;background-repeat:no-repeat;width:.9rem;height:.9rem;background-size:100%;top:0;bottom:0;margin:auto;transition:all .3s linear;background-image:url("../images/common/arrow-wht.svg");right:1.5rem}header .hInner .hBtn .hLink .btnLinkArr::before{content:"";position:absolute;top:0;left:0;margin:auto;background-repeat:no-repeat;background-size:100%;opacity:0;transition:all .3s linear;width:100%;height:100%;background-image:url("../images/common/arrow-blk.svg")}header .hInner .hBtn .hLink:hover{background:rgba(0,0,0,0);color:var(--color-body);opacity:1}header .hInner .hBtn .hLink:hover::before{opacity:1;border-color:var(--color-body)}header .hInner .hBtn .hLink:hover .btnLinkArr{background-image:none}header .hInner .hBtn .hLink:hover .btnLinkArr::before{opacity:1}header.hTop .hInner .hBtn .hLink:hover{color:#fff}header.hTop .hInner .hBtn .hLink:hover::before{border-color:#fff}header.hTop .hInner .hBtn .hLink:hover .btnLinkArr{background-image:url("../images/common/arrow-wht.svg");opacity:1}header.hTop .hInner .hBtn .hLink:hover .btnLinkArr::before{background-image:none;opacity:0}header.smlHeader .hWrap{padding-bottom:0;padding-top:1rem}header.smlHeader .hLogo{width:12rem}}@keyframes top{0%{top:0;transform:rotate(0)}50%{top:calc(50% - .1rem);transform:rotate(0)}100%{top:calc(50% - .1rem);transform:rotate(30deg)}}@keyframes top2{0%{top:calc(50% - .1rem);transform:rotate(30deg)}50%{top:calc(50% - .1rem);transform:rotate(0)}100%{top:0;transform:rotate(0deg)}}@keyframes bottom{0%{bottom:0;transform:rotate(0)}50%{bottom:calc(50% - .1rem);transform:rotate(0)}100%{bottom:calc(50% - .1rem);transform:rotate(-30deg)}}@keyframes bottom2{0%{bottom:calc(50% - .1rem);transform:rotate(-30deg)}50%{bottom:calc(50% - .1rem);transform:rotate(0)}100%{bottom:0;transform:rotate(0)}}