header{top:0;left:0;position:absolute;width:100%;z-index:500}header .hdWrap{display:flex;justify-content:space-between;align-items:center}header .hdNavLink{color:var(--color-body)}@media screen and (max-width: 768px){header .hdWrap{padding:1rem 2rem 0}header .hdLogo{display:flex;justify-content:space-between;align-items:center;width:100%;z-index:1}header .hdLogo a{width:25.4rem;opacity:1;visibility:visible;pointer-events:visible;transition:.3s}header .hdToggle{width:7rem;height:7rem;border-bottom-left-radius:2rem;background-color:#fff;box-shadow:0 0 .6rem rgba(0,0,0,.16);display:flex;flex-direction:column;cursor:pointer;top:0;right:0;position:fixed;z-index:500}header .hdToggle span{display:block;top:3.3rem;left:1.8rem;position:absolute;width:3.7rem;height:.3rem;background-color:var(--color-body);transition:.3s}header .hdToggle span:first-of-type{transform:scale(1)}header .hdToggle span:first-of-type::before,header .hdToggle span:first-of-type::after{background-color:var(--color-body)}header .hdToggle span:first-of-type::before{top:-1.3rem}header .hdToggle span:first-of-type::after{width:2.2rem;bottom:-1.3rem}header .hdToggle span:last-of-type{transform:scale(0)}header .hdToggle span:last-of-type::before,header .hdToggle span:last-of-type::after{background-color:#fff}header .hdToggle span:last-of-type::before{transform:translateY(50%) rotate(30deg)}header .hdToggle span:last-of-type::after{transform:translateY(50%) rotate(-30deg)}header .hdToggle span::before,header .hdToggle span::after{content:"";position:absolute;width:100%;height:.3rem;display:block}header .hdNav{width:100%;height:100dvh;top:0;left:0;position:fixed;transition:all .3s linear;overflow:hidden;pointer-events:none;visibility:hidden}header .hdNav::before{content:"";display:block;background-color:transparent;transition:.5s;top:0;right:0;position:absolute;width:.1rem;height:.1rem;border-radius:100%}header .hdNav .hdTogNav{background-color:var(--color-black1);box-shadow:0 0 .6rem rgba(0,0,0,.16);border-bottom-left-radius:2rem;width:33rem;margin-left:auto;padding:3.3rem 0 3.2rem;position:relative;transform:translateX(101%);opacity:0;transition:.5s,opacity .1s;transition-delay:.05s;transform-origin:top right}header .hdNav .hdTogNav .hdNavInner{height:100%;width:100%}header .hdNav .hdTogNav .hdNavLink{padding:1.9rem 5.6rem;display:flex;align-items:center;gap:1.4rem;color:#fff}header .hdNav .hdTogNav .hdNavLink .hdNavLinkEn{font-size:4.4rem;line-height:4.7rem}header .hdNav .hdTogNav .hdNavLink .hdNavLinkJp{font-size:1.3rem;line-height:1.9rem}header .showNav .hdLogo a{opacity:0;visibility:hidden;pointer-events:none}header .showNav .hdToggle{background-color:transparent;box-shadow:none}header .showNav .hdToggle span{background-color:transparent}header .showNav .hdToggle span:first-of-type{transform:scale(0)}header .showNav .hdToggle span:last-of-type{transform:scale(1)}header .showNav .hdNav{pointer-events:visible;visibility:visible}header .showNav .hdNav::before{box-shadow:0 0 0 150dvh rgba(0,0,0,.6),inset 0 0 0 2rem rgba(0,0,0,.6)}header .showNav .hdNav .hdTogNav{transform:translateX(0);opacity:1}}@media print,screen and (min-width: 769px){header .hdWrap{padding:2rem 2rem 0 2.5rem}header .hdLogo a{width:33.4rem}header .hdNavInner{background-color:#fff;box-shadow:0 0 .6rem rgba(0,0,0,.16);border-radius:3rem;display:flex;align-items:center;justify-content:center;padding:0 1.4rem}header .hdNavInner .hdNavLink{padding:1.8rem 2rem;line-height:2.4rem}}