@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap);
.main-nav{align-items:stretch;background-color:#008fd7;display:flex;flex-wrap:wrap;min-height:50px;position:sticky;top:0;width:100%;z-index:9999}@media (max-width:768px){.for-desktops-and-tablets{display:none}}@media (min-width:769px){.for-desktops-and-tablets.show-menu{display:block}}.main-nav__inner{align-items:stretch;display:flex;flex-wrap:wrap;margin:0 auto;max-width:1170px;padding:0 15px;width:100%}.main-nav__brand{align-items:center;display:flex;height:100%}.main-nav__brand svg{fill:#fff;display:block;height:44px;width:auto}.main-nav__menu{margin-left:auto}.main-nav__list,.main-nav__menu{align-items:stretch;display:flex}.main-nav__list{gap:16px;list-style:none;margin:0;padding:0}.main-nav__item{display:flex;min-width:0}.main-nav__link{color:#fff;gap:2px;height:100%;padding:10px 0;text-decoration:none}.main-nav__link,.main-nav__link span{align-items:center;display:flex}.main-nav__link:focus,.main-nav__link:hover{background-color:transparent;color:#f2f2f2;text-decoration:none}.main-nav__button,.main-nav__link{transition:color .1s cubic-bezier(.4,0,.2,1),background-color .1s cubic-bezier(.4,0,.2,1)}.chevron{align-items:center;display:inline-flex}.chevron svg{fill:#fff;height:16px;margin-top:2px;transition:transform .2s cubic-bezier(.4,0,.2,1);width:16px}.main-nav__button{align-items:center;border:1px solid transparent;border-radius:20px;cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;padding:4px 12px;text-decoration:none;transition:color .1s cubic-bezier(.4,0,.2,1),background-color .1s cubic-bezier(.4,0,.2,1),border-color .1s cubic-bezier(.4,0,.2,1)}.main-nav__button--white{background-color:#fff;color:#008fd7}.main-nav__button--white:focus,.main-nav__button--white:hover{background-color:#f2f2f2}.main-nav__button--primary{background-color:#f98734;color:#fff}.main-nav__button--primary:focus,.main-nav__button--primary:hover{background-color:#f8700c}.main-nav__button--outline{background-color:transparent;border:1px solid #fff;box-sizing:border-box;color:#fff}.main-nav__button--outline:focus,.main-nav__button--outline:hover{background-color:hsla(0,0%,100%,.1)}.language-dropdown .main-nav__button--outline:focus,.language-dropdown .main-nav__button--outline:hover{background-color:transparent}.main-nav__toggle{align-self:center;background-color:#008fd7;border:none;display:none;gap:4px;height:24px;width:24px}.main-nav__bar{transition:.2s}.main-nav__toggle{align-items:center;cursor:pointer;flex-direction:column;gap:5px;height:40px;justify-content:center;width:40px}.main-nav__bar{background:#fff;display:block;height:2px;width:100%}.products-overlay-wrapper{position:relative;z-index:9998}.products-overlay-container{-webkit-overflow-scrolling:touch;background:rgba(0,0,0,.7);color:#fff;left:50%;max-height:0;overflow-x:hidden;overflow-y:auto;position:absolute;top:100%;transform:translateX(-50%);transition:max-height .35s ease-out;visibility:hidden;width:97.5%}.products-overlay-container a{color:#fff}.products-overlay-container a:focus,.products-overlay-container a:hover{color:#fff;text-decoration:none}.products-overlay-container ul{list-style:none;padding-left:0}.products-overlay-container li{position:relative}.products-overlay-container li:before{background-color:#fff;border-radius:50%;content:"";height:.8em;left:0;position:absolute;transform:translate(-65%,35%);width:.8em}.products-overlay-container h3{font-size:21px}.products-overlay-container hr{border-top:1px solid #eee;margin:-5px auto 5px;text-align:center;width:90%}.products-overlay-container.visible{visibility:visible}.product-row{font-size:1.2em}.product-row .product-icon img{width:2px}.product-label{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;padding-left:10px}.product-label :nth-child(2){font-weight:700}.user-dropdown__mobile-links{display:none}@media (max-width:1199px){.products-overlay-container,.products-overlay-wrapper{width:100%}}@media (max-width:768px){.main-nav__toggle{display:flex;margin-left:auto}.main-nav__menu{align-items:flex-start;background:#008fd7;box-shadow:0 4px 12px rgba(0,0,0,.15);flex-direction:column;left:0;max-height:0;overflow:hidden;position:absolute;top:100%;transition:max-height .3s cubic-bezier(.4,0,.2,1);width:100%}.main-nav__menu.open{max-height:100vh;overflow-y:auto}.main-nav__list{flex-direction:column;width:100%}.main-nav__item{width:100%}.main-nav__link{padding:12px 16px;width:100%}.main-nav__item.user-dropdown{align-items:center;border-bottom:1px solid #fff;border-top:1px solid #fff;order:-1}.user-dropdown__mobile-links{display:flex;gap:16px;padding:12px 16px}.user-dropdown__mobile-links .main-nav__button{flex:1;text-align:center}.user-dropdown__menu .desktop-only{display:none}.products-overlay-container{height:calc(100vh - 50px);max-height:none}}#intro-link{background:#ffce01;color:#000}#intro-link:hover{background:#e6b804}.user-dropdown{background-color:#006ca1;position:relative;text-decoration:none}.user-dropdown.open .user-dropdown__menu{max-height:300px;opacity:1;padding:8px 0;pointer-events:auto;transition:max-height .25s cubic-bezier(.4,0,.2,1),padding .25s cubic-bezier(.4,0,.2,1),opacity 0s linear 0s}@media (hover:hover) and (pointer:fine) and (min-width:769px){.main-nav__link:hover{background-color:transparent;color:#f2f2f2}.user-dropdown:hover{background:#fff}.user-dropdown:hover .user-dropdown__toggle{background:#fff;color:#333}.language-dropdown:hover .language-dropdown__menu,.user-dropdown:hover .user-dropdown__menu{max-height:300px;padding:8px 0}.main-nav__link:hover .chevron svg{transform:translateY(2px)}}@media (max-width:768px){.user-dropdown{width:100%}.user-dropdown.open{display:block}.user-dropdown__menu{box-shadow:none;max-height:0;opacity:1;overflow:hidden;position:static}.user-dropdown__header{align-items:center;display:flex;justify-content:space-between;width:100%}.user-dropdown__toggle{flex:1}.user-dropdown__mobile-links{display:flex;gap:8px}.user-dropdown__mobile-links .main-nav__button{font-size:13px;padding:4px 10px}}.user-dropdown__toggle{background-color:#006ca1;border:none;display:block;max-width:180px;overflow:hidden;padding-left:4px;padding-right:4px;text-overflow:ellipsis;white-space:nowrap}.user-dropdown__toggle .chevron{display:none}.user-dropdown__menu{background:#fff;border-radius:0 0 4px 4px;box-shadow:0 4px 12px rgba(0,0,0,.15);box-sizing:border-box;color:#333;max-height:0;min-width:180px;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;right:0;top:100%;transition:max-height .25s cubic-bezier(.4,0,.2,1),padding .25s cubic-bezier(.4,0,.2,1),opacity 0s linear .25s}.user-dropdown__menu a{color:inherit;display:block;padding:8px 16px;text-decoration:none}.user-dropdown__menu a:focus,.user-dropdown__menu a:hover{background:#f2f2f2}.user-dropdown__menu li{list-style:none}@media (max-width:768px){.user-dropdown__menu{border-radius:0;box-shadow:none;position:absolute;width:100%}.user-dropdown__toggle{display:flex;justify-content:flex-start;max-width:none;padding:12px 16px;text-align:left;width:100%}.user-dropdown__toggle .chevron{display:inline-flex}}.language-dropdown{margin-right:5px;position:relative}.language-dropdown.open .language-dropdown__menu{max-height:300px;padding:8px 0}.language-dropdown__menu{background:#fff;border-radius:0 0 4px 4px;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#333;max-height:0;min-width:160px;overflow:hidden;padding:0;position:absolute;right:0;top:100%;transition:max-height .25s cubic-bezier(.4,0,.2,1),padding .2s cubic-bezier(.4,0,.2,1);z-index:9997}.language-dropdown__menu li{list-style:none}.language-dropdown__menu a{align-items:center;color:inherit;display:flex;gap:8px;padding:8px 16px;text-decoration:none}.language-dropdown__menu a:hover{background:#f2f2f2}@media (max-width:768px){.language-dropdown{width:100%}.language-dropdown.open{display:flex;flex-direction:column;width:100%}.language-dropdown__menu{border-radius:0;box-shadow:none;max-height:0;overflow:hidden;position:static;width:100%}.language-dropdown__toggle{display:flex;justify-content:flex-start;padding:12px 16px;text-align:left;width:100%}}.main-nav__toggle.open .bar1{transform:rotate(45deg) translate(5px,5px)}.main-nav__toggle.open .bar2{opacity:0}.main-nav__toggle.open .bar3{transform:rotate(-45deg) translate(5px,-5px)}.main-nav__header{align-items:center;display:flex;z-index:10000}@media (min-width:1200px){.language-dropdown{margin-right:0}}