html{font-size:62.5%;font-family:noto-sans-cjk-jp,sans-serif;scroll-behavior:smooth;color:rgba(0,0,0,.92)}@media screen and (max-width: 1024px){html{font-size:56.25%}}@media screen and (max-width: 768px){html{font-size:50%}}.header{height:6.2rem;display:flex;align-items:center;position:fixed;width:100vw;background:hsla(0,0%,100%,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:99999}.header__wrapper{width:100%;padding:1rem 6rem;display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 1024px){.header__wrapper{padding:1rem 3rem}}.header__left{display:flex;align-items:center}.header__logo{font-family:"Onest",sans-serif;font-size:2.6rem;font-weight:700;margin-right:3rem;display:inline;color:#1c3244}.header__logo:hover{cursor:pointer}@media screen and (max-width: 1024px){.header__logo{font-size:2rem}}.header__logo-accent{color:#ee5462;margin-left:.03em}.header__menu{display:flex;align-items:center;gap:4rem}@media screen and (max-width: 1024px){.header__menu{display:none}}.header__link{font-size:1.6rem;font-weight:600}.header__link:hover{color:#757575}.header__link--dropdown{display:flex;align-items:center;gap:.4rem}.header__dropdown{position:relative}.header__dropdown:hover .header__dropdown-menu{opacity:1;visibility:visible}.header__dropdown:hover .header__dropdown-arrow{transform:rotate(180deg)}.header__dropdown-arrow{width:1rem;height:auto;transition:transform .2s}.header__dropdown-menu{position:absolute;top:calc(100% + 1.2rem);left:50%;transform:translateX(-50%);min-width:22rem;background:#fff;border-radius:.8rem;box-shadow:0 .4rem 2rem rgba(0,0,0,.12);padding:.8rem 0;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.header__dropdown-menu::before{content:"";position:absolute;top:-1.2rem;left:0;width:100%;height:1.2rem}.header__dropdown-link{display:block;padding:.8rem 1.8rem;font-size:1.4rem;font-weight:500;color:#1c3244;white-space:nowrap;transition:background .15s}.header__dropdown-link:hover{background:rgba(0,0,0,.04)}.header__button{display:flex;align-items:center;gap:.4rem;font-size:1.6rem;font-weight:500;padding:1.2rem 4rem;background:#ee5462;border-radius:.6rem;color:#fff}.header__button:hover{opacity:.8}@media screen and (max-width: 768px){.header__button{padding:1rem 2rem;font-size:1.4rem}}.header__button-icon{height:2rem;width:auto}.header__icon{height:1.7rem}