*,*:before,*:after{box-sizing:border-box}*::selection{background:#88b2e9;color:#fff}*::-moz-selection{background:#88b2e9;color:#fff}@media screen and (min-width: 960px){.pc{display:inherit}.pc.tab{display:inherit}.pc.sp{display:inherit}.tab{display:none}.sp{display:none}}@media screen and (max-width: 960px) and (min-width: 601px){.pc{display:none}.tab{display:inherit}.tab.pc{display:inherit}.tab.sp{display:inherit}.sp{display:none}}@media screen and (max-width: 600px){.pc{display:none}.tab{display:none}.sp{display:inherit}.sp.pc{display:inherit}.sp.tab{display:inherit}}html,body,.sitewrap{min-height:100%}body{color:#333;position:relative;-webkit-text-size-adjust:100%}.wrap,#topicpath ol{margin-left:auto;margin-right:auto;position:relative}@media screen and (min-width: 960px){.wrap,#topicpath ol{max-width:1030px;padding:0 20px}.wrap.slim,#topicpath ol.slim{max-width:840px}}@media screen and (max-width: 960px){.wrap,#topicpath ol{width:90%}}.clear:after{clear:both;content:'';display:block;height:0}a{transition:all 0.2s}a:hover{opacity:0.8;transition:all 0.4s}img{max-width:100%;height:auto}img[src$=".svg"]{width:100%}#header{position:fixed;left:0;top:0;z-index:999;width:100%;background:#fff;transition:height 0.5s;display:block}#header .headerwrap{padding:0 2.7%;height:80px}#header .headerwrap #logo{width:257px}@media screen and (min-width: 960px){#header .btnlist{display:none}}@media screen and (max-width: 1000px){#header .headerwrap #logo{width:215px}}@media screen and (max-width: 960px){#header{width:100%}#header .headerwrap{padding:0 3.75%}#header .headerwrap #cntBtn{margin-right:10px}#header .headerwrap #cntBtn a{width:50px;height:50px;display:block;background-color:#327bd9;border-radius:5px;line-height:50px;text-align:center}#header .headerwrap #cntBtn a i{color:#fff;font-size:2.0rem;vertical-align:-2px}#header .headerwrap #menuBtn{width:50px;height:50px;border:2px solid #327bd9;border-radius:5px;position:relative;cursor:pointer}#header .headerwrap #menuBtn span{display:block;width:20px;height:4px;margin:auto;background:#327bd9;border-radius:2px;position:absolute;transition:all 0.4s;left:0;right:0}#header .headerwrap #menuBtn span:nth-child(1){top:13px}#header .headerwrap #menuBtn span:nth-child(2){top:22px}#header .headerwrap #menuBtn span:nth-child(3){top:31px}}@media screen and (max-width: 600px){#header .headerwrap #logo{width:53vw}}@media screen and (max-width: 960px){.open{overflow:hidden}.open #header{top:0 !important}.open #header #gnav{height:calc(100% - 80px)}.open #header #menuBtn{transition:all 0.4s}.open #header #menuBtn span{width:26px;height:4px}.open #header #menuBtn span:nth-child(1){transform:translateY(15px) rotate(-45deg);top:6px}.open #header #menuBtn span:nth-child(2){opacity:0}.open #header #menuBtn span:nth-child(3){transform:translateY(5px) rotate(45deg);top:16px}}@media screen and (min-width: 960px){#gnav{display:block !important}#gnav .gnav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#gnav .gnav>li{position:relative}#gnav .gnav>li+li{margin-left:30px}#gnav .gnav>li.cntbtn a{display:block;font-size:1.4rem;text-align:center;color:#fff;background:#327bd9;border-radius:5px;padding:9px 10px 9px 22px;width:160px}#gnav .gnav>li.cntbtn a:before{content:"";font-family:"Font Awesome 5 Free";font-weight:400;font-size:inherit;color:inherit;position:absolute;left:15px}#gnav .gnav>li.cntbtn a:hover{text-decoration:none}#gnav .gnav>li:hover .submenu{opacity:1;overflow:visible;padding:25px;max-height:9999px;transition:all 0.4s}#gnav .gnav>li:hover .submenu:before{top:-7px;transition:all 0.4s}#gnav .gnav>li .mainmenu,#gnav .gnav>li .mainmenu a{line-height:1.6;transition:all 0.2s}#gnav .gnav>li .mainmenu:hover,#gnav .gnav>li .mainmenu a:hover{opacity:1;text-decoration:none;color:#327bd9}#gnav .gnav>li .submenu{opacity:0;max-height:0;width:310px;padding:0 25px;overflow:hidden;position:absolute;z-index:99;background:#327bd9;border-radius:10px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:calc(100% + 10px);transition:all 0.2s}#gnav .gnav>li .submenu:before{content:'';display:block;width:15px;height:15px;border-radius:1000px;position:absolute;left:0;right:0;top:0;margin:auto;background:#327bd9;transition:all 0.2s}#gnav .gnav>li .submenu .upper a{color:#fff;font-weight:500}#gnav .gnav>li .submenu ul{margin:20px 0 0}#gnav .gnav>li .submenu ul li{position:relative;padding:0 0 0 25px;font-size:1.4rem;color:#fff}#gnav .gnav>li .submenu ul li:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;font-size:inherit;color:inherit;position:absolute;left:0;top:0}#gnav .gnav>li .submenu ul li+li{margin-top:15px}}@media screen and (max-width: 960px){#gnav{position:fixed;top:80px;left:0;width:100%;display:none}#gnav .gnavwrap{overflow-y:auto;width:100%;height:100%;background-color:#327bd9;-webkit-overflow-scrolling:touch}#gnav .gnav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;display:block;padding-bottom:40px}#gnav .gnav>li{position:relative;color:#fff}#gnav .gnav>li a{display:block}#gnav .gnav>li>a,#gnav .gnav>li .mainmenu a{line-height:1;padding:25px 0 25px 5%;border-bottom:1px solid #639be5}#gnav .gnav>li .mainmenu{cursor:pointer;position:relative}#gnav .gnav>li .mainmenu a{pointer-events:none}#gnav .gnav>li div.mainmenu:after{content:"";font-family:"Font Awesome 5 Free";font-weight:900;font-size:inherit;color:#327bd9;position:absolute;text-align:center;position:absolute;top:50%;right:5%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);display:block;width:34px;height:34px;line-height:34px;background-color:#fff;border-radius:50%}#gnav .gnav>li div.mainmenu.close:after{content:'\f068'}#gnav .gnav>li .submenu{background-color:#639be6;padding:26px 0px 30px 5%;display:none}#gnav .gnav>li .submenu ul{margin-top:20px}#gnav .gnav>li .submenu ul li{padding-left:20px;position:relative}#gnav .gnav>li .submenu ul li:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;font-size:inherit;color:#fff;position:absolute;top:0;left:0}#gnav .gnav>li .submenu ul li+li{margin-top:15px}}#contents{overflow:hidden}#contents #pagettl{position:relative;background:url("../img/pagettl/pagettl_bg_default.jpg") no-repeat center center;background-size:cover}#contents #pagettl.survey{background-image:url("../img/pagettl/pagettl_bg_survey.jpg")}#contents #pagettl.water{background-image:url("../img/pagettl/pagettl_bg_water.jpg")}#contents #pagettl.land{background-image:url("../img/pagettl/pagettl_bg_land.jpg")}#contents #pagettl.hazard{background-image:url("../img/pagettl/pagettl_bg_hazard.jpg")}#contents #pagettl.environment{background-image:url("../img/pagettl/pagettl_bg_environment.jpg")}#contents #pagettl.wetland{background-image:url("../img/pagettl/pagettl_bg_wetland.jpg")}#contents #pagettl.seaweedbed{background-image:url("../img/pagettl/pagettl_bg_seaweedbed.jpg")}#contents #pagettl.bay{background-image:url("../img/pagettl/pagettl_bg_bay.jpg")}#contents #pagettl.technology{background-image:url("../img/pagettl/pagettl_bg_technology.jpg")}#contents #pagettl.recruit{background-image:url("../img/pagettl/pagettl_bg_recruit.jpg")}#contents #pagettl.contact{background-image:url("../img/pagettl/pagettl_bg_contact.jpg")}#contents #pagettl.achievement{background-image:url("../img/pagettl/pagettl_bg_achievement.jpg")}#contents #pagettl.publication{background-image:url("../img/pagettl/pagettl_bg_publication.jpg")}#contents #pagettl:before{content:'';display:block;width:100%;height:80px;position:absolute;left:0;top:0;background:#fff}#contents #pagettl .wrap{height:410px;padding:65px 0 0}#contents #pagettl .wrap h1{font-size:3.6rem;font-weight:500;color:#fff;letter-spacing:.03em;text-align:center;text-shadow:0 0 5px rgba(0,0,0,0.4)}#contents #pagettl .wrap h1:after{content:attr(data-en);display:block;text-align:center;margin:15px 0 0;@incldue letter(30);font-family:'cabin';font-style:normal;font-weight:600;font-size:1.8rem;color:#fff}#contents #pagettl .waving{height:100px;width:120%;position:absolute}#contents #pagettl .waving#waveTop{top:70px;-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1);left:-30px}#contents #pagettl .waving#waveBtm{bottom:0;right:-30px}@media screen and (max-width: 960px){#contents #pagettl .wrap h1{font-size:2.8rem}}@media screen and (max-width: 600px){#contents #pagettl{background-image:url("../img/pagettl/pagettl_bg_default_sp.jpg")}#contents #pagettl.survey{background-image:url("../img/pagettl/pagettl_bg_survey_sp.jpg")}#contents #pagettl.water{background-image:url("../img/pagettl/pagettl_bg_water_sp.jpg")}#contents #pagettl.land{background-image:url("../img/pagettl/pagettl_bg_land_sp.jpg")}#contents #pagettl.hazard{background-image:url("../img/pagettl/pagettl_bg_hazard_sp.jpg")}#contents #pagettl.environment{background-image:url("../img/pagettl/pagettl_bg_environment_sp.jpg")}#contents #pagettl.wetland{background-image:url("../img/pagettl/pagettl_bg_wetland_sp.jpg")}#contents #pagettl.seaweedbed{background-image:url("../img/pagettl/pagettl_bg_seaweedbed_sp.jpg")}#contents #pagettl.bay{background-image:url("../img/pagettl/pagettl_bg_bay_sp.jpg")}#contents #pagettl.technology{background-image:url("../img/pagettl/pagettl_bg_technology_sp.jpg")}#contents #pagettl.recruit{background-image:url("../img/pagettl/pagettl_bg_recruit_sp.jpg")}#contents #pagettl.contact{background-image:url("../img/pagettl/pagettl_bg_contact_sp.jpg")}#contents #pagettl.achievement{background-image:url("../img/pagettl/pagettl_bg_achievement_sp.jpg")}#contents #pagettl.publication{background-image:url("../img/pagettl/pagettl_bg_publication_sp.jpg")}}.main p,.main address{margin:30px 0 0}.main p+p,.main p+address,.main address+p,.main address+address{margin-top:15px}.main ul{margin:30px 0 0}.main ul li{padding:0 0 0 30px;position:relative}.main ul li+li{margin-top:10px}.main ul li:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;font-size:inherit;color:#327bd9;position:absolute;left:0;top:2px}.main ul li>:first-child{margin-top:0}.main ul.noicon>li{padding:0}.main ul.noicon>li:before{content:none}.main ol,.main ul{counter-reset:number}.main ol>li,.main ul>li{counter-increment:number}.main ol>li>:first-child,.main ul>li>:first-child{margin-top:0}.main ol.numbering li:before,.main ul.numbering li:before{content:counter(number) ".";position:absolute;left:0;top:0}.main table{width:100%;margin:30px 0 0}.main table tr{border:1px solid #ccc}.main table tr th,.main table tr td{text-align:left;vertical-align:middle;border-left:1px solid #ccc;padding:19px 19px}.main table tr th{width:200px;background:#e1ecfa;font-weight:500}.main table tr td>:first-child{margin-top:0}.main table.simple tr{border:none;border-bottom:1px solid #ccc}.main table.simple tr th,.main table.simple tr td{background:none;border-left:none;padding-left:0}@media screen and (max-width: 960px){.main table tr th,.main table tr td{width:100%;display:block;border-left:none}}.main dl dd>:first-child{margin-top:0}.main blockquote{display:block;padding:20px}.main blockquote:before .main blockquote:after{display:block}.main blockquote:before{content:'“';text-align:left}.main blockquote:before{content:'”';text-align:right}.main em{font-style:italic}.main strong{font-weight:bold}.main h2,.main h3,.main h4,.main h5{font-weight:500;text-align:center}.main h2{margin:85px 0 0;font-size:2.8rem;line-height:1.5}.main h2:after{content:'';display:block;width:50px;height:15px;margin:15px auto 0;background:url("../img/common/ico_wave.svg") repeat center center;background-size:50px 15px;-webkit-animation:bg-wave 5s linear 0s infinite normal none;animation:bg-wave 5s linear 0s infinite normal none}.main h2.drip:after{content:none}.main h2.drip .dripping{display:block;width:240px;padding:10px;margin:0 auto 30px;border-radius:1000px;background:#327bd9;color:#fff;font-size:1.6rem;position:relative;letter-spacing:.05em}.main h2.drip .dripping:after{content:'';opacity:0;display:block;width:15px;height:15px;background:#327bd9;border-radius:0% 50% 50% 50%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;left:0;right:0;bottom:75px;margin:auto;z-index:-1}.main h2.drip.move .dripping:after{opacity:1;bottom:-7.5px;transition:bottom 1s ease-in-out,opacity 0.4s ease-in-out}.main h2+*{margin-top:60px}.main h2+p{margin-top:55px}@media screen and (max-width: 960px){.main h2{margin-top:75px;font-size:2.4rem}}.main h3{margin:60px 0 0;font-size:2.4rem}.main h3 .line{background-image:-webkit-gradient(linear, left top, right top, from(#adbbcc), color-stop(50%, #adbbcc), color-stop(50%, transparent), to(transparent));background-image:-webkit-linear-gradient(left, #adbbcc, #adbbcc 50%, transparent 50%, transparent 100%);background-image:-o-linear-gradient(left, #adbbcc, #adbbcc 50%, transparent 50%, transparent 100%);background-image:linear-gradient(to right, #adbbcc, #adbbcc 50%, transparent 50%, transparent 100%);background-size:8px 4px;background-position:left bottom;background-repeat:repeat-x;padding-bottom:10px}.main h3+*{margin-top:50px}.main h3+p{margin-top:50px}@media screen and (max-width: 960px){.main h3{margin-top:55px;font-size:2.2rem}}.main h4{margin:50px 0 0;font-size:2.0rem;color:#327bd9}.main h4+*{margin-top:40px}.main h4+p{margin-top:30px}@media screen and (max-width: 960px){.main h4{font-size:2.0rem}}.main h5{margin:40px 0 0;font-size:1.6rem}.main h5+*{margin-top:30px}.main h5+p{margin-top:20px}@media screen and (max-width: 960px){.main h5{font-size:1.8rem}}.main h6{margin:30px 0 0}#footer{background:#fff}#footer #topicpath{padding:20px 0}#footer #topicpath ol{display:-webkit-box;display:-ms-flexbox;display:flex}#footer #topicpath ol li+li:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;font-size:inherit;color:#ccc;margin:0 1em}#footer #topicpath ol li a:hover{opacity:1;color:#327bd9}@media screen and (max-width: 960px){#footer #topicpath{display:none}}#footer #footerSitemap{padding:55px 0;background:#327bd9}#footer #footerSitemap .sitemaplist+.sitemaplist{margin-left:110px}#footer #footerSitemap .sitemaplist>li>a{color:#fff;font-weight:500}#footer #footerSitemap .sitemaplist>li ul{margin:15px 0 0}#footer #footerSitemap .sitemaplist>li ul li a{color:#ddd}#footer #footerSitemap .sitemaplist li+li{margin-top:15px}@media screen and (max-width: 960px){#footer #footerSitemap .wrap .sitemaplist{width:100%}#footer #footerSitemap .wrap .sitemaplist a{width:100%;display:block}#footer #footerSitemap .wrap .sitemaplist>li{width:100%}#footer #footerSitemap .wrap .sitemaplist>li>a{border-bottom:1px solid #639be5;padding-bottom:20px}#footer #footerSitemap .wrap .sitemaplist>li ul{margin-top:20px}#footer #footerSitemap .wrap .sitemaplist>li ul li+li{margin-top:20px}#footer #footerSitemap .wrap .sitemaplist+.sitemaplist{margin:40px 0 0}}#footer #footerInfo{background:#eee;padding:40px 0}#footer #footerInfo .topbox .companybox .logo{width:257px}#footer #footerInfo .topbox .companybox address{margin:20px 0 0}#footer #footerInfo .topbox .authenticationbox .txtbox{width:320px;margin-right:15px}#footer #footerInfo .topbox .authenticationbox .txtbox p{font-size:1.2rem}#footer #footerInfo .topbox .authenticationbox .txtbox p+p{margin-top:15px}#footer #footerInfo .topbox .authenticationbox .markbox{width:146px}#footer #footerInfo .btmbox{margin:35px 0 0}#footer #footerInfo .btmbox .copy{font-size:1.2rem;color:#888}#footer #footerInfo .btmbox #pagetop a{font-family:'cabin';font-style:normal;font-weight:600;font-size:1.5rem;color:#327bd9;padding-right:25px;position:relative}#footer #footerInfo .btmbox #pagetop a:after{content:"";font-family:"Font Awesome 5 Free";font-weight:900;font-size:inherit;color:inherit;position:absolute;right:0}#footer #footerInfo .btmbox #pagetop a:hover{text-decoration:none}@media screen and (max-width: 960px){#footer #footerInfo .topbox{text-align:center}#footer #footerInfo .topbox .companybox{width:100%}#footer #footerInfo .topbox .authenticationbox .txtbox{width:100%}#footer #footerInfo .topbox .authenticationbox .txtbox p{margin:40px auto 0;width:100%}#footer #footerInfo .topbox .authenticationbox .txtbox p+p{margin-top:15px}#footer #footerInfo .topbox .authenticationbox .markbox{width:100%;max-width:146px;margin:20px auto 0}#footer #footerInfo .btmbox{width:100%;margin:35px 0 0}#footer #footerInfo .btmbox .copy{width:100%;text-align:center;font-size:1.2rem;color:#888}#footer #footerInfo .btmbox #pagetop{width:100%;text-align:center;margin-top:30px}#footer #footerInfo .btmbox #pagetop a{font-family:'cabin';font-style:normal;font-weight:600;font-size:1.5rem;color:#327bd9;padding-right:25px;position:relative}#footer #footerInfo .btmbox #pagetop a:after{content:"";font-family:"Font Awesome 5 Free";font-weight:900;font-size:inherit;color:inherit;position:absolute;right:0}#footer #footerInfo .btmbox #pagetop a:hover{text-decoration:none}}.alignleft{float:left;display:inline;margin-right:20px}.alignright{float:right;display:inline;margin-left:20px}.aligncenter{display:block;margin-left:auto;margin-right:auto}.clear{zoom:1}.clear:after{clear:both;display:block;content:''}#main .status{margin:0;padding:0}#main .status li{margin:0 14px 0 0}#main .status li .category:hover{background:#327bd9;color:#fff;text-decoration:none;opacity:1}#main .pager ul,#main .pager ol{margin:50px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex}#main .pager ul li,#main .pager ol li{background:none;padding:0;margin:0;position:relative}#main .pager ul li:before,#main .pager ul li:after,#main .pager ol li:before,#main .pager ol li:after{content:none}#main .pager ul li+li,#main .pager ol li+li{margin-left:5px}#main .pager ul li a,#main .pager ul li span,#main .pager ol li a,#main .pager ol li span{border:1px solid #327bd9;border-radius:5px;color:#327bd9;display:block;text-align:center;width:44px;line-height:42px;font-weight:500}#main .pager ul li a:hover,#main .pager ul li span,#main .pager ol li a:hover,#main .pager ol li span{opacity:1;text-decoration:none;background:#327bd9;color:#fff}#main .pager ul li.prev a,#main .pager ul li.next a,#main .pager ol li.prev a,#main .pager ol li.next a{overflow:hidden;text-indent:100%;white-space:nowrap}#main .pager ul li.prev a:before,#main .pager ul li.next a:before,#main .pager ol li.prev a:before,#main .pager ol li.next a:before{text-indent:0;content:"";font-family:"Font Awesome 5 Free";font-weight:900;font-size:inherit;color:inherit;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#main .pager ul li.prev a:before,#main .pager ol li.prev a:before{content:'\f104'}#main .pager ul li.next a:before,#main .pager ol li.next a:before{content:'\f105'}