@charset "utf-8";

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

/*===================================================================
 Common
===================================================================*/
*{ color:#ffffff; font-family:'UD Reimin Medium','UD Shin Go NT Medium',sans-serif; }
html{ width:100%; }
body{ width:100%; background-color:#000000; }
a{ color:#ffffff; text-decoration:underline; }
div{ position:relative; }
img{ display:block; width:100%; height:auto; }
p{ line-height:200%; }


/*===================================================================
 SP
===================================================================*/
@media( max-width:1023px )
{
	.sp{ display:block; }
	.pc{ display:none !important; }
    
	/* common */
	.contentsHeader{ width:100%; height:50vh; background-size:cover; background-position:center; }
	.contentsHeader > a{ display: block; }
	.contentsHeader > a > img{ width:80vw; position:absolute; top:1rem; left:1rem; }
    
	.contentsHeader2{ width:100%; height:25vh; background-size:cover; background-position:center; }
	.contentsHeader2 > a{ display: block; }
	.contentsHeader2 > a > img{ width:80vw; position:absolute; top:1rem; left:1rem; }    
    
	/* header Logo */
	.headerLogo{ width:80vw;   }
	.headerLogo > a{ display: block; position:absolute; top:1rem; left:1rem; }
	.headerLogo > a > img{ width:80vw; }
	.headerLogo > a:hover{ opacity:0.7; text-decoration:none; }    
    
    
	.contentsWrapper{ width:90vw; margin:auto; }
    
	.pageTitle{ padding-top:2rem; }
	.pageTitle > p:nth-of-type(1){ line-height:100%; font-size:3rem; }
	.pageTitle > p:nth-of-type(2){ line-height:110%; font-size:1.25rem; margin-top: 0.5rem; }

	/* jump 調整 */
    .ancTarget{ display: block; padding-top: 4rem; margin-top: -1rem;}
    
	/* support */
	.supportColumnTitle{ width:15rem; margin-top:3rem; overflow:visible; border-bottom:2px #7f7f7f solid; }
	.supportColumnTitle > p{ font-size:2rem; white-space:nowrap; }
	.supportColumnTitle > div{ width:50%; border-bottom:2px #7f7f7f solid; }
	.supportList{ margin-top:2rem; }
	.supportBox{ padding:1rem; margin-top:1rem; background-color:#ffffff;  }
    
	/* support Icon */ 
	.supportIconBox{ padding-bottom: 0.5rem; display:flex; flex-wrap:wrap; justify-content:left; }
    .supportIconfund{ display:block; width:9rem; height:1.4rem; line-height:1.4rem; color:#ffffff; font-size:0.9rem; text-align: center; padding:0 0.5rem; background-color:#ff00ff; border-radius:0.7rem;  }
    .supportIconSupport{ display:block; width:9rem; height:1.4rem; line-height:1.4rem; color:#ffffff; font-size:0.9rem; text-align: center; padding:0 0.5rem; background-color:#009900; border-radius:0.7rem; }
    .supportIconSeminar{ display:block; width:9rem; height:1.4rem; line-height:1.4rem; color:#ffffff; font-size:0.9rem; text-align: center; padding:0 0.5rem; background-color:#ff0000; border-radius:0.7rem; }
    .supportIconOther{ display:block; width:9rem; height:1.4rem; line-height:1.5rem; color:#ffffff; font-size:0.9rem; text-align: center; padding:0 0.5rem; background-color:#0000ff; border-radius:0.7rem; }
    .supportIconBox > p:nth-of-type(2){ color: #000000;  padding-left: 0.5rem; }
	.supportBoxStr > p{ color:#000000; }
    
    .supportBoxBtn{  }
	.supportBoxBtn > p:nth-of-type(1){ width:100%; height:2rem; margin-top:0.25rem; line-height:2rem; font-size: 0.9rem; color:#5a5a5a; text-align:center; text-decoration:none; background-color:#e6e6e6; }
	.supportBoxBtn > p:nth-of-type(2){ width:100%; height:2rem; margin-top:0.25rem; line-height:2rem; font-size: 0.9rem; color:#5a5a5a; text-align:center; text-decoration:none; background-color:#e6e6e6; }
	.supportBoxBtn > p:nth-of-type(3){ width:100%; height:2rem; margin-top:0.25rem; line-height:2rem; font-size: 0.9rem; color:#5a5a5a; text-align:center; text-decoration:none; background-color:#e6e6e6; }
	.supportBoxBtn > p >a{ display:block; line-height:2rem; text-decoration:none; background-color:#000000; }        
    
	/* support Year Btn */
    .supportYearBtn{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 2rem; }
    .supportYearBtn > a{ display:block; width:32%; height: 2rem; line-height: 2rem; text-align:center; color: #ffffff; text-decoration:none; margin-bottom: 0.5rem; background-color:#666666; }
    .supportYearBtn > a:nth-of-type(n+2){ margin-left: 0.5rem; }
    .supportYearBtn > a:hover, .supportYearBtn a[ON]{ color:#000000; background-color:#ffffff; text-decoration:none; }    
    .supportYearBtn > p{ display:block; width:7rem; height: 2rem; line-height: 2rem; color: #ffffff; text-align:center; text-decoration:none; margin-bottom: 0.5rem; background-color:#c8c8c8; }  
    .supportYearBtn:after{ content:""; display: block; width:32%; }  

	/* homeNewsTopicsArea */
	.homeNewTopicsArea{ position: absolute; width:960px; height: 3.5rem; background-color: #ffffff;  z-index: 99960; left: 0; right: 0; bottom: 2rem; margin: auto; }
	.homeNewTopicsContainer{ display:flex; flex-wrap:wrap; justify-content: left;  padding: 1rem;  }
    .homeNewTopicsContainer > p:nth-of-type(1){ width: 15%; }
    .homeNewTopicsContainer > p:nth-of-type(2){ width: 85%; line-height: 150%; color: #000000; padding-left: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .homeNewTopicsContainer > p:nth-of-type(2) > a{ color: #000000; text-decoration: underline; }
    .homeNewTopicsContainer > p:nth-of-type(2) > a:hover{ opacity: 0.7; }    
    
	/* topics */    
    .topicsArea{ margin-top: 2rem; }
    .topicsArea > a{ display: block; text-decoration: none; margin-bottom: 1rem; }
    .topicsContainer{ width: 100%; display: flex; flex-wrap: nowrap; justify-content: flex-start; background-color: #ffffff; padding: 1rem; }
    .topicsContainer > p:nth-of-type(1){  }    
    .topicsContainer > p:nth-of-type(2){ color: #000000;  }    
    .topicsContainer > p:nth-of-type(3){ color: #000000; padding-top: 1rem; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 4; overflow: hidden; }   
	.topicsContainer > div{ width:100%; height:9rem; background-size:cover; background-position:top center; border: 1px #cccccc solid; margin-top: 0.5rem; }
    .topicsContainer > img{  }    

	/* topics Icon */ 
	.topicsIconEvent{ display:block; width:9rem; height:1.4rem; line-height:1.4rem; color:#ffffff; font-size:0.9rem; padding:0 0.5rem; background-color:#780010; border-radius:0.7rem; }
	.topicsIconPress{ display:block; width:9rem; height:1.4rem; line-height:1.4rem; color:#ffffff; font-size:0.9rem; padding:0 0.5rem; background-color:#006452; border-radius:0.7rem; }
	.topicsIconOther{ display:block; width:9rem; height:1.4rem; line-height:1.4rem; color:#ffffff; font-size:0.9rem; padding:0 0.5rem; background-color:#5a5a5a; border-radius:0.7rem; }

	/* All topics Btn */ 
    .topicsBtn > a{ display: block; text-decoration: none; width: 100%; height: 3rem; background-color: #313131; margin: auto; margin-top: 2rem; }   
    .topicsBtn > a > p{ line-height: 3rem; text-align: center; }    
    
	/* topics Year Btn */
    .topicsYearBtn{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 2rem;  }
    .topicsYearBtn > a{ display:block; width:32%; height: 2rem; line-height: 2rem; text-align:center; text-decoration:none; margin-bottom: 0.5rem; background-color:#666666; }
    .topicsYearBtn > a:hover, .topicsYearBtn a[ON]{ color:#000000; background-color:#ffffff; text-decoration:none; }    
    .topicsYearBtn > p{ display:block; width:32%; height: 2rem; line-height: 2rem; color: #ffffff; text-align:center; text-decoration:none; margin-bottom: 0.5rem; background-color:#c8c8c8; }
    .topicsYearBtn:after{ content:""; display: block; width:32%; }  

	/* topics Page */
    .topicsBackBtn{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 2rem; }
    .topicsBackBtn > a{ display: block; width: 7rem; height: 2rem; line-height: 2rem; text-align: center; color: #ffffff; text-decoration:none; margin-bottom: 0.5rem; background-color:#666666; }
    .topicsBackBtn > a:hover, .topicsBackBtn a[ON]{ color:#000000; background-color:#ffffff; text-decoration:none; margin-bottom: 0.5rem;  }
    
    .topics{ margin-top: 2rem; background-color: #ffffff; padding: 1rem; }
    .topicsBox01{  }
    .topicsBox01 > p:nth-of-type(1){}
    .topicsBox01 > p:nth-of-type(2){ color: #000000;  }
    .topicsBox02{ margin-top: 1rem; }
    .topicsBox02 > div:nth-of-type(1){ width: 100%; }
    .topicsBox02 > div:nth-of-type(2){ width: 100%; }
    .topicsStr01{ }
    .topicsStr01 > p{ font-size: 1.25rem; color: #000000; font-weight: bold; line-height: 150%; margin-bottom: 1rem;  }
    .topicsStr02{ }
    .topicsStr02 > p{ color: #000000; margin-bottom: 2rem;  }
    .topicsStr02 > p > a{ color: #000000;  }
    
    .topicsStrImg{  margin-bottom: 2rem; }
    .topicsStrImg > div{ margin-bottom: 1rem; }
    .topicsStrImg > div > img{ width: 100%; margin-bottom: 1rem; }
    .topicsImg01{}
    .topicsImg01 > a{ display: block; margin-bottom: 1rem;  }
    .topicsImg01 > a > img{ width: 80%; border: 1px #cccccc solid; margin: auto; }
    .topicsImg01 > a > p{ margin-top: 0.5rem; color: #000000; text-decoration: none; text-align: center; }
    .topicsImg02{ display: block; margin-bottom: 1rem;  }
    .topicsImg02 > img{ width: 80%; border: 1px #cccccc solid; margin: auto; }
    .topicsImg02 > p{ margin-top: 0.5rem; color: #000000; text-decoration: none; text-align: center; }    
    .topicsLink{ margin-bottom: 3rem; }
    .topicsLink > div{ margin-top: 0.5rem; }
    .topicsLink > div > p:nth-of-type(1){ width: 100%; line-height: 150%; font-size: 0.9rem; padding: 0.5rem; color: #000000; background-color: #b3b3b3; }
    .topicsLink > div > p:nth-of-type(2){ width: 100%; line-height: 150%; font-size: 0.9rem; padding: 0.5rem; color: #000000; background-color: #e6e6e6; word-wrap: break-word; }
    .topicsLink > div > p > a{ display: block; color: #000000; word-wrap: break-word; }
    .topicsTable{ margin-bottom: 2rem; }
    .topicsTable > div{ display: flex; flex-wrap: nowrap; justify-content: space-between; border-bottom: 1px #cccccc solid; padding: 0.5rem 0; }
    .topicsTable > div:nth-of-type(1){ border-top: 1px #cccccc solid; padding: 0.5rem 0; }
    .topicsTable > div > p:nth-of-type(1){ width: 20%; color: #000000; line-height: 150%; }
    .topicsTable > div > p:nth-of-type(2){ width: 80%; color: #000000; line-height: 150%; padding-left: 1rem; }
    .topicsTable > div > p:nth-of-type(2) > a{ color: #000000; line-height: 150%; }    

	/* homeContentsBtn */    
	.homeContentsBtn{ width:100%; margin-top:8rem;  }
	.homeContentsBtn > a{ display:block; height:9rem; position:relative; background-size:cover; background-position:center; }
	.homeContentsBtn > a > p{ width:100%; position:absolute; top:3rem; font-size:1rem; font-weight: bold; text-align:center; color:#ffffff; }
	.homeContentsBtn > a > p > span{ position:relative; display:inline-block; font-size:2rem; line-height: 100%; }
    
	/* home Support Btn */ 
    .homeSupportBtn > a{ display: block; text-decoration: none; width: 100%; height: 6.5rem; background-color: #313131; margin: auto; margin-top: 3rem; }   
    .homeSupportBtn > a > p:nth-of-type(1){ font-size: 2rem; line-height: 100%; text-align: center; padding-top: 1.25rem; }  
    .homeSupportBtn > a > p:nth-of-type(2){ font-size: 1rem; line-height: 100%; text-align: center; margin-top: 0.5rem; }    
    
	/* member */
	.memberColumnTitle{ width:100%; }
	.memberColumnTitle > p{ line-height:120%; font-size:1.75rem; padding-bottom:0.5rem; }
	.memberColumnTitle > div{ width:50%; border-bottom:2px #553a97 solid; }
	.memberBox01{ margin-top:2rem; }
	.memberBox01 > div{ width:100%; padding:1rem 0; border-bottom:1px #ffffff solid; }
	.memberBox01 > div:nth-of-type(1){ border-top:1px #ffffff solid; }
	.memberBox01 > div > p{ line-height:120%; }
	.memberBox01 > div > p:nth-of-type(2){ display:flex; flex-wrap:wrap;  font-size:1.2rem; padding-top:0.5rem; }
    .memberBox01 > div > p:nth-of-type(2) > a{ display:block; width:8rem; height:1.4rem; margin-left: 1rem; line-height:1.5rem; color:#000000; font-size:0.9rem; text-decoration: none; text-align: center; background-color:#cccccc; border-radius:0.7rem; }    

	/* research */
	.researchColumnTitle{ width:100%; }
	.researchColumnTitle > p{ line-height:120%; font-size:1.75rem; padding-bottom:0.5rem; }
	.researchColumnTitle > div{ width:50%;  border-bottom:2px #95501c solid; }
	.researchStr1{ margin-top:2rem; }
	.researchStr2{ margin-top:3rem; font-size:1.25rem; font-weight: bold; line-height:150%; text-align:center; }    
	.researchBox01{ margin-top:2rem; display:flex; flex-wrap:wrap; justify-content:space-between; }
	.researchBox01 > div:nth-of-type(1){ width:2rem; }
	.researchBox01 > div:nth-of-type(1) > p{ line-height:150%; font-weight: bold; font-size:1.25rem; }
	.researchBox01 > div:nth-of-type(2){ flex:1; }
	.researchBox01 > div:nth-of-type(2) > p{ line-height:150%; font-weight: bold; font-size:1.25rem; }
	.researchBox01 > div:nth-of-type(3){ width:100%; }
	.researchBox01 > div:nth-of-type(3) > p{ margin-top:0.5rem; line-height:150%; padding:0.5rem 1rem; background-color:#95501c; }
	.researchBox02{ padding:1rem; margin-top:2rem; background-color:#ffffff; border-radius:1rem; }
	.researchBox02 > div:nth-of-type(1){ width:100%; }
	.researchBox02 > div:nth-of-type(1) > p{ line-height:125%; font-size:1.25rem; font-weight: bold; color:#95501c; }
	.researchBox03{ width:100%; margin-top:0.5rem; }
	.researchBox03 > div{ width:100%; border-top:1px #989898 solid; display:flex; flex-wrap:nowrap; justify-content:left; }
	.researchBox03 > div:nth-of-type(1){ border:0; }
	.researchBox03 > div > p{ color:#000000; line-height: 150%; padding: 0.25rem 0; }
	.researchBox03 > div > p:nth-of-type(1){ width:1rem; color:#95501c; }
	.researchBox03 > div > p:nth-of-type(2){  }
	.researchBox03 > div > p:nth-of-type(3){  }

	/* research publication Year Btn */
    .publicationYearBtn{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 2rem;  }
    .publicationYearBtn > a{ display:block; width:32%; height: 2rem; line-height: 2rem; text-align:center; text-decoration:none; margin-bottom: 0.5rem; background-color:#666666; }
    .publicationYearBtn > a:hover, .publicationYearBtn a[ON]{ color:#000000; background-color:#ffffff; text-decoration:none; }    
    .publicationYearBtn > p{ display:block; width:32%; height: 2rem; line-height: 2rem; text-align:center; text-decoration:none; margin-bottom: 0.5rem; background-color:#666666; color: #999999; }
    .publicationYearBtn:after{ content:""; display: block; width:32%; }  

	/* research publication */
    .publicationBox01{ margin-top: 1rem; }        
    .publicationBox01 > p{ font-size: 1.25rem; }      
    .publicationBox02{ margin-top: 1rem; border-top: 1px #ffffff solid; padding-top: 1rem; }        
    .publicationStr1{ display: flex; flex-wrap: nowrap; justify-content: space-between; border-bottom: 1px #ffffff solid; padding-bottom: 1rem; margin-bottom: 1rem; }
    .publicationStr1 > div > p{ line-height: 150%; }
    .publicationStr1 > div:nth-of-type(1){ width:15%; }
    .publicationStr1 > div:nth-of-type(2){ width: 85%; }        
    

	.indexImg01{ width:100%; margin:auto; padding-top:2rem; }
	.indexImg02{ width:100%; height:10rem; margin:auto; padding-top:2rem; background-color:#7f7f7f; }

    
    
    
    
	/* overview */
	.overviewColumnTitle{ width:100%; }
	.overviewColumnTitle > p{ line-height:120%; font-size:1.75rem; padding-bottom:0.5rem; }
	.overviewColumnTitle > div{ width:50%; border-bottom:2px #196427 solid; }

	.overviewStr1{ margin-top:2rem; }
	.overviewStr2{ margin-top:2rem; font-size:1.5rem; font-weight: bold; line-height: 150%; }
	.overviewStr3{ margin-top:1.5rem; }
	.overviewStr4{ margin-top:3rem; font-size:1.5rem; font-weight: bold; line-height:150%; text-align:center; }
	.overviewStr5{ margin-top:1rem; font-size:1.25rem; line-height:130%; text-align:center; }
	.overviewStr6{ margin-top:1rem; font-size:1.5rem; font-weight: bold; line-height:110%; text-align:center; }
	.overviewStr7{ margin-top:2rem; font-size:1.25rem; text-align:center; }
	.overviewStr8{ width:100%; margin:auto; margin-top:2rem; font-size:1.75rem; font-weight: bold; padding:1rem 0; line-height:100%; text-align:center; color:#286ea0; background-color:#ffffff; border:4px #286ea0 solid; }
	.overviewIndexImg01{ width:100%; margin:auto; margin-top:2rem; }
	.overviewIndexImg02{ margin-top:3rem; }
	.overviewIndexImg03{ width:90%; margin:auto; margin-top:2rem; }

	/* aboutus */
	.aboutusColumnTitle{ width:100%; margin-top:3rem; }
	.aboutusColumnTitle > p{ line-height:120%; font-size:1.75rem; padding-bottom:0.5rem; }
	.aboutusColumnTitle > div{ width:50%; border-bottom:2px #286ea0 solid; }
	.aboutusGreetingHead{ font-size:1.5rem; font-weight: bold; line-height: 150%; margin-top:2rem; }
	.aboutusGreetingStr{ margin-top:2rem; }
	.aboutusGreetingPerson{ width:50%; margin:auto; margin-top:5rem; }
	.aboutusGreetingPerson > div:nth-of-type(1){ width:100%; }
	.aboutusGreetingPerson > div:nth-of-type(2){ padding-top:1rem; }
	.aboutusGreetingPerson > div:nth-of-type(2) > p:nth-of-type(1){ text-align:center; }
	.aboutusGreetingPerson > div:nth-of-type(2) > p:nth-of-type(2){ text-align:center; font-size:1.2rem; }
	.aboutusBoxBtn{ padding:1.5rem; margin-top:3rem; display:flex; flex-wrap:nowrap; background-color:#ffffff;  border-radius:0.5rem; }
	.aboutusBoxBtn > a{ font-size: 1.25rem; font-weight: bold; color: #000000; text-decoration:none; }

    /* home sp*/
    .headerMenuArea{ width: 100%; height: 7rem; padding: 1rem; position: absolute; z-index: 9980; }   
    
    .headerMenuLogo{ }
    .headerMenuLogo > a{ display: block; }
	.headerMenuLogo > a > img{ width:17.5rem; }

    /* home lang Btn*/
    .homelangBtn{ width:100%; display: flex; flex-wrap: wrap; justify-content: flex-start; }
	.homelangBtn > a{ display:block; width:7rem; height:1.5rem; line-height:1.5rem; color:#ffffff; font-size:0.9rem; text-align:center; text-decoration:none; margin-top:0.75rem; background-color:#000000; border: 1px #666666 solid; border-radius:1rem; }
	.homelangBtn > a:nth-of-type(2){ margin-left: 0.25rem; }
	.homelangBtn > a.now{ color:#000000; background-color:#ffffff; border: 1px #666666 solid; }
    
	/* homeLogoArea */
    .homeLogoArea{ width: 100%; height: 100%; z-index:9970; position: absolute;   }
	.homeLogoBox{ position: absolute; width: 90vw; height: 28vh; top: 0; bottom: 0; left: 1rem; margin: auto; }
    .homeLogo{ }
	.homeLogo > div:nth-of-type(1){ width: 14rem;   }
	.homeLogo > div:nth-of-type(2){  }
	.homeMainCopy{ width:100%; position:absolute;  }
	.homeMainCopy > p{ display:none; font-size:1rem; line-height: 150%; position:absolute;  margin-top: 0.75rem; }        
    
	/* home */
	.homeMainArea{ width:100%; height:100vh; background-size:cover; background-position:center; }
    .homeMainBox{ width:100%; height:100%; position:absolute; padding-top: 1rem; padding-left: 1rem;  }

	/* menu */
	.menuBtn{ width:4rem; height:4rem; position:fixed; bottom:2rem; right:1rem; z-index:9999; }
	.menuBtn > div{ width:100%; height:100%; position:absolute; top:0; left:0; }
	.menuBtnOpen{ display:block; }
	.menuBtnClose{ display:none; }
	.menuPanel{ width:100vw; height:100vh; position:fixed; top:0; left:-100vw; background-color:#000000; z-index:9990; }
	.menuPanelBody{ width:90vw; height:80vh; overflow-y:auto; margin:auto; margin-top:5vh; border-top:1px #ffffff solid; }
	.menuPanelBody p, .menuPanelBody a{ display:inline-block; line-height:1.5rem; height:1.5rem; font-size:1rem; color:#ffffff; text-decoration:none; }
    
	/* menu Language */
	.menuLanguage{ display: flex; flex-wrap: wrap; justify-content: flex-start; padding:1rem 0; border-bottom:1px #ffffff solid; }
	.menuLanguage > p{ display:block; width:100%; }
	.menuLanguage > a{ display:block; width:7rem; height:2rem; line-height:2rem; margin-top:0.5rem; color:#ffffff; font-size:0.9rem; text-align:center; text-decoration:none; margin-right: 0.5rem; background-color:#666666; border-radius:1rem; }
	.menuLanguage > a.now{ color:#000000; background-color:#ffffff; }

	/* menu Box */    
	.menuBox{ padding:0.75rem 0; border-bottom:1px #ffffff solid; }
	.menuBox > div:nth-of-type(1){ width:100%; }
	.menuBox > div:nth-of-type(2){ width:100%; padding-top:0.5rem; padding-left:1rem; }
    .menuBox > div > p{  }

	/* greeting */
    .greetingColumnTitle > p{ line-height:120%; font-size:1.75rem; padding-bottom:0.5rem; margin-top:4rem; }
	.greetingColumnTitle > div{ width:50%; border-bottom:2px #a00000 solid; }    
	.greetingStr{ margin-top:2rem; }
    .greetingPerson{ margin:auto; margin-top:2rem; margin-bottom: 5rem; }
	.greetingPerson > div:nth-of-type(1){ width:100%; }
	.greetingPerson > div:nth-of-type(1) > p:nth-of-type(1){ }
	.greetingPerson > div:nth-of-type(1) > p:nth-of-type(2){ font-size:1.5rem; }    
    
    
    
	/* footer */
	.footerArea{ clear:both; margin-top:5rem; background-color:#313131; }
	.footerBody{ width:90vw; margin:auto; padding-top: 2rem; padding-bottom: 8rem; }
	.footerBody > div:nth-of-type(1){ width:100%; }
	.footerBody > div:nth-of-type(2){ width:100%; padding-top:2rem; }
	.footerLogo{  }
	.footerLogo > img{ width:16.7rem; }
	.footerMail{ padding-top:1rem; line-height: 150%; }
	.footerMail > a{ text-decoration: none; }
	.footerCopy{ font-size:0.7rem; text-align:center; padding-top:2rem; }
    .footerBannerBox{ width:100%; }
	.footerBanner{ width:100%; margin-bottom:1rem; }

}

/*===================================================================
 PC
===================================================================*/
@media( min-width:1024px )
{
	.sp{ display:none !important; }
	.pc{ display:block; }
    
	/* common */
	html{ overflow-y:scroll; font-size:16px; }
	a:hover{ opacity:0.7; }
    
	.contentsHeader{ width:100%; height:20rem; background-size:cover; background-position:center; }
	.contentsHeader > a{ display: block; }
	.contentsHeader > a > img{ width:460px; position:absolute; top:2rem; left:2rem; }
    
	.contentsHeader2{ width:100%; height:6rem; background-size:cover; background-position:center; }
	.contentsHeader2 > a{ display: block; }
	.contentsHeader2 > a > img{ width:460px; position:absolute; top:2rem; left:2rem; }          
    
	/* header Logo */
	.headerLogo{ width:460px;   }
	.headerLogo > a{ display: block; position:absolute; top:2rem; left:2rem; }
	.headerLogo > a > img{ width:460px; }
	.headerLogo > a:hover{ opacity:0.7; text-decoration:none; }    
    
	.contentsWrapper{ width:960px; margin:auto; }
    
	.pageTitle{ padding-top:3rem; }
	.pageTitle > p:nth-of-type(1){ line-height:130%; font-size:3rem; }
	.pageTitle > p:nth-of-type(2){ line-height:110%; font-size:1.5rem; }
    
	/* jump 調整 */
    .ancTarget{ display: block; padding-top: 7rem; margin-top: -3rem; }

	/* support */
	.supportColumnTitle{ width:15rem; margin-top:5rem; overflow:visible; border-bottom:2px #7f7f7f solid; }
	.supportColumnTitle > p{ font-size:2rem; white-space:nowrap; }
	.supportList{ margin-top:2rem; }
	.supportBox{ padding:1rem; margin-top:1rem; background-color:#ffffff;  }
    
	/* support Icon */ 
	.supportIconBox{ padding-bottom: 0.5rem; display:flex; flex-wrap:wrap; justify-content:left; }
    .supportIconfund{ display:block; width:9rem; height:1.4rem; line-height:1.4rem; color:#ffffff; font-size:0.9rem; text-align: center; padding:0 0.5rem; background-color:#ff00ff; border-radius:0.7rem; }
    .supportIconSupport{ display:block; width:9rem; height:1.4rem; line-height:1.4rem; color:#ffffff; font-size:0.9rem; text-align: center; padding:0 0.5rem; background-color:#009900; border-radius:0.7rem; }
    .supportIconSeminar{ display:block; width:9rem; height:1.4rem; line-height:1.4rem; color:#ffffff; font-size:0.9rem; text-align: center; padding:0 0.5rem; background-color:#ff0000; border-radius:0.7rem; }
    .supportIconOther{ display:block; width:9rem; height:1.4rem; line-height:1.4rem; color:#ffffff; font-size:0.9rem; text-align: center; padding:0 0.5rem; background-color:#0000ff; border-radius:0.7rem; }
    .supportIconBox > p:nth-of-type(2){ color: #000000;  padding-left: 0.5rem; }
	.supportBoxStr > p{ color:#000000; }
    
    .supportBoxBtn{ display:flex; flex-wrap:wrap; justify-content:left; }
	.supportBoxBtn > p:nth-of-type(1){ width:33%; height:2rem; margin-top:0.5rem; line-height:2rem; font-size: 0.9rem; color:#5a5a5a; text-align:center; text-decoration:none; background-color:#e6e6e6; }
	.supportBoxBtn > p:nth-of-type(2){ width:33%; height:2rem; margin-top:0.5rem; margin-left: 1px; line-height:2rem; font-size: 0.9rem; color:#5a5a5a; text-align:center; text-decoration:none; background-color:#e6e6e6; }
	.supportBoxBtn > p:nth-of-type(3){ width:33%; height:2rem; margin-top:0.5rem; margin-left: 1px; line-height:2rem; font-size: 0.9rem; color:#5a5a5a; text-align:center; text-decoration:none; background-color:#e6e6e6; }
	.supportBoxBtn > p >a{ display:block; line-height:2rem; text-decoration:none; background-color:#000000; }        
    
	/* support Year Btn */
    .supportYearBtn{ width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top: 3rem; }
    .supportYearBtn > a{ display:block; width:7rem; height:100%; line-height:100%; text-align:center; color: #ffffff; text-decoration:none; padding:0.5rem; background-color:#666666; }
    .supportYearBtn > a:nth-of-type(n+2){ margin-left: 0.5rem; }
    .supportYearBtn > a:hover, .supportYearBtn a[ON]{ color:#000000; background-color:#ffffff; text-decoration:none; opacity: 1; }    
    .supportYearBtn > p{ display:block; width:7rem; height:100%; line-height:100%; color: #ffffff; text-align:center; text-decoration:none; padding:0.5rem; margin-left: 0.5rem; background-color:#c8c8c8; }        

	/* homeNewsTopicsArea */
	.homeNewTopicsArea{ position: absolute; width:960px; height: 3.5rem; background-color: #ffffff;  z-index: 99960; left: 0; right: 0; bottom: 2rem; margin: auto; }
	.homeNewTopicsContainer{ display:flex; flex-wrap:wrap; justify-content: left;  padding: 1rem;  }
    .homeNewTopicsContainer > p:nth-of-type(1){ width: 15%; }
    .homeNewTopicsContainer > p:nth-of-type(2){ width: 85%; line-height: 150%; color: #000000; padding-left: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .homeNewTopicsContainer > p:nth-of-type(2) > a{ color: #000000; text-decoration: underline; }
    .homeNewTopicsContainer > p:nth-of-type(2) > a:hover{ opacity: 0.7; }    
    
	/* topics */    
    .topicsArea{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 2rem; }
    .topicsArea::after{ content:""; display: block; width:31.5%; }
    .topicsArea > a{ display: block; text-decoration: none; margin-bottom: 2rem; }
    .topicsContainer{ width: 31.5%; background-color: #ffffff; padding: 1rem; }
    .topicsContainer > p:nth-of-type(2){ color: #000000; padding-top: 0.5rem; }    
    .topicsContainer > p:nth-of-type(3){ color: #000000; padding-top: 0.5rem; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 4; overflow: hidden; }   
	.topicsContainer > div{ width:100%; height: 9rem; background-size:cover; background-position:top center; border: 1px #cccccc solid; margin-top: 0.5rem; }
    .topicsContainer > img{  }    

	/* topics Icon */ 
	.topicsIconEvent{ display:block; width:9rem; height:1.4rem; line-height:1.4rem; color:#ffffff; font-size:0.9rem; padding:0 0.5rem; background-color:#780010; border-radius:0.7rem; }
	.topicsIconPress{ display:block; width:9rem; height:1.4rem; line-height:1.4rem; color:#ffffff; font-size:0.9rem; padding:0 0.5rem; background-color:#006452; border-radius:0.7rem; }
	.topicsIconOther{ display:block; width:9rem; height:1.4rem; line-height:1.4rem; color:#ffffff; font-size:0.9rem; padding:0 0.5rem; background-color:#5a5a5a; border-radius:0.7rem; }

	/* All topics Btn */ 
    .topicsBtn > a{ display: block; text-decoration: none; width: 50%; height: 3rem; background-color: #313131; margin: auto; margin-top: 1rem; }   
    .topicsBtn > a > p{ line-height: 3rem; text-align: center; }    
    
	/* topics Year Btn */
    .topicsYearBtn{ width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top: 3rem; }
    .topicsYearBtn > a{ display:block; width:7rem; height: 2rem; line-height: 2rem; text-align:center; color: #ffffff; text-decoration:none; background-color:#666666; }
    .topicsYearBtn > a:nth-of-type(n+2){ margin-left: 0.5rem; }
    .topicsYearBtn > a:hover, .topicsYearBtn a[ON]{ color:#000000; background-color:#ffffff; text-decoration:none; opacity: 1; }    
    .topicsYearBtn > p{ display:block; width:7rem; height: 2rem; line-height: 2rem; text-align:center; color: #ffffff; text-decoration:none; margin-left: 0.5rem; background-color:#c8c8c8; }    

	/* topics Page */
    .topicsBackBtn{ margin-top: 3rem; }
    .topicsBackBtn > a{ display: block; width: 7rem; height: 2rem; line-height: 2rem; text-align: center; color: #ffffff; text-decoration:none; background-color:#666666; }
    .topicsBackBtn > a:hover{ color:#000000; background-color:#ffffff; text-decoration:none; opacity: 1; }
    .topics{ margin-top: 2rem; background-color: #ffffff; padding: 1rem; }
    .topicsBox01{ display: flex; flex-wrap: nowrap; justify-content: flex-start; }
    .topicsBox01 > p:nth-of-type(1){}
    .topicsBox01 > p:nth-of-type(2){ color: #000000; padding-left: 1rem;  }
    .topicsBox02{ display: flex; flex-wrap: nowrap; justify-content: space-between; margin-top: 1rem; }
    .topicsBox02 > div:nth-of-type(1){ width: 70%; }
    .topicsBox02 > div:nth-of-type(2){ width: 26%; }
    .topicsStr01{ }
    .topicsStr01 > p{ font-size: 1.25rem; color: #000000; font-weight: bold; line-height: 150%; margin-bottom: 1rem;  }
    .topicsStr02{ }
    .topicsStr02 > p{ color: #000000; margin-bottom: 2rem;  }
    .topicsStr02 > p > a{ color: #000000;  }
    
    .topicsStrImg{  margin-bottom: 2rem; }
    .topicsStrImg > div{ display: flex; flex-wrap: nowrap; justify-content: space-between; margin-bottom: 1rem; }
    .topicsStrImg > div > img{ width: 49%; }
    .topicsImg01{}
    .topicsImg01 > a{ display: block; margin-bottom: 1rem;  }
    .topicsImg01 > a > img{ width: 100%; border: 1px #cccccc solid; }
    .topicsImg01 > a > p{ margin-top: 0.5rem; color: #000000; text-decoration: none; text-align: center; }
    .topicsImg02{ display: block; margin-bottom: 1rem;  }
    .topicsImg02 > img{ width: 100%; border: 1px #cccccc solid; }
    .topicsImg02 > p{ margin-top: 0.5rem; color: #000000; text-decoration: none; text-align: center; }    
    .topicsLink{ margin-bottom: 3rem; }
    .topicsLink > div{ display: flex; flex-wrap: nowrap; justify-content: space-between; margin-top: 0.5rem; }
    .topicsLink > div > p:nth-of-type(1){ width: 15%; line-height: 150%; padding: 0.5rem; color: #000000; background-color: #b3b3b3; }
    .topicsLink > div > p:nth-of-type(2){ width: 85%; line-height: 150%; padding: 0.5rem; color: #000000; background-color: #e6e6e6; word-wrap: break-word; }
    .topicsLink > div > p > a{ display: block; color: #000000; word-wrap: break-word; }
    .topicsTable{ margin-bottom: 2rem; }
    .topicsTable > div{ display: flex; flex-wrap: nowrap; justify-content: space-between; border-bottom: 1px #cccccc solid; padding: 0.5rem 0; }
    .topicsTable > div:nth-of-type(1){ border-top: 1px #cccccc solid; padding: 0.5rem 0; }
    .topicsTable > div > p:nth-of-type(1){ width: 20%; color: #000000; line-height: 150%; }
    .topicsTable > div > p:nth-of-type(2){ width: 80%; color: #000000; line-height: 150%; padding-left: 1rem; }
    .topicsTable > div > p:nth-of-type(2) > a{ color: #000000; line-height: 150%; }

	/* homeContentsBtn */    
	.homeContentsBtn{ width:100%; margin-top:6rem;  }
	.homeContentsBtn > a{ display:block; height:15rem; position:relative; background-size:cover; background-position:center; }
	.homeContentsBtn > a > p{ width:100%; position:absolute; top:6rem; font-size:1.25rem; font-weight: bold; text-align:center; color:#ffffff; }
	.homeContentsBtn > a > p > span{ position:relative; display:inline-block; font-size:2.5rem; line-height: 100%; }

	/* home Support Btn */ 
    .homeSupportBtn > a{ display: block; text-decoration: none; width: 50%; height: 6.5rem; background-color: #313131; margin: auto; margin-top: 3rem; }   
    .homeSupportBtn > a > p:nth-of-type(1){ font-size: 2rem; line-height: 100%; text-align: center; padding-top: 1.25rem; }  
    .homeSupportBtn > a > p:nth-of-type(2){ font-size: 1.25rem; line-height: 100%; text-align: center; margin-top: 0.5rem; }        
    
    
	/* MEMBER */
	.memberColumnTitle{ width:15rem; overflow:visible; border-bottom:2px #553a97 solid; }
	.memberColumnTitle > p{ font-size:2rem; white-space:nowrap; }
	.memberBox01{ margin-top:3rem; display:flex; flex-wrap:wrap; justify-content:space-between; }
	.memberBox01 > div{ width:48%; padding:1rem 0; border-bottom:1px #ffffff solid; }
	.memberBox01 > div:nth-of-type(1), .memberBox01 > div:nth-of-type(2){ border-top:1px #ffffff solid; }
	.memberBox01 > div > p{ line-height:120%; }
	.memberBox01 > div > p:nth-of-type(2){ display:flex; flex-wrap:wrap;  font-size:1.2rem; padding-top:0.5rem; }
	.memberBox01 > div > p:nth-of-type(2) > a{ display:block; width:8rem; height:1.4rem; margin-left: 1rem; line-height:1.5rem; color:#000000; font-size:0.9rem; text-decoration: none; text-align: center; background-color:#cccccc; border-radius:0.7rem; }
 
	/* RESEARCH */
	.researchColumnTitle{ width:15rem; overflow:visible; border-bottom:2px #95501c solid; }
	.researchColumnTitle > p{ font-size:2rem; white-space:nowrap; }
	.researchStr1{ margin-top:3rem; }
	.researchStr2{ margin-top:3rem; font-size:2rem; font-weight: bold; line-height:150%; text-align:center; }
	.researchBox01{ margin-top:2rem; display:flex; flex-wrap:nowrap; justify-content:space-between; }
	.researchBox01 > div:nth-of-type(1){ width:2rem; }
	.researchBox01 > div:nth-of-type(1) > p{ font-size:1.5rem; font-weight: bold; line-height: 150%; }
	.researchBox01 > div:nth-of-type(2){ width:18rem; }
	.researchBox01 > div:nth-of-type(2) > p{ font-size:1.5rem; font-weight: bold; line-height: 150%; }
	.researchBox01 > div:nth-of-type(3){ flex:1; }
	.researchBox01 > div:nth-of-type(3) > p{ margin-bottom:0.5rem; line-height:150%; padding:0.5rem 1rem; background-color:#95501c; }
    
	.researchBox02{ padding:1rem; margin-top:2rem; display:flex; flex-wrap:nowrap; justify-content:space-between; background-color:#ffffff; border-radius:1rem; }
	.researchBox02 > div:nth-of-type(1){ width:50%; }
	.researchBox02 > div:nth-of-type(1) > p{ line-height:150%; font-size:1.25rem; font-weight: bold; color:#95501c; }
    
	.researchBox03{ width:49%; }
	.researchBox03 > div{ width:100%; border-top:1px #989898 solid; display:flex; flex-wrap:nowrap; justify-content:left; }
	.researchBox03 > div:nth-of-type(1){ border:0; }
	.researchBox03 > div > p{ color:#000000; line-height: 150%; padding: 0.25rem 0; }
	.researchBox03 > div > p:nth-of-type(1){ width:1rem; color:#95501c; }
	.researchBox03 > div > p:nth-of-type(2){  }
    .researchBox03 > div > p > span{ color: #000000; font-size: 0.9rem; }

	/* research publication Year Btn */
    .publicationYearBtn{ width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top: 3rem; }
    .publicationYearBtn > a{ display:block; width:7rem; height: 2rem; line-height: 2rem; text-align:center; color: #ffffff; text-decoration:none; background-color:#666666; }
    .publicationYearBtn > a:nth-of-type(n+2){ margin-left: 0.5rem; }
    .publicationYearBtn > a:hover, .publicationYearBtn a[ON]{ color:#000000; background-color:#ffffff; text-decoration:none; opacity: 1; }    
    .publicationYearBtn > p{ display:block; width:7rem; height: 2rem; line-height: 2rem; text-align:center; color: #999999; text-decoration:none; margin-left: 0.5rem; background-color:#666666; margin-left: 0; margin-right: 0.5rem; }            
    
	/* research publication */
    .publicationBox01{ margin-top: 2rem; }        
    .publicationBox01 > p{ font-size: 1.25rem; }    
    .publicationBox02{ margin-top: 1rem; border-top: 1px #ffffff solid; padding-top: 1rem; }        
    .publicationStr1{ display: flex; flex-wrap: nowrap; justify-content: space-between; border-bottom: 1px #ffffff solid; padding-bottom: 1rem; margin-bottom: 1rem; }
    .publicationStr1 > div > p{ line-height: 150%; }
    .publicationStr1 > div:nth-of-type(1){ width:60px; }
    .publicationStr1 > div:nth-of-type(2){ width: 900px; }    

    
	.indexImg01{ width:760px; margin:auto; padding-top:3rem; }
	.indexImg02{ width:100%; height:15rem; margin:auto; padding-top:3rem; background-color:#7f7f7f; }

	/* OVERVIEW */
	.overviewColumnTitle{ width:15rem; overflow:visible; border-bottom:2px #196427 solid; }
	.overviewColumnTitle > p{ font-size:2rem; white-space:nowrap; }
	.overviewStr1{ margin-top:3rem; }
	.overviewStr2{ margin-top:3rem; font-size:1.5rem; font-weight: bold; line-height: 150%; }
	.overviewStr3{ margin-top:1.5rem; }
	.overviewStr4{ margin-top:3rem; font-size:2rem; font-weight: bold; line-height:150%; text-align:center; }
	.overviewStr5{ margin-top:1rem; font-size:1.5rem; line-height:110%; text-align:center; }
	.overviewStr6{ margin-top:1rem; font-size:2rem; font-weight: bold; line-height:110%; text-align:center; }
	.overviewStr7{ margin-top:2rem; font-size:1.5rem; text-align:center; }
	.overviewStr8{ width:28rem; margin:auto; margin-top:2rem; font-size:2rem; font-weight: bold; padding:1rem 0; line-height:100%; text-align:center; color:#286ea0; background-color:#ffffff; border:4px #286ea0 solid; }
	.overviewIndexImg01{ width:960px; margin:auto; margin-top:3rem; }
	.overviewIndexImg02{ margin-top:3rem; }
	.overviewIndexImg03{ width:864px; margin:auto; margin-top:3rem; }


	/* ABOUTUS */
	.aboutusColumnTitle{ width:15rem; margin-top:4rem; overflow:visible; border-bottom:2px #286ea0 solid; }
	.aboutusColumnTitle > p{ font-size:2rem; white-space:nowrap; }
	.aboutusGreetingHead{ font-size:1.5rem; font-weight: bold; margin-top:3rem; }
	.aboutusGreetingStr{ margin-top:3rem; }
	.aboutusGreetingPerson{ margin-top:5rem; display:flex; flex-wrap:nowrap; }
	.aboutusGreetingPerson > div:nth-of-type(1){ width:240px; }
	.aboutusGreetingPerson > div:nth-of-type(2){ flex:1; padding-left:2rem; }
	.aboutusGreetingPerson > div:nth-of-type(2) > p:nth-of-type(1){}
	.aboutusGreetingPerson > div:nth-of-type(2) > p:nth-of-type(2){ font-size:1.5rem; }
    
	.aboutusBoxBtn{ padding:1.5rem; margin-top:3rem; display:flex; flex-wrap:nowrap; background-color:#ffffff;  border-radius:0.5rem; }
	.aboutusBoxBtn > a{ font-size: 1.25rem; font-weight: bold; color: #000000; text-decoration:none; }

	/* home */
	.homeMainArea{ width:100%; height:100vh; background-size:cover; background-position:center; }
    .homeMainBox{ width:100%; height:100%; position:absolute; padding-top: 2rem; padding-left: 2rem;  }
    
    /* home pc menu */
    .headerMenuArea{ width: 100%; height: 64px;  background-color: rgba(255,255,255,0.8); position: fixed; z-index: 99990; }    
    .headerMenuBox{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
    .headerMenuBox > div:nth-of-type(1){ width: 380px; margin-top: 1rem; margin-left: 1rem;  }
    .headerMenuBox > div:nth-of-type(2){ width: 596px; display: flex; flex-flow: wrap; justify-content: flex-end; }
    .headerMenuBox > div:nth-of-type(2) > div{}
        
    .headerMenuLogo{ }
    .headerMenuLogo > a{ display: block; }
	.headerMenuLogo > a > img{ width:424px; }
	.headerMenuLogo > a:hover{ opacity:0.7; text-decoration:none; }
    
	/* headerLangBtnArea */    
    .headerLangBtnArea{ width: 100%; height: 28px; display: flex; flex-wrap: wrap; justify-content: flex-end; margin-right: 1rem; }
    .headerLangBtnArea > a{ display: block; width: 48px; height: 20px; line-height: 100%; font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; text-align: center; border: 1px #000000 solid; border-top: none; background-color: #000000; padding: 3px 0 0 0; margin-left: 4px;  }
    .headerLangBtnArea > a:hover, .headerLangBtnArea > a.now{ color: #000000; background-color: #ffffff; opacity: 1;}            
    
    .headerMenu{ margin-right: 80px; }
    
	/* header menu nav */
    .nav { display: block; width: auto; height: 32px; right: 0; margin: 0 auto;  display: flex; justify-content: flex-end; }
    .nav li { position: relative; list-style: none; }
    .nav li a{ display: block; color: #000000;  font-size: 14px; font-weight: bold;  line-height: 100%; text-decoration: none; padding:4px 0 12px 0; margin: 0 8px; box-sizing: border-box; }
    
     /*layer-1*/
    .nav > li:hover > a{ color: #000000; border-bottom: 6px #000000 solid; opacity: 1; }
    .nav > li > a.now{ color: #000000; border-bottom: 6px #000000 solid; opacity: 1; }

     /*layer-2*/
    .nav > li li > a{ display: block; color: #ffffff; font-weight: normal; background: #000000; box-sizing: border-box;; opacity: 1; transition: 0.3s; }    
    .nav > li li:hover > a { color: #999999;  }
    .nav li ul { width: 160px; position: absolute; }
    .nav li ul li { overflow: hidden; height: 0; }
    .nav li ul li a {  line-height: 150%; padding: 16px; }
    .nav li:hover > ul > li { overflow: visible; height: auto; }

	/* homeLogoArea */
    .homeLogoArea{ width: 100%; height: 100%; z-index:9980; position: absolute;   }
	.homeLogoBox{ position: absolute; width: 90%; height: 256px; top: 0; bottom: 0; left: 2rem; margin: auto; }
    .homeLogo{ }
	.homeLogo > div:nth-of-type(1){ width: 384px; height: 76px;  }
	.homeLogo > div:nth-of-type(2){  }
	.homeMainCopy{ width:100%; position:absolute;  }
	.homeMainCopy > p{ display:none; font-size:1.5rem; line-height: 150%; position:absolute;  margin-top: 1.25rem; }    

	/* greeting */
	.greetingColumnTitle{ width:15rem; margin-top:4rem; overflow:visible; border-bottom:2px #a00000 solid; }
	.greetingColumnTitle > p{ font-size:2rem; white-space:nowrap; }
    .greetingStr{ margin-top:3rem; }
	.greetingPerson{ margin-top:3rem; display:flex; flex-wrap:nowrap; }
	.greetingPerson > div:nth-of-type(1){ flex:1; }
	.greetingPerson > div:nth-of-type(1) > p:nth-of-type(1){}
	.greetingPerson > div:nth-of-type(1) > p:nth-of-type(2){ font-size:1.5rem; }    

	/* footer */
	.footerArea{ clear:both; margin-top:10rem; background-color:#313131; }
	.footerBody{ width:960px; margin:auto; padding-top: 3rem; padding-bottom: 8rem; display:flex; flex-wrap:nowrap; justify-content:space-between; }
	.footerBody > div:nth-of-type(1){ width: 50%; }
	.footerBody > div:nth-of-type(2){ width: 50%; }
	.footerLogo{  }
	.footerLogo > img{ width:25rem; }
	.footerMail{ padding-top:1rem; line-height: 150%;   }
    .footerMail > a{ text-decoration: none; }
	.footerCopy{ font-size:0.8rem; padding-top:3rem; }
    .footerBannerBox{ width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
	.footerBanner{ width:49%; margin-bottom:0.5rem; }
	.footerBanner:hover{ opacity:0.7; }

}
/*===================================================================
 Font, Collar, 
===================================================================*/
.indent{ padding-left:1em; text-indent:-1em; }
.fBold{ font-weight:bold; }
.fItalic{ font-style:italic; }
.fRobotoL{ font-family:'Roboto',sans-serif; font-weight:300; }
.fRobotoM{ font-family:'Roboto',sans-serif; font-weight:500; }
.fRobotoB{ font-family:'Roboto',sans-serif; font-weight:700; }
.fNotoSerifSB{ font-family:'Noto Serif JP',serif; font-weight:600; }

.cGray{ color:#7f7f7f; }
.cRed{ color:#a00000; }
.cBlue{ color:#286ea0; }
.cGreen{ color:#196427; }
.cOrange{ color:#95501c; }
.cWhite{ color:#ffffff; }
.cPurple{ color:#553a97; }