@charset "UTF-8";:root{--color-logo:#0077ea;--back-navi:#fff}::selection{color:#fff;background:var(--color-logo,#ee741d)}::-moz-selection{color:#fff;background:var(--color-logo,#ee741d)}html{box-sizing:border-box;block-size:100%;-webkit-overflow-scrolling:touch;text-rendering:optimizeSpeed;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}body,html{margin:0;padding:0;font-size:100%}body{background:#fafafa;padding:0;margin:0;font-family:'Noto Sans',sans-serif;font-display:swap;}.clearfix:before,.clearfix:after{content:'';display:table}.clearfix:after{clear:both}*{margin:0;padding:0;box-sizing:border-box}.container{display:flex;width:100%;height:70px;justify-content:space-between;align-items:center;overflow:hidden;background:#01579b}.header-logo{flex-grow:1;margin-left:5px}.header-logo img{max-width:64px}.search-container{position:relative;margin-right:16px;width:64px;transition:width .4s}.search-container.search-active{width:256px}@media screen and (max-width:360px){.search-container.search-active{width:164px}}.search-container #search{position:absolute;top:0;right:5px;width:72%;padding:10px 20px;border:0;border-radius:4px;background:#0288d1;color:#fff}.search-container #search:focus{outline:0}.search-container #search::-moz-placeholder{font-size:.9em;color:#fff;opacity:.75}.search-container #search:-ms-input-placeholder{font-size:.9em;color:#fff;opacity:.75}.search-container #search::placeholder{font-size:.9em;color:#fff;opacity:.75}#search-icon{position:relative;margin-right:200px;font-size:2.2em;color:#fff;opacity:.7;transition:all .5s}#search-icon.search-active{left:16px;z-index:999}@media screen and (max-width:360px){#search-icon.search-active{left:-6px}}#search-icon:hover{cursor:pointer;opacity:1}.hamburger{position:relative;width:30px;height:23px;margin-right:20px;cursor:pointer;z-index:999}.hamburger.nav-open span:first-child{top:10px;transform:rotate(135deg)}.hamburger.nav-open span:nth-child(2){left:100px;opacity:0}.hamburger.nav-open span:last-child{top:10px;transform:rotate(-135deg)}.hamburger span{position:absolute;display:block;width:100%;height:3px;background:#fff;transition:all .3s}.hamburger span:first-child{top:0}.hamburger span:nth-child(2){top:10px;left:0}.hamburger span:last-child{top:20px}.menu{position:fixed;top:70px;left:100%;width:100%;height:calc(100vh - 70px);outline:1px solid #fff;background:#29b6f6;transition:all .3s}.menu.nav-open{left:0}.menu>li{position:relative;padding:16px;list-style:none;border-bottom:1px solid #fff}.menu>li>a{line-height:1.4;font-size:.9em;font-weight:700;text-decoration:none;text-transform:uppercase;color:#fff}.menu>li>a.active::after{opacity:1}.menu>li>a::after{content:'';position:absolute;display:block;top:50%;right:50%;width:auto;height:auto;border-right:13px solid #01579b;border-top:10px solid transparent;border-bottom:10px solid transparent;transform:translateY(-50%);opacity:0}.sub-menu{position:fixed;top:70px;right:0;width:50%;height:calc(100vh - 70px);background:#81d4fa;border-left:1px solid #01579b;overflow:auto;opacity:0;transition:opacity .3s ease-in-out;z-index:-1}.sub-menu.active{opacity:1;z-index:999}.sub-menu li{padding:15px 20px;list-style:none;font-size:.9em;border-bottom:1px solid #01579b;cursor:default}.sub-menu li a{font-weight:700;text-decoration:none;color:#fff}.sub-menu li a:hover{color:#01579b}.sub-menu .title{padding:15px;border-bottom:1px solid #fff;font-size:1.2em;font-weight:700;color:#fff}.sub-menu .links{display:flex}@media screen and (max-width:600px){.sub-menu .links{flex-direction:column}}.sub-menu .links li{padding:5px 15px 5px 0;border:0}.sub-menu .links li a{font-size:1em;color:#0277bd}.sub-menu .links li a:hover{color:#fff}