@font-face{font-family:"Noto Sans JP";font-weight:400;src:url(/assets/fonts/googlefonts/Noto_Sans_JP/NotoSansJP-Regular.otf) format("opentype");font-display:swap}@font-face{font-family:"Noto Sans JP";font-weight:500;src:url(/assets/fonts/googlefonts/Noto_Sans_JP/NotoSansJP-Medium.otf) format("opentype");font-display:swap}@font-face{font-family:"Noto Sans JP";font-weight:600;src:url(/assets/fonts/googlefonts/Noto_Sans_JP/NotoSansJP-Bold.otf) format("opentype");font-display:swap}@font-face{font-family:"Noto Sans JP";font-weight:900;src:url(/assets/fonts/googlefonts/Noto_Sans_JP/NotoSansJP-Black.otf) format("opentype");font-display:swap}#header{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:space-between;height:90px;width:100%;padding-left:30px;padding-right:30px;box-sizing:border-box;background-color:rgba(255,255,255,.8);z-index:900}@media only screen and (max-width: 1024px){#header{padding-left:20px;padding-right:20px;height:60px}}@media only screen and (max-width: 736px){#header{padding-left:15px;padding-right:15px}}@media only screen and (max-width: 500px){#header{padding-left:15px;padding-right:15px}}#header #seaos-logo{position:relative;display:block}#header #seaos-logo a{display:inline-block;width:100%;height:100%;position:absolute;top:0;left:0}#header #seaos-logo a img{width:100%;height:100%}#header svg{display:block;max-width:160px;width:100%}@media only screen and (max-width: 1024px){#header svg{max-width:150px}}#header svg .logotext{fill:#27211d}#header svg .blackline{fill:none;stroke:#27211d;stroke-width:3.5}#header svg .blueline{fill:none;stroke:#00569b;stroke-width:6.5}#nav{display:flex;align-items:center;height:90px;width:calc(100% - 245px);max-width:804px;min-width:635px}@media only screen and (max-width: 1024px){#nav{height:60px}}@media only screen and (max-width: 1024px){#nav{width:auto;min-width:unset}}#nav #navWrap{width:100%}#nav #navWrap #mainNav{display:flex;justify-content:space-between}#nav #navWrap #mainNav .mainNavBox{display:inline-block;margin:0 .25em;font-size:1.4rem;vertical-align:top;padding:33px 0}#nav #navWrap #mainNav .mainNavBox .is-subNavOpen{padding:10px 0;text-decoration:none}#nav #navWrap #mainNav .mainNavBox--inquiry{display:none}@media only screen and (max-width: 1024px){#nav #navWrap #mainNav{display:block;max-width:40%;width:100%;height:calc(100vh - 90px);position:fixed;top:90px;right:-50%;z-index:4;background-color:#8c8c8c;overflow-y:auto;transition:.5s right ease 0s}#nav #navWrap #mainNav .mainNavBox{display:block;margin:0;padding:0;border-bottom:solid 1px rgba(255,255,255,.5);background-color:#7f7f7f}#nav #navWrap #mainNav .mainNavBox .is-subNavOpen{display:flex;justify-content:space-between;align-items:center;padding:0 1em;box-sizing:border-box;width:100%;height:60px;color:#fff;text-decoration:none}#nav #navWrap #mainNav .mainNavBox .is-subNavOpen::after{content:"";display:flex;justify-content:center;align-items:center;height:60px;margin-left:4px;color:#fff;font-family:"Font Awesome 5 Free";font-size:18px;font-weight:900}#nav #navWrap #mainNav .mainNavBox .is-subNavOpen:hover{background-color:rgba(255,255,255,.1)}#nav #navWrap #mainNav .mainNavBox--inquiry{display:block;margin:0;padding:0;border-bottom:solid 1px rgba(255,255,255,.5);background-color:#7f7f7f}#nav #navWrap #mainNav .mainNavBox--inquiry .is-subNavOpen--inquiry{display:flex;justify-content:space-between;align-items:center;padding:0 1em;box-sizing:border-box;width:100%;height:60px;color:#fff;text-decoration:none}#nav #navWrap #mainNav .mainNavBox--inquiry .is-subNavOpen--inquiry::after{content:"";display:flex;justify-content:center;align-items:center;height:60px;margin-left:4px;color:#fff;font-family:"Font Awesome 5 Free";font-size:18px;font-weight:900}#nav #navWrap #mainNav .mainNavBox--inquiry .is-subNavOpen--inquiry:hover{background-color:rgba(255,255,255,.1)}}@media only screen and (max-width: 1024px){#nav #navWrap #mainNav{max-width:80%;height:calc(100vh - 60px);top:60px;right:-90%}}@media only screen and (max-width: 736px){#nav #navWrap #mainNav .mainNavBox .is-subNavOpen{height:48px}#nav #navWrap #mainNav .mainNavBox--inquiry .is-subNavOpen--inquiry{height:48px}}#nav #navWrap #mainNav.is-open>li.is-hover a{color:#000;font-weight:bold}#nav #navWrap #mainNav.is-open>li a{color:rgba(77,77,77,.5)}@media only screen and (max-width: 1024px){#nav #navWrap #mainNav.is-open{right:0;transition:.5s right ease 0s;box-shadow:-3px 2px 4px rgba(0,0,0,.3)}#nav #navWrap #mainNav.is-open>li.is-hover a{color:#fff}#nav #navWrap #mainNav.is-open>li a{color:#fff}}#nav #hamburgerMenu{display:none;cursor:pointer;font-size:10px;text-align:center}@media only screen and (max-width: 1024px){#nav #hamburgerMenu{display:block}}#nav #hamburgerMenu #hamburger{display:block;height:44px;width:100%}@media only screen and (max-width: 1024px){#nav #hamburgerMenu #hamburger{height:35px}}#nav #hamburgerMenu #hamburger .lineWrap{display:table-cell;height:41px;width:100%;vertical-align:middle}#nav #hamburgerMenu #hamburger .lineWrap div{margin:7px auto;width:41px;height:1px;background-color:#000;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}#nav #hamburgerMenu #hamburger.is-transform .line1{-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;transform:rotate(45deg);margin:0}#nav #hamburgerMenu #hamburger.is-transform .line2{-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s;width:0;height:0;margin:0 auto}#nav #hamburgerMenu #hamburger.is-transform .line3{-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;transform:rotate(-45deg);margin:0}#nav #hamburgerMenu::after{content:"MENU";display:block}#subNav{position:fixed;top:90px;left:0;z-index:999;display:flex;justify-content:center;width:100%;height:0;max-height:150px;box-sizing:border-box;font-size:0;background-color:#006cac;overflow:hidden;transition:.2s all ease 0s}#subNav.is-open{height:100%;transition:1.5s height ease 0s}@media only screen and (max-width: 1024px){#subNav.is-open{height:0}}#subNav .subNavBox-wrap{position:relative;width:100%}#subNav .subNavBox-wrap .subNavBox{display:none;position:absolute;top:0}#subNav .subNavBox-wrap .subNavBox.is-hover{display:inline-block}#subNav .subNavBox-wrap .subNavBox.sub-contribution{white-space:nowrap}#subNav .subNavBox-wrap .subNavBox ul{display:flex;flex-direction:column;flex-wrap:wrap;height:150px;margin-top:16px}#subNav .subNavBox-wrap .subNavBox ul li{display:inline-block;list-style:none}#subNav .subNavBox-wrap .subNavBox ul li a{display:inline-block;padding:12px 2em 12px 0;line-height:1.2;color:#fff;font-size:1.3rem;text-decoration:none}#subNav .subNavBox-wrap .subNavBox ul li a:hover{color:#85d2ff}#subNav .subNavBox-wrap .subNavBox ul li.is-flag a{font-weight:bold;color:#85d2ff;position:relative;cursor:default}#subNav .subNavBox-wrap .subNavBox ul li.is-flag a::before{content:"";position:absolute;left:-10px;top:0;display:flex;align-items:center;justify-content:center;height:100%;font-family:"Font Awesome 5 Free";font-weight:900;color:#00bfff}@media only screen and (max-width: 1024px){#subNav .subNavBox-wrap .subNavBox{left:0 !important;top:50px;width:100%;height:calc(100% - 50px);max-height:none}#subNav .subNavBox-wrap .subNavBox ul{display:block;margin-top:0;border-top:solid 1px rgba(255,255,255,.5)}#subNav .subNavBox-wrap .subNavBox ul li{width:100%;border-bottom:solid 1px rgba(255,255,255,.5)}#subNav .subNavBox-wrap .subNavBox ul li a{display:flex;align-items:center;padding:0 2em;height:60px}#subNav .subNavBox-wrap .subNavBox ul li a:hover{background-color:rgba(133,210,255,.15)}#subNav .subNavBox-wrap .subNavBox ul li.is-flag{background-color:rgba(133,210,255,.15)}#subNav .subNavBox-wrap .subNavBox ul li.is-flag::before{left:15px}}@media only screen and (max-width: 736px){#subNav .subNavBox-wrap .subNavBox ul li a{height:48px}}#subNav .subNavBox-wrap i{display:none}@media only screen and (max-width: 1024px){#subNav{left:inherit;right:0;display:block;width:0;height:calc(100vh - 90px);max-height:none;overflow-y:auto;background-color:#007cc6}#subNav .subNavBox-wrap{position:absolute;height:100%;width:100%;right:0}#subNav .subNavBox-wrap .closeIconWrap{display:flex;align-items:center;height:48px;color:#fff;padding:0 20px;cursor:pointer}#subNav .subNavBox-wrap .closeIconWrap .closeIcon{position:relative;display:inline-block;width:25px;height:25px}#subNav .subNavBox-wrap .closeIconWrap .closeIcon::before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;font-size:20px;transform:rotate(-38deg);position:absolute;left:0px;top:0;transition:.5s all ease .2s}#subNav .subNavBox-wrap .closeIconWrap .closeIcon::after{content:"";font-family:"Font Awesome 5 Free";font-weight:900;font-size:20px;transform:rotate(142deg);position:absolute;left:0px;top:0;transition:.5s all ease .2s}#subNav .subNavBox-wrap li{background-color:#006cac}#subNav.is-move{width:40%}#subNav.is-move .subNavBox-wrap .closeIconWrap .closeIcon::before{transform:rotate(7deg)}#subNav.is-move .subNavBox-wrap .closeIconWrap .closeIcon::after{transform:rotate(97deg)}}@media only screen and (max-width: 1024px){#subNav{top:60px;height:calc(100vh - 60px)}#subNav.is-move{width:80%}}#headNav{display:flex;justify-content:space-between;max-width:54px;width:100%;margin-left:.5em}@media only screen and (max-width: 1024px){#headNav{display:none}}#headNav li{display:inline;font-size:1.3rem;line-height:41px}@media only screen and (max-width: 1024px){#headNav li{padding-left:.5em}}#headNav li a{color:#e16824;font-weight:bold;text-decoration:none}#headNav li a:hover{color:#ff7b2e;text-decoration:underline}
/*# sourceMappingURL=header.css.map */