@charset "utf-8";

/*===================================================================
 CSS Import
===================================================================*/
@import url(./ress.css);
@import url(./fontawesome5/css/all.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@700&display=swap');

/*===================================================================
 Common
===================================================================*/
*{ font-size:15px; font-family:'UD Reimin Medium','UD Shin Go NT Medium',sans-serif; }
html{ width:100%; height:100%; overflow-y:scroll; background-color:#ffffff; }
body{ width:100%; height:100%; color:#333333; font-size:16px; }
a{ color:#333333; text-decoration:none; }
a:hover{ opacity:0.7; }
div{ position:relative; }
img{ display:block; width:100%; height:auto; }
p{ line-height:200%; }
.indent{ padding-left:1em; text-indent:-1em; }
.inBorder{ border-bottom:1px #b3b3b3 solid; }
.fJust{ text-align:justify; text-justify:inter-ideograph; }
.fBold{ font-weight:bold; }
.cRed{ color:#be1e00; }
.cBlue{ color:#00478a; }
.strE{ font-size:14px; }



/* COMMON */
.headBg{ max-width:1200px; height:500px; position:fixed; top:0; left:0; right:0; margin:auto; z-index:-1; background-image:url(../img/commonHeadBg.png);  background-size:cover; background-position:center; }
.mainContentsArea{ clear:both; width:1000px; margin:0 auto; }
.pageContentsArea{ clear:both; width:1000px; margin:0 auto; margin-top:5rem; padding-left:150px; }
.pageTitle{ width:1000px; margin:auto; margin-top:1.5rem; }
.pageTitle p{ display:inline-block; line-height:130%; }
.pageTitle > div:nth-of-type(1) > p:nth-of-type(1){ font-size:1.8rem; font-weight:bold; color:#00478a; font-family:'arial'; }
.pageTitle > div:nth-of-type(1) > p:nth-of-type(2){ font-size:1rem; color:#00478a; margin-left:1rem; }
.pageTitle > div:nth-of-type(2){ margin-top:0.5rem; }
.pageTitle > div:nth-of-type(2) > p:nth-of-type(1){ font-size:2.7rem; }
.pageTitle > div:nth-of-type(2) > p:nth-of-type(2){ font-size:1.5rem; margin-left:0.5rem; }



/* ABOUT */
.aboutIndexImg{ height:300px; }
.aboutIndexImg > img{ position:absolute; top:0; left:0; }
.aboutIndexImg > img:nth-of-type(1){ width:360px; top:0; left:150px; }
.aboutIndexImg > img:nth-of-type(2){ width:260px; top:0; left:515px; }
.aboutIndexImg > img:nth-of-type(3){ width:210px; top:150px; left:680px; }
.aboutSummaryImg01{ width:540px; text-align:center; margin:0 auto; }
.aboutSummaryBox01{ margin-top:3rem; padding:1rem 0; border-bottom:1px #c8c8c8 solid; }
.aboutSummaryBox01 > p{ line-height:100%; font-size:1.5rem; }
.aboutSummaryBox02{ width:850px; padding-bottom:4rem; display:flex; flex-wrap:nowrap; justify-content:space-between; border-bottom:1px #c8c8c8 solid; }
.aboutSummaryBox02 > div:nth-of-type(1){ width:150px; padding-top:6px; border-top:4px #00478a solid; }
.aboutSummaryBox02 > div:nth-of-type(1) > p{ font-weight:bold; }
.aboutSummaryBox02 > div:nth-of-type(2){ width:220px; margin-left:40px; padding-top:10px; }
.aboutSummaryBox02 > div:nth-of-type(3){ width:220px; margin-left:20px; padding-top:10px; }
.aboutSummaryBox02 > div:nth-of-type(4){ width:220px; margin-left:20px; padding-top:10px; }
.aboutSummaryBox03{ width:850px; padding-bottom:4rem; display:flex; flex-wrap:nowrap; justify-content:space-between; border-bottom:1px #c8c8c8 solid; }
.aboutSummaryBox03 > div:nth-of-type(1){ width:150px; padding-top:6px; border-top:4px #00478a solid; }
.aboutSummaryBox03 > div:nth-of-type(1) > p{ font-weight:bold; }
.aboutSummaryBox03 > div:nth-of-type(2){ width:350px; margin-left:40px; padding-top:10px; }
.aboutSummaryBox03 > div:nth-of-type(3){ width:350px; margin-left:20px; padding-top:10px; }
.aboutSummaryBox04{ margin-top:1rem; text-align:right; }
.aboutResearchBox01{ margin-bottom:3rem; }
.aboutResearchBox01 > p:nth-of-type(1){ line-height:100%; font-size:1.2rem; color:#00478a; font-weight:bold; }
.aboutResearchBox01 > p:nth-of-type(2){ margin-top:1rem; }
.aboutResearchBox02 > p{ line-height:100%; color:#00478a; }
.aboutResearchBox03{ margin-top:1rem; width:100%; display:flex; flex-wrap:nowrap; justify-content:space-between; }
.aboutResearchBox03 > div{ width:48%; padding:1rem 0; border-top:4px #00478a solid; border-bottom:1px #c8c8c8 solid; }
.aboutResearchBox03 > div > p{ margin-bottom:1rem; line-height:100%; font-size:1.2rem; color:#00478a; font-weight:bold; }
.aboutResearchBox03 > div > a{ line-height:240%; }
.aboutMessageBox01{ margin-bottom:3rem; padding-bottom:2rem; display:flex; flex-wrap:wrap; justify-content:space-between; border-bottom:1px #c8c8c8 solid; }
.aboutMessageBox01 > div:nth-of-type(1){ width:170px; }
.aboutMessageBox01 > div:nth-of-type(1) > div > p{ line-height:130%; }
.aboutMessageBox01 > div:nth-of-type(1) > div:nth-of-type(2) > p{ font-size:1.8rem; margin-top:0.5rem; font-family: "MS Mincho",  "MS PMincho", "Yu Mincho", serif; font-weight:bold; }
.aboutMessageBox01 > div:nth-of-type(1) > div:nth-of-type(3) > p{ font-size:0.9rem; margin-top:0.6rem; color:#00478a; font-weight:bold; }
.aboutMessageBox01 > div:nth-of-type(1) > div:nth-of-type(4) > p{ font-size:0.8rem; margin-top:1rem; line-height:160%; }
.aboutMessageBox01 > div:nth-of-type(2){ width:650px; margin-left:30px; }
.aboutMessageBox01 > div:nth-of-type(3){ width:850px; margin-top:3rem; }
.aboutMessageBox01 > div:nth-of-type(3) > img{ width:22px; margin:0 0 0 auto; }



/* RESULT */
.resultIndexBox01{ width:100%; padding:0.5rem 0; display:flex; flex-wrap:nowrap; justify-content:space-between; border-bottom:1px #c8c8c8 solid; }
.resultIndexBox01 > p{ color:#00478a; }
.resultIndexBox02{ width:100%; display:flex; flex-wrap:nowrap; justify-content:space-between; border-bottom:1px #c8c8c8 solid; }
.resultIndexBox02 > p{ }
.resultIndexBox02 > p:nth-of-type(1), .resultIndexBox01 > p:nth-of-type(1){ width:250px; padding-left:1rem; }
.resultIndexBox02 > p:nth-of-type(2), .resultIndexBox01 > p:nth-of-type(2){ width:200px; text-align:center; }
.resultIndexBox02 > p:nth-of-type(3), .resultIndexBox01 > p:nth-of-type(3){ width:200px; text-align:center; }
.resultIndexBox02 > p:nth-of-type(4), .resultIndexBox01 > p:nth-of-type(4){ width:200px; text-align:center; }
.resultIndexBox02 > p > a{ display:inline-block; width:200px; line-height:4.5rem; height:4.5rem; font-size:1.2rem; }
.resultIndexBox02 > p:nth-of-type(1){ background-color:#f2f5f5; line-height:4.5rem; font-weight:bold;  }
.resultTokyoBox01{}
.resultTokyoBox02{ width:100%; margin-top:2rem; display:flex; flex-wrap:nowrap; justify-content:space-between; }
.resultTokyoBox02 > div:nth-of-type(1){ width:460px; }
.resultTokyoBox02 > div:nth-of-type(2){ width:360px; margin-left:50px; }
.resultTokyoBox03{ margin-top:1rem; }
.resultTokyoBox03 > p{ margin-bottom:1rem; line-height:100%; color:#00478a; font-weight:bold; }
.resultTokyoBox04{ width:48%; padding:1rem 0; border-top:4px #00478a solid; border-bottom:1px #c8c8c8 solid; }
.resultTokyoBox04 > p{ line-height:240%; }



/* JOINT */
.jointAwardBox01{}
.jointAwardBox02{ margin-top:2rem;  background-color:#ffffff; }
.jointAwardBox02 > a{ display:inline-block; padding:1rem 2rem; text-align:center; border:1px #c8c8c8 solid; }
.jointAwardBox02 > a > p{ line-height:180%; }
.jointAwardBox02 > a > p:nth-of-type(1){ font-size:1.4rem; }
.jointAwardBox03{ width:200px; margin-top:5rem; padding-bottom:0.3rem; border-bottom:4px #00478a solid;  }
.jointAwardBox03 > p{ }
.jointAwardBox04{ width:100%; margin-top:2rem; display:flex; flex-wrap:nowrap; justify-content:space-between; }
.jointAwardBox04 > div{ width:30%; }
.jointAwardBox04 > div > div > p{ }
.jointAwardBox04 > div > div:nth-of-type(2) > p{ margin-top:0.5rem; color:#00478a; font-weight:bold; }
.jointAwardBox04 > div > div:nth-of-type(3) > p{ margin-top:0.2rem; }



/* NEWS */
.newsBox01{ }
.newsBox01 > a{ display:inline-block; padding:0.8rem 2rem; text-align:center; border:1px #c8c8c8 solid; background-color:#ffffff; }
.newsBox01 > a > p{ line-height:100%; }
.newsBox01 > a > p:nth-of-type(1){ font-size:0.8rem; }
.newsBox01 > .ON{ background-color:#e6ecf3; }
.newsBox02{ margin-bottom:1rem; border-bottom:1px #c8c8c8 solid; }
.newsBox02 > p{ margin-top:3rem; font-size:2rem; font-weight:bold; color:#00478a; font-family:'arial'; }




/* HOME */
.homeMain{ width:100%; height:550px; }
.homeMainBg{ width:100%; height:550px; position:absolute; top:0; left:0; display:flex; flex-wrap:nowrap; justify-content:space-between; z-index:1; }
.homeMainBg > div{ width:50%; height:550px; }
.homeMainBg > div:nth-of-type(1){ background-color:#d0d6d8; }
.homeMainBg > div:nth-of-type(2){ background-color:#e6eaeb; }
.homeMainBgImg{ max-width:1400px; height:550px; position:absolute; top:0; left:0; right:0; margin:auto; z-index:10; background-image:url(../../img/homeMainBg.png);  background-size:cover; background-position:center; }
.homeMainStr{ width:1000px; height:550px; padding-top:13rem; position:absolute; top:0px; left:0; right:0; margin:auto; z-index:100; }
.homeMainStr > p:nth-of-type(1){ font-size:1.2rem; line-height:200%; font-family:'Noto Serif JP'; }
.homeMainStr > p:nth-of-type(2){ font-size:1rem; line-height:200%; font-family:'Noto Serif JP'; padding-top: 1rem; }

.homeMainStr_BTN{ width:auto; height:80px; position:absolute; bottom:1rem; right:0; }
.homeMainStr_BTN02{ width:auto; height:80px; position:absolute; bottom:1rem; right:110px; }
.homeMainStr_BTN:hover{ cursor:pointer; opacity:0.7; }




.homeNewsArea{ clear:both; width:1000px; margin:0 auto; margin-top:2rem; display:flex; flex-wrap:nowrap; }
.homeNewsArea > div:nth-of-type(1){ width:150px; }
.homeNewsArea > div:nth-of-type(2){ width:850px; }
.homeNewsTitle > p{ font-size:2.3rem; color:#00478a; font-family:'arial'; font-weight:bold; }
.homeNewsMore > a{ font-size:0.9rem; }
.homeNews{ width:850px; display:flex; flex-wrap:nowrap; }
.homeNews > p{ padding-top:0.5rem; }
.homeNews > p:nth-of-type(1){ width:100px; }
.homeNews > p:nth-of-type(2){ width:750px; }
.homeMainArea{ width:100%; height:560px; margin-top:10rem; background-color:#f2f5f5; }
.homeMainBody{ width:1000px; margin:auto; display:flex; flex-wrap:nowrap; justify-content:space-between; }
.homeMainBody > div{ width:480px; height:500px; margin-top:-5rem; }
.homeMainBody > div:nth-of-type(1){ background-image:url(../../img/homeImg01.jpg); background-position:top; }
.homeMainBody > div:nth-of-type(2){ background-image:url(../../img/homeImg02.jpg); background-position:top; }
.homeMainBody > div > p{ padding-top:240px; line-height:100%; font-size:2.7rem; font-weight:bold; color:#00478a; font-family:'arial'; }
.homeMainLinkArea{ padding:1rem 1.5rem; margin-top:1rem; background-color:#ffffff; }
.homeMainLinkArea > a{ display:inline-block; line-height: 175%; margin-bottom: 1rem; padding-left: 2rem; text-indent:-2rem; }
.homeMainLinkArea > a:before{ content:''; display:inline-block; width:1.5rem; height:0.9rem; margin-right: 0.5rem; background-image:url(../img/icon_Arrow.png); background-size:contain;  }

/*
.homeMainLinkArea{ padding:1rem 1.5rem; line-height:260%; margin-top:1rem; background-color:#ffffff; }
.homeMainLinkArea > a{ background-image:url(../img/icon_Arrow.png); background-size:0.9rem; background-position: 0rem 0.1rem; }
.homeMainLinkArea > a > span{ padding-left:1.5rem; }
*/



/* HEADER */
.header{ width:100%; height:144px; top:0; left:0; z-index:999; }
.homeHeader{ position:absolute; }
.commonHeader{ position:fixed; background-color:#ffffff; box-shadow:0 0 15px #999999; }
.headerDummy{ width:100%; height:164px; }
.headerArea{ width:1000px; height:144px; margin:auto; }
.headerMainTitle{ padding-top:1.6rem; }
.headerMainTitle > p, .headerMainTitle > p > a{ line-height:80%; font-size:1.9rem; font-weight:bold; }
.headerMainTitle > p > span, .headerMainTitle > p > a > span{ font-size:1rem; font-weight:normal; font-family:'arial'; }

.headerMainMenuArea{ position:absolute; bottom:0; right:0; display:flex; flex-wrap:nowrap; }
.headerMainBtn{ display:block; height:5rem; padding:1.2rem 1rem; }
.headerMainBtn > span{ display:block; line-height:100%; text-align:center; }
.headerMainBtn > span:nth-of-type(1){ font-size:1.3rem; font-weight:bold; color:#00478a; font-family:'arial'; }
.headerMainBtn > span:nth-of-type(2){ font-size:0.8rem; padding-top:0.5rem; }
.headerMainBtn > span > i{ font-size:0.8rem; margin-left:0.2rem; color:#00478a; }
.headerMainBtn > a > span{ display:block; line-height:100%; text-align:center; }
.headerMainBtn > a > span:nth-of-type(1){ font-size:1.25rem; font-weight:bold; color:#00478a; font-family:'arial'; }
.headerMainBtn > a > span:nth-of-type(2){ font-size:0.8rem; padding-top:0.5rem; }
.headerMainBtn:hover{ cursor:pointer; opacity:0.7; border-bottom:4px #00478a solid; text-decoration:none; }
.ON{ border-bottom:4px #00478a solid; }
.headerSubMenu{ display:none; width:15rem; padding:0.5rem 1rem; position:absolute; top:5rem; left:-10px; background-color:rgba(0,0,0,0.8); }
.headerSubMenu > a{ display:block; color:#ffffff; text-align:center; line-height:160%; padding:0.5rem 0; }
.headerSubMenu > a > i{ font-size:0.8rem; margin-left:0.2rem; color:#ffffff; }
.headerSubMenu2{ display:none; width:22rem; padding:0.5rem 1rem; background-color:rgba(0,0,0,0.8); }
.headerSubMenu2 > a{ display:block; color:#ffffff; text-align:center; line-height:150%; padding:0.5rem 0; }
.headerSubMenu2 > a > i{ font-size:0.8rem; margin-left:0.2rem; color:#ffffff; }
.headerSubMenu3{ display:none; width:18rem; padding:0.5rem 1rem; background-color:rgba(0,0,0,0.8); }
.headerSubMenu3 > a{ display:block; color:#ffffff; text-align:center; line-height:150%; padding:0.5rem 0; }
.headerSubMenu3 > a > i{ font-size:0.8rem; margin-left:0.2rem; color:#ffffff; }
.MainSubBtnA{ position:absolute; top:5rem; left:-60%;  }
.MainSubBtnB{ position:absolute; top:5rem; left:-8%;  }
.MainSubBtnC{ position:absolute; top:5rem; left:-8%;  }
.MainSubBtnD{ position:absolute; top:5rem; left:-8%;  }
.MainSubBtnE{ position:absolute; top:5rem; left:-45%;  }
.MainSubBtnF{ position:absolute; top:5rem; left:-65%;  }


/* FOOTER */
.footer{ clear:both; width:100%; margin-top:8rem; }
.btnPgTopArea{ width:100%; height:4rem; }
.btnPgTop{ width:2rem; margin:auto; }
.btnPgTop:hover{ cursor:pointer; opacity:0.7; }
.footerLinkArea{ width:100%; padding:1.5rem 0; background-color:#f0f0f0; }
.footerLinkBody{ width:1000px; margin:auto; display: -webkit-flex; display: flex; }
.footerLinkBody > a:nth-of-type(1){ width:350px; padding-right:1rem; }
.footerLinkBody > a:nth-of-type(2){ width:310px; padding-right:1rem; }
.footerLinkBody > a:nth-of-type(3){ width:220px;}
.footerMainArea{ width:100%; padding-top:2rem; padding-bottom:6rem; background-color:#323232; }
.footerMainBody{ width:1000px; margin:auto; }
.footerMainStr{ color:#ffffff; line-height:100%; font-size:1.5rem;  font-weight:bold; }
.footerAdrsStr{ color:#ffffff; line-height:200%; font-size:0.8rem; margin-top:1rem; }

.btnPgTop02{ position: fixed; bottom: 2rem; right: 2rem; display: block; width:3rem; z-index:998; }
.btnPgTop02 > img{ width:3rem; height:3rem; margin-left: auto; margin-right: 2rem; }
.btnPgTop02 > img:hover{ cursor:pointer; opacity:0.7; }