@charset "utf-8";

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

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


/*===================================================================
 SP
===================================================================*/
@media( max-width:959px )
{
	.sp{ display:block; }
	.pc{ display:none !important; }
	.contentsHeader{ width:100%; height:50vh; background-size:cover; background-position:center; }
    .contentsHeaderLogo{ width:80vw; position:absolute; top:1rem; left:1rem; }
	.contentsHeaderLogo > img{ width:100%; }
	.contentsHeaderLogo > a:hover{ }    
    
	.contentsWrapper{ width:90vw; margin:auto; }
    
	.pageTitle{ padding-top:4rem; }
	.pageTitle > p:nth-of-type(1){ line-height:100%; font-size:2.5rem; }
	.pageTitle > p:nth-of-type(2){ padding-top: 0.5rem; line-height:150%; font-size:1.5rem; }
    
	.pageSubTitle{ padding-top:4rem; }
	.pageSubTitle > p:nth-of-type(1){ line-height:125%; font-size:2rem; color: #B40000; }
	.pageSubTitle > p:nth-of-type(2){ line-height:150%; font-size:1.25rem; margin-top: 0.5rem; }   
    
    .columnTitle{ margin-top:2rem; overflow:visible; }
    .columnTitle > p{ line-height:150%; font-size:1.25rem; font-weight: bold; padding-bottom:0.5rem; margin-top:3rem; }
    .columnTitleEn{ margin-top:3rem; overflow:visible; }
    .columnTitleEn > p{ font-size:1.25rem; line-height: 150%; font-weight: bold;  }        
    .columnStr{ margin-top:2rem;  }
    
	.pageBottomImg{ width:100%; margin-top: 4rem; }
    
	.bottomImgBoxInner{ width:100%; height:calc(100vw * 0.5); margin-top: 4rem; position:relative; background-size:cover; }
	.bottomImgBox01{ background-image:url(../../img/pageBottomImg01.jpg); }
	.bottomImgBox02{ background-image:url(../../img/pageBottomImg02.jpg); }
	.bottomImgBox03{ background-image:url(../../img/pageBottomImg03.jpg); }
	.bottomImgBox04{ background-image:url(../../img/pageBottomImg04.jpg); }
	.bottomImgBox05{ background-image:url(../../img/pageBottomImg05.jpg); }
	.bottomImgBox06{ background-image:url(../../img/pageBottomImg07.jpg); }
    
	/* Recent topics Update */    
    .topicsColumnBox{  width: 100%; margin-top: 1rem; border-top:1px #999999 solid; }
    .topicsColumnInBox{ padding: 1rem 0; border-bottom:1px #999999 solid; }
    .topicsColumnInBox > p:nth-of-type(1){ width:100%; }
    .topicsColumnInBox > p:nth-of-type(2){ width:100%; text-align: left;  } 
    .topicsColumnInBox > p > a{ color: #B40000; text-decoration: underline; }
    

	/* HOME */
	.homeMainArea{ width:100%; height:100vh; background-size:cover; background-position:center; }
	.homeMainLogo{ width:80vw; position:absolute; top:1rem; left:1rem;  }
	.homeMainLogo > img{ width:100%; }
	.homeMainLogo > a{ display:block; }
    
    /* HOME News */
    .homeNewsArea{ width: 100%; margin-top:0rem; padding: 2rem 0; color: #ffffff; background-color: #000000; }
	.homeNewsBody{ width:90vw; margin:auto; }    
    .homeNewsTitle{ font-size: 150%; line-height: 100%; padding-bottom: 1rem; border-bottom:1px #ffffff solid; }
    .homeNewsBox{ padding: 1rem 0;  border-bottom:1px #ffffff solid; }
    .homeNewsBox > p:nth-of-type(1){ width:100%; }
	.homeNewsBox > p:nth-of-type(2){ width:100%; }    
	.homeNewsBox > p > a{ color: #ffffff; text-decoration: underline; }
    
    /* HOME TextBottom*/
    .homeTextBtn{ margin-top: 1rem; }
    .homeTextBtn > p{  line-height: 175%; }
    .homeTextBtn > p > a{  color: #ffffff;  font-size: 1rem; text-decoration: none; }
        
    /* HOME GreetingPerson */
    .homeGreetingPerson{ margin:auto; margin-top:2rem;  }
	.homeGreetingPerson > div:nth-of-type(1){ width:100%;  margin: auto;  }
	.homeGreetingPerson > div:nth-of-type(2){ flex:1; margin-top: 1rem; }
	.homeGreetingPerson > div:nth-of-type(2) > p:nth-of-type(1){ line-height: 150%; }
	.homeGreetingPerson > div:nth-of-type(2) > p:nth-of-type(2){ font-size:1.5rem; line-height: 150%; }   
    .homeGreetingPerson > div:nth-of-type(2) > p:nth-of-type(3){ line-height: 150%; margin-top: 1rem; }
	.homeGreetingPerson > div:nth-of-type(2) > p:nth-of-type(4){ font-size:1.5rem; line-height: 150%; }   
	.homeGreetingPerson > div:nth-of-type(2) > a{ display:block; width:80%; height:3rem; margin-top:1rem; line-height:3rem; color:#ffffff;  text-decoration:none; padding-left: 1rem; background-color:#B40000; }   
	.homeGreetingPerson > div:nth-of-type(2) > a:after{ content:''; width:1rem; height:1rem; position:absolute;  top:0; bottom:0; margin:auto; margin-left: 0.5rem; background-image:url("../img/linkArrowW.svg");  background-size:contain; }  
	.homeGreetingBtn{ width:100%; height:4rem; margin-top:1rem;  }
	.homeGreetingBtn > a{ display:block; width:100%; text-decoration:none; padding:1rem; background-color: #B40000;  }
	.homeGreetingBtn > a > p{ color: #ffffff;  }
	.homeGreetingBtn > a > p:after{ content:''; width:1rem; height:1rem; position:absolute; top:0; bottom:0; margin: auto; margin-left: 0.5rem; background-image:url("../img/linkArrowW.svg"); }

    /* HOME History */
    .homeHistoryBox{ margin-top: 2rem;  }
	.homeHistoryBox > div{ width: 100%; margin-bottom: 1rem; display:flex; flex-wrap:nowrap; justify-content:space-between; }
	.homeHistoryBox > div > p:nth-of-type(1){ width:14rem; line-height: 150%; }
	.homeHistoryBox > div > p:nth-of-type(2){ line-height: 150%;  }
    
    .homeHistoryBox02{ margin-top: 2rem; }
    .homeHistoryBox02 > p{ line-height:150%; font-size:1.25rem; font-weight: bold; margin-bottom: 0.5rem; }
    .homeHistoryBox02 > p > span{ line-height:150%; font-size:1rem;  }
    .homeHistoryBox02 > img{ width: 100%; }
    

    /* HOME History En */
    .homeHistoryBoxEn{ margin-top: 2rem;  }
	.homeHistoryBoxEn > div{ width: 100%; margin-bottom: 1rem; display:flex; flex-wrap:nowrap; justify-content:space-between; }
	.homeHistoryBoxEn > div > p:nth-of-type(1){ width:12rem; line-height: 150%;  }
	.homeHistoryBoxEn > div > p:nth-of-type(2){ line-height: 150%;  }    

    /* HOME Students */
    .homeStudentsBox01{  }
    .homeStudentsBox01 > div{  }
    .homeStudentsBox01 > div > div:nth-of-type(1) > p{ font-size:1.25rem; line-height: 150%; font-weight: bold; margin-top:3rem;  }
    .homeStudentsBox01 > div > div:nth-of-type(2){ margin-top: 1rem; border-top: #999999 1px solid; }
    .homeStudentsBox01 > div > div:nth-of-type(2) > p{ border-bottom: #999999 1px solid; padding: 0.5rem 0; }        
    
    /* HOME Scroll Arrow */
    .homeScroll{ width:100%; position:absolute;  bottom: 4rem;}
    .homeScrollArrow{ width:3rem;  margin:0 auto;  }
    .homeScrollArrow:hover{ cursor:pointer; opacity:0.7; }
    
     /* HOME funding */
    .homeFundingBox01{ margin-top:3rem; overflow:visible; }
    .homeFundingBox01 > p{ font-size:1.25rem; line-height: 150%; font-weight: bold; } 
    .homeFundingBox02{ margin-top: 1rem; }
    .homeFundingBox02 > div{  }
    .homeFundingBox02 > div > p{ line-height: 150%; padding-left: 1.5rem; text-indent: -1.5rem; margin-top: 1rem;  word-wrap: break-word;  }         
    .homeFundingBox02 > div > p > a{ color: #B40000; }
    .homeFundingBox02Img{ width: 5rem; margin: auto; margin-top: 1rem; margin-bottom: 3rem; }    
    

    
	/* MENU */
	.menuBtn{ width:3rem; height:3rem; position:fixed; top:0rem; right:0rem; z-index:9998; }
	.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:#B40000; z-index:9990; }
	.menuPanelBody{ width:80vw; 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; }
    
	.menuBox{ padding:1rem 0; border-bottom:1px #ffffff solid; }
	.menuBox > div:nth-of-type(1){ width:100%; font-size: 1.25rem; font-weight: bold; }
	.menuBox > div:nth-of-type(2){ width:100%; padding-left:1rem; }
    .menuBox > div:nth-of-type(2) > p{ width:100%; line-height: 200%; }
    
	/* Research */
    .researchBox01{ margin-top:6rem; overflow:visible; }
    .researchBox01 > p{ font-size:1.75rem; line-height: 150%; }    
    .researchColumn01{ width: 100%; margin-top: 2rem; padding: 1rem; border: 2px #B40000 solid; }
    .researchColumn01 > p{ line-height: 150%; margin-bottom: 0.5rem; }
    .researchColumn01 > img{ width: 90%; margin-left: 1rem; }
    .researchColumnStr01{ margin-top:2rem;  }
    .researchColumnStr01 > p{  }
    .researchColumnStr01 > p > a{ color: #B40000; text-decoration: underline; word-wrap: break-word; }
    .researchColumnStr02{ margin-top:1rem; border-top: 1px #999999 solid; padding-top: 1rem;}
    .researchColumnStr02 > p{ font-size: 0.9rem; line-height: 150%; padding-left: 1.25rem; text-indent: -1.25rem; }
    .researchColumnStr02 > p > a{ color: #B40000; text-decoration: underline; word-wrap: break-word; }    
    .text_img{ width:12rem; padding: 0.5rem 0; }
 
    .researchBox02{ margin-top:4rem; overflow:visible; }
    .researchBox02 > p{ font-size:1.25rem; line-height: 150%; font-weight: bold;  }  
    .researchBox02 > img{ width: 100%; }
    
    .researchBox03{ width: 100%; margin-top: 1rem; margin-bottom: 2rem; }
    .researchBox03 > p:nth-of-type(1){ font-size: 1.25rem; line-height: 150%; font-weight: bold; text-align: center; }
    .researchBox03 > p:nth-of-type(2){ text-align: center; line-height: 150%; margin-top: 1rem; }
    .researchBox03 > img{ width: 100%; margin: auto; margin-top: 0.5rem; }
    
    .researchBox04{ width: 100%; margin-top: 1rem; margin-bottom: 1rem; }
    .researchBox04 > p:nth-of-type(1){ font-size: 1.25rem; line-height: 150%; font-weight: bold; text-align: center; }
    .researchBox04 > p:nth-of-type(2){ text-align: center; line-height: 150%; margin-top: 1rem; }
    .researchBox04 > img{ width: 100%; margin-top: 0.5rem; }    

    /* modal CSS */
    .md-btnBox{ padding: 0 0.25rem; color: #B40000; font-weight: bold;  }
    .md-btnBox:hover { opacity: 0.6; }
    .md-overlay{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000000; opacity: 0.7; z-index: 9999; }
    .md-contents{ display: none; position: fixed; top: 50%; left: 50%; width: 90%; max-width: 90%; height: auto; overflow: hidden; transform:translate(-50%,-50%); z-index: 10000; }
    .md-inner{ padding: 1.5rem 1rem 1rem 1rem;  background: #ffffff; height: auto; }
    .md-inner > p{ margin-top: 1rem; line-height: 150%; padding-left:2rem; text-indent: -2rem; word-wrap: break-word; }
    .md-xmark{ position: absolute; top: 1rem; right: 1rem; width: 25px; height: 22px; z-index: 9999; cursor: pointer; }    
    .md-xmark span { height: auto; position: absolute; left: 0; width: 100%; height: 2px; background-color: #B40000; border-radius: 2px; }
    .md-xmark span:nth-of-type(1) { top: 0; transform: translateY(10px) rotate(-45deg); }
    .md-xmark span:nth-of-type(2) { bottom: 0; transform: translateY(-10px) rotate(45deg); }        
    
    /* Papers */
    .papersBtn{ width:100%; height:4rem; margin-top:2rem;  }
    .papersBtn > a{ display:block; width:100%; text-decoration:none; padding:1rem; background-color: #B40000;  }
    .papersBtn > a > p{ color: #ffffff;  }
    .papersBtn > a > p:after{ content:''; width:1rem; height:1rem; position:absolute; top:0; bottom:0; margin: auto; margin-left: 0.5rem; background-image:url("../img/linkArrowW.svg"); }
    .papersBtn > p{ margin-top: 0.5rem; }
    .papersBtnStr{ margin-top: 1rem; }
    .papersBtnStr > p{  }
    .papersBtnStr > p > a{ color: #B40000; }

    
    .papersBox01{ margin-top:6rem; overflow:visible; }
    .papersBox01 > p{ font-size:1.75rem; line-height: 150%; }    
    .papersBox02{ margin-top: 2rem; }
    .papersBox02 > p{ line-height: 150%; margin-top: 1rem; padding-left: 2rem; text-indent: -2rem; word-wrap: break-word; }
    .papersBox03{ margin-top: 2rem; }
    .papersBox03 > div{ display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px #999999 solid; padding: 0.5rem 0; }
    .papersBox03 > div > p:nth-of-type(1){ width: 48%; line-height: 150%; padding-right: 1rem; }
    .papersBox03 > div > p:nth-of-type(2){ width: 25%; line-height: 150%; }
    .papersBox03 > div > p:nth-of-type(3){ width: 25%; line-height: 150%; }
    .papersBox04{ margin-top: 2rem; }
    .papersBox04 > p{ line-height: 150%; margin-top: 1rem; padding-left: 1rem; text-indent: -1rem; }    

    
    /* Lecture */
	.lectureLink{ margin-top:2rem; display:flex; flex-wrap:wrap; justify-content:space-between; }
	.lectureLink > div{ width:100%; padding:0.4rem 0; } 
	.lectureLink > div > a{ display:block; height:4rem; line-height:4rem;  text-decoration:none; padding-left: 1rem; background-color:#ffffff; border:1px #B40000 solid; }       
    .lectureBox01{ margin-top:6rem; overflow:visible; }
    .lectureBox01 > p{ font-size:1.75rem; line-height: 150%; }        
    .lectureBox02{ margin-top:3rem; overflow:visible; }
    .lectureBox02 > p{ font-size:1.25rem; line-height: 150%; font-weight: bold; }         
    .lectureBox03{ margin-top: 1rem; }
    .lectureBox03 > div{ margin-top: 1.5rem;  }
    .lectureBox03 > div > p{ line-height: 150%; padding-left: 1.5rem; text-indent: -1.5rem; word-wrap: break-word; }    
    .lectureBox04{ margin-top: 1rem; }
    .lectureBox04 > div{ width: 100%; margin-top: 1rem;  }
    .lectureBox04 > div > p:nth-of-type(1){ font-size:1.25rem; line-height: 150%; font-weight: bold; }
    .lectureBox04 > div > p:nth-of-type(2){ margin-top: 1rem; word-wrap: break-word;  }    
    .lectureBox05{ margin-top: 2rem; }
    .lectureBox05 > div{ margin-top: 1rem;  }
    .lectureBox05 > div > p{ line-height: 150%; padding-left: 1.5rem; text-indent: -1.5rem; word-wrap: break-word;  }    
    
    .lectureBoxLink{ margin-top: 0.5rem; margin-left: 1.5rem; } 
    .lectureBoxLink > div:nth-of-type(1){ width: 100%; height: 1.5rem; background-color: #999999; }
    .lectureBoxLink > div:nth-of-type(1) > p{ font-size: 0.9rem; color: #ffffff; text-align: center; padding: 0.25rem 0; line-height: 125%; }
    .lectureBoxLink > div:nth-of-type(2){ width: 100%; background-color: #e6e6e6; }
    .lectureBoxLink > div:nth-of-type(2) > a{  }    
    .lectureBoxLink > div:nth-of-type(2) > a > p{ font-size: 0.9rem; padding: 0.25rem 0.5rem; line-height: 125%;  word-wrap: break-word;  }        

    
	/* FOOTER */
	.footerArea{ clear:both; margin: 0; background-color:#000000; }
	.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{ width:80vw; }
	.footerMail{ padding-top:1rem; color: #ffffff; font-size: 1.25rem; line-height: 125%; }
	.footerMail > a{ color: #ffffff; font-size: 1.25rem; text-decoration: underline; }
	.footerStr{ width:100%; }
	.footerStr > p{ color: #ffffff; padding-left: 3rem; text-indent: -3rem; }
	.footerStrEn{ width:100%; margin-top: 1rem; }
	.footerStrEn > p{ color: #ffffff; }    
	.footerCopy{ color: #ffffff; font-size:0.7rem; text-align:center; padding-top:2rem; }
	.footerBanner{ width:100%; margin-bottom:0.5rem; }
    

    
    
    
    
}

/*===================================================================
 SP landscape
===================================================================*/

@media (orientation: landscape)
{ 

	/* HOME */
	.homeMainArea{ width:100%; height:120vh; background-size:cover; background-position:center; }
	.homeMainLogo{ width:44vw; position:absolute; top:1rem; left:1rem;  }
	.homeMainLogo > img{ width:100%; }
	.homeMainLogo > a{ display:block; }

	/* FOOTER */
	.footerLogo{ width:44vw; }

	.contentsHeader{ width:100%; height:70vh; background-size:cover; background-position:center; }
    .contentsHeaderLogo{ width:44vw; position:absolute; top:1rem; left:1rem; }
	.contentsHeaderLogo > img{ width:100%; }
	.contentsHeaderLogo > a:hover{ }        
    
    
    
}

/*===================================================================
 PC
===================================================================*/
@media( min-width:960px )
{
	.sp{ display:none !important; }
	.pc{ display:block; }
    
	/* COMMON */
	html{ overflow-y:scroll; font-size:16px; }
	a:hover{ opacity:0.7; }
    
	.contentsHeader{ width:100%; height:21rem; background-size:cover; background-position:center; }
    .contentsHeaderLogo{ width:416px; position:absolute; top:2rem; left:2rem; }
	.contentsHeaderLogo > img{ width:100%;  }
	.contentsHeaderLogo > a:hover{ display:block; opacity:0.7; text-decoration:none; }

	.contentsWrapper{ width:960px; margin:auto; }
    
	.pageTitle{ padding-top:4rem; }
	.pageTitle > p:nth-of-type(1){ line-height:150%; font-size:3rem; }
	.pageTitle > p:nth-of-type(2){ line-height:150%; font-size:1.5rem; }
    
	.pageSubTitle{ padding-top:4rem; }
	.pageSubTitle > p:nth-of-type(1){ line-height:125%; font-size:2.25rem; color: #B40000; }
	.pageSubTitle > p:nth-of-type(2){ line-height:150%; font-size:1.25rem; margin-top: 0.5rem; } 
    
    .columnTitle{ margin-top:2rem; overflow:visible; }
    .columnTitle > p{ font-size:1.25rem; font-weight: bold; }
    .columnTitleEn{ margin-top:3rem; overflow:visible; }
    .columnTitleEn > p{ font-size:1.25rem; font-weight: bold; }    
    .columnStr{ margin-top:2rem;  }
    
	.pageBottomImg{ width:100%; margin-top: 6rem; }
    
	.bottomImgBoxInner{ width:100%; height:calc(100vw * 0.35); margin-top: 8rem; position:relative; background-size:cover; }
	.bottomImgBox01{ background-image:url(../../img/pageBottomImg01.jpg); }
	.bottomImgBox02{ background-image:url(../../img/pageBottomImg02.jpg); }
	.bottomImgBox03{ background-image:url(../../img/pageBottomImg03.jpg); }
	.bottomImgBox04{ background-image:url(../../img/pageBottomImg04.jpg); }
	.bottomImgBox05{ background-image:url(../../img/pageBottomImg05.jpg); }
	.bottomImgBox06{ background-image:url(../../img/pageBottomImg07.jpg); }

	/* Recent topics Update */    
    .topicsColumnBox{  width: 100%; margin-top: 1rem; border-top:1px #999999 solid; }
    .topicsColumnInBox{ display:flex; flex-wrap:nowrap; justify-content:space-between; padding: 1rem 0; border-bottom:1px #999999 solid; }
    .topicsColumnInBox > p:nth-of-type(1){ width:15%; }
    .topicsColumnInBox > p:nth-of-type(2){ width:85%; text-align: left;  } 
    .topicsColumnInBox > p > a{ color: #B40000; text-decoration: underline; }
    .topicsColumnInBox > p > a:hover{ opacity:0.7; text-decoration: underline; }
    


	/* HOME */
	.homeMainArea{ width:100%; height:100vh; background-size:cover; background-position:center; }
	.homeMainLogo{ width:416px; position:absolute; top:2rem; left:2rem; }
	.homeMainLogo > img{ width:100%; }
	.homeMainLogo > a:hover{ display:block; opacity:0.7; text-decoration:none; }
	
    /* HOME News */
    .homeNewsArea{ width: 100%; margin-top:0rem; padding: 2rem 0; color: #ffffff; background-color: #000000; }
	.homeNewsBody{ width:960px; margin:auto; }    
    .homeNewsTitle{ font-size: 150%; line-height: 100%; padding-bottom: 1rem; border-bottom:1px #ffffff solid; }
    .homeNewsBox{ display:flex; flex-wrap:nowrap; justify-content:space-between; padding: 1rem 0; border-bottom:1px #ffffff solid; }
    .homeNewsBox > p:nth-of-type(1){ width:15%; }
	.homeNewsBox > p:nth-of-type(2){ width:85%; text-align: left;  } 
	.homeNewsBox > p > a{ color: #ffffff; text-decoration: underline; }
    .homeNewsBox > p > a:hover{ opacity:0.7; text-decoration: underline; }

    
    /* HOME TextBottom*/
    .homeTextBtn{ margin-top: 1rem; }
    .homeTextBtn > p{ display: block; color: #ffffff; }
    .homeTextBtn > p > a{ color: #ffffff; font-size: 1.25rem; text-decoration: none; }
	.homeTextBtn > p > a:hover{ opacity:0.7; text-decoration:none; }
    
    /* HOME GreetingPerson */ 
	.homeGreetingPerson{ margin-top:5rem; display:flex; flex-wrap:nowrap; }
	.homeGreetingPerson > div:nth-of-type(1){ width:60%; }
	.homeGreetingPerson > div:nth-of-type(2){ flex:1; padding-left:2rem; }
	.homeGreetingPerson > div:nth-of-type(2) > p:nth-of-type(1){ line-height: 150%; }
	.homeGreetingPerson > div:nth-of-type(2) > p:nth-of-type(2){ font-size:1.75rem; line-height: 150%; }   
    .homeGreetingPerson > div:nth-of-type(2) > p:nth-of-type(3){ line-height: 150%; margin-top: 1rem; }
	.homeGreetingPerson > div:nth-of-type(2) > p:nth-of-type(4){ font-size:1.75rem; line-height: 150%; }   
	.homeGreetingPerson > div:nth-of-type(2) > a{ display:block; width:16rem; height:3rem; margin-top:1rem; line-height:3rem; color:#ffffff;  text-decoration:none; padding-left: 1rem; background-color:#B40000; }   
	.homeGreetingPerson > div:nth-of-type(2) > a:after{ content:''; width:1rem; height:1rem; position:absolute;  top:2.4rem; bottom:0; left:10rem; margin:auto; background-image:url("../img/linkArrowW.svg");  background-size:contain; }       
	.homeGreetingBtn{ width:100%; height:4rem; margin-top:1rem;  }
	.homeGreetingBtn > a{ display:block; width:100%; text-decoration:none; padding:1rem; background-color: #B40000;  }
	.homeGreetingBtn > a > p{ color: #ffffff;  }
	.homeGreetingBtn > a > p:after{ content:''; width:1rem; height:1rem; position:absolute; top:0; bottom:0; margin: auto; margin-left: 0.5rem; background-image:url("../img/linkArrowW.svg"); }
    
    
    /* HOME History */
    .homeHistoryBox{ margin-top: 2rem;  }
	.homeHistoryBox > div{ width: 100%; display:flex; flex-wrap:nowrap; justify-content:space-between; }
	.homeHistoryBox > div > p:nth-of-type(1){ width:13%; }
	.homeHistoryBox > div > p:nth-of-type(2){ width:87%; }
    .homeHistoryBox02{ margin-top: 2rem; }
    .homeHistoryBox02 > p{ line-height:150%; font-size:1.25rem; font-weight: bold; margin-bottom: 0.5rem; }
    .homeHistoryBox02 > p > span{ line-height:150%; font-size:1rem;  }
    .homeHistoryBox02 > img{ width: 100%; }
 
    /* HOME History En */
    .homeHistoryBoxEn{ margin-top: 2rem;  }
	.homeHistoryBoxEn > div{ width: 100%; display:flex; flex-wrap:nowrap; justify-content:space-between; }
	.homeHistoryBoxEn > div > p:nth-of-type(1){ width:10%; }
	.homeHistoryBoxEn > div > p:nth-of-type(2){ width:90%; }    
    
    /* HOME Students */
    .homeStudentsBox01{  }
    .homeStudentsBox01 > div{  }
    .homeStudentsBox01 > div > div:nth-of-type(1) > p{ font-size:1.25rem; line-height: 150%; font-weight: bold; margin-top:3rem;  }
    .homeStudentsBox01 > div > div:nth-of-type(2){ margin-top: 1rem; border-top: #999999 1px solid; }
    .homeStudentsBox01 > div > div:nth-of-type(2) > p{ border-bottom: #999999 1px solid; padding: 0.5rem 0; }    
    

     /* HOME Scroll Arrow */
    .homeScroll{ width:100%; position:absolute;  bottom: 2rem;}
    .homeScrollArrow{ width:4rem; margin:0 auto; margin-bottom: 2rem; }
    .homeScrollArrow:hover{ cursor:pointer; opacity:0.7; }
    
     /* HOME funding */
    .homeFundingBox01{ margin-top:3rem; overflow:visible; }
    .homeFundingBox01 > p{ font-size:1.25rem; line-height: 150%; font-weight: bold; } 
    .homeFundingBox02{ margin-top: 1rem; }
    .homeFundingBox02 > div{  }
    .homeFundingBox02 > div > p{ line-height: 150%; padding-left: 1.5rem; text-indent: -1.5rem; margin-top: 1rem;  word-wrap: break-word;  }
    .homeFundingBox02 > div > p > a{ color: #B40000; }
    .homeFundingBox02Img{ width: 6rem; margin-left: 1rem; margin-top: 1rem; margin-bottom: 3rem; }    
    

	/* MENU */
	.menuBtn{ width:5rem; height:5rem; position:fixed; top:0rem; right:0rem; z-index:9998; }
	.menuBtn:hover{ cursor:pointer; opacity:0.7; text-decoration:none; }
	.menuBtn > div{ width:100%; height:100%; position:absolute; top:0; left:0; }
	.menuBtnOpen{ display:block; }
	.menuBtnClose{ display:none; }
	.menuPanel{ width:60rem; height:100vh; position:fixed; top:0; left:-60rem; background-color:#B40000; z-index:9990; }
	.menuPanelBody{ width:800px; height:90vh; overflow-y:auto; margin:auto; margin-top:5vh; border-top:1px #ffffff solid; }
	.menuPanelBody p, .menuPanelBody a{ display:inline-block; line-height:2rem; height:2rem; color:#ffffff; text-decoration:none; }
	.menuPanelBody a:hover{ opacity:0.7; }
    
	.menuBox{ display:flex; padding:1rem 0; flex-wrap:nowrap; justify-content:space-between; border-bottom:1px #ffffff solid; }
	.menuBox > div:nth-of-type(1){ width:42%; font-size: 1.25rem; font-weight: bold; }
	.menuBox > div:nth-of-type(2){ width:58%; }
    .menuBox > div > p{}

	/* Research */
    .researchBox01{ margin-top:6rem; overflow:visible; }
    .researchBox01 > p{ font-size:2rem; line-height: 150%; }    
    .researchColumn01{ width: 100%; margin-top: 2rem; padding: 1.5rem; border: 2px #B40000 solid; }
    .researchColumn01 > p{ line-height: 150%; margin-bottom: 0.5rem; }
    .researchColumn01 > img{ width: 24rem; margin-left: 1rem; }
    .researchColumnStr01{ margin-top:2rem;  }
    .researchColumnStr01 > p{  }
    .researchColumnStr01 > p > a{ color: #B40000; text-decoration: underline; }
    .researchColumnStr02{ margin-top:1rem; border-top: 1px #999999 solid; padding-top: 1rem;}
    .researchColumnStr02 > p{ font-size: 0.9rem; line-height: 150%; padding-left: 1.25rem; text-indent: -1.25rem; }
    .researchColumnStr02 > p > a{ color: #B40000; text-decoration: underline; }    
    .text_img{ width:16rem; padding: 0.5rem 0; }
 
    .researchBox02{ margin-top:4rem; overflow:visible; }
    .researchBox02 > p{ font-size:1.25rem; line-height: 150%; font-weight: bold;  }  
    .researchBox02 > img{ width: 28rem; }
    
    .researchBox03{ width: 100%; margin-top: 1rem; margin-bottom: 2rem; }
    .researchBox03 > p:nth-of-type(1){ font-size: 1.25rem; line-height: 150%; font-weight: bold; text-align: center; }
    .researchBox03 > p:nth-of-type(2){ text-align: center; line-height: 150%; margin-top: 1rem; }
    .researchBox03 > img{ width: 560px; margin: auto; margin-top: 0.5rem; }
    
    .researchBox04{ width: 100%; margin-top: 1rem; margin-bottom: 1rem; }
    .researchBox04 > p:nth-of-type(1){ font-size: 1.25rem; line-height: 150%; font-weight: bold; text-align: center; }
    .researchBox04 > p:nth-of-type(2){ text-align: center; line-height: 150%; margin-top: 1rem; }
    .researchBox04 > img{ width: 100%; margin-top: 0.5rem; }    

    /* modal CSS */
    .md-btnBox{ padding: 0 0.25rem; color: #B40000; font-weight: bold;  }
    .md-btnBox:hover { opacity: 0.6; }
    .md-overlay{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000000; opacity: 0.7; z-index: 9999; }
    .md-contents{ display: none; position: fixed; top: 50%; left: 50%; width: 50%; max-width: 800px; height: auto; overflow: hidden; transform:translate(-50%,-50%); z-index: 10000; }
    .md-inner{ padding: 1rem;  background: #ffffff; height: auto; }
    .md-inner > p{ margin-top: 1rem; line-height: 150%; padding-left:2rem; text-indent: -2rem; }
    .md-xmark{ position: absolute; top: 1rem; right: 1rem; width: 25px; height: 22px; z-index: 9999; cursor: pointer; }    
    .md-xmark span { height: auto; position: absolute; left: 0; width: 100%; height: 2px; background-color: #B40000; border-radius: 2px; }
    .md-xmark span:nth-of-type(1) { top: 0; transform: translateY(10px) rotate(-45deg); }
    .md-xmark span:nth-of-type(2) { bottom: 0; transform: translateY(-10px) rotate(45deg); }    

    /* Papers */
    .papersBtn{ width:70%; height:4rem; margin-top:2rem;  }
    .papersBtn > a{ display:block; width:100%; text-decoration:none; padding:1rem; background-color: #B40000;  }
    .papersBtn > a > p{ color: #ffffff;  }
    .papersBtn > a > p:after{ content:''; width:1rem; height:1rem; position:absolute; top:0; bottom:0; margin: auto; margin-left: 0.5rem; background-image:url("../img/linkArrowW.svg"); }    
    .papersBtnStr{ margin-top: 1rem; }
    .papersBtnStr > p{  }
    .papersBtnStr > p > a{ color: #B40000; }
    
    
    
    .papersBox01{ margin-top:6rem; overflow:visible; }
    .papersBox01 > p{ font-size:2rem; line-height: 150%; }    
    .papersBox02{ margin-top: 2rem; }
    .papersBox02 > p{ line-height: 150%; margin-top: 1rem; padding-left: 2rem; text-indent: -2rem; }
    .papersBox03{ margin-top: 2rem; }
    .papersBox03 > div{ display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px #999999 solid; padding: 0.5rem 0; }
    .papersBox03 > div > p:nth-of-type(1){ width: 48%; line-height: 150%; }
    .papersBox03 > div > p:nth-of-type(2){ width: 25%; line-height: 150%; }
    .papersBox03 > div > p:nth-of-type(3){ width: 25%; line-height: 150%; }
    .papersBox04{ margin-top: 2rem; }
    .papersBox04 > p{ line-height: 150%; margin-top: 1rem; padding-left: 1rem; text-indent: -1rem; }    
    
    /* Lecture */
	.lectureLink{ margin-top:2rem; display:flex; flex-wrap:wrap; justify-content:space-between; }
	.lectureLink > div{ width:49%; padding:0.6rem 0; }    
	.lectureLink > div > a{ display:block; height:4rem; line-height:4rem;  text-decoration:none; padding-left: 1rem; background-color:#ffffff; border:1px #B40000 solid; }       
    .lectureBox01{ margin-top:6rem; overflow:visible; }
    .lectureBox01 > p{ font-size:2rem; line-height: 150%; }        
    .lectureBox02{ margin-top:3rem; overflow:visible; }
    .lectureBox02 > p{ font-size:1.25rem; line-height: 150%; font-weight: bold; }         
    .lectureBox03{ margin-top: 1rem; }
    .lectureBox03 > div{ margin-top: 1.5rem;  }
    .lectureBox03 > div > p{ line-height: 150%; padding-left: 1.5rem; text-indent: -1.5rem; word-wrap: break-word;  }    
    .lectureBox04{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 1rem; }
    .lectureBox04 > div{ width: 48%; margin-top: 1rem;  }
    .lectureBox04 > div > p:nth-of-type(1){ font-size:1.25rem; line-height: 150%; font-weight: bold; }
    .lectureBox04 > div > p:nth-of-type(2){ margin-top: 1rem; word-wrap: break-word;  }    
    .lectureBox05{ margin-top: 2rem; }
    .lectureBox05 > div{ margin-top: 1rem;  }
    .lectureBox05 > div > p{ line-height: 150%; padding-left: 1.5rem; text-indent: -1.5rem; word-wrap: break-word;  }    

    .lectureBoxLink{ display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top: 0.5rem; margin-left: 1.5rem; } 
    .lectureBoxLink > div:nth-of-type(1){ width: 15%; height: 1.5rem; background-color: #999999; }
    .lectureBoxLink > div:nth-of-type(1) > p{ font-size: 0.9rem; color: #ffffff; text-align: center; padding: 0.25rem 0; line-height: 125%; }
    .lectureBoxLink > div:nth-of-type(2){ width: 85%; height: 1.5rem; background-color: #e6e6e6; }
    .lectureBoxLink > div:nth-of-type(2) > a{  }    
    .lectureBoxLink > div:nth-of-type(2) > a > p{ font-size: 0.9rem; padding: 0.25rem 0.5rem; line-height: 125%;  word-wrap: break-word;  }    
    .lectureBoxLink > div:nth-of-type(2) > a > p:hover{ opacity: 0.6;  }    

	
	/* FOOTER */
	.footerArea{ clear:both; margin: 0; background-color:#000000; }
	.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){ flex:1; }
	.footerBody > div:nth-of-type(2){ width:420px; }
	.footerLogo{ width:416px; }
	.footerMail{ padding-top:1rem; color: #ffffff; font-size: 1.5rem; }
	.footerMail > a{ color: #ffffff; font-size: 1.5rem; text-decoration: underline; }
	.footerCopy{ color: #ffffff; font-size:0.8rem; padding-top:2rem; }
	.footerStr{ width:100%; }
	.footerStr > p{ color: #ffffff; padding-left: 3rem; text-indent: -3rem; }
	.footerStrEn{ width:100%; margin-top: 1rem; }
	.footerStrEn > p{ color: #ffffff; }    
	.footerBanner{ width:100%; margin-bottom:0.5rem; }
	.footerBanner:hover{ opacity:0.7; }

}
/*===================================================================
 Font, Collar, 
===================================================================*/
.fNotoSerifL{ font-family:'Noto Serif JP',serif; font-weight:300; }
.fNotoSerifM{ font-family:'Noto Serif JP',serif; font-weight:500; }
.cRed{ color:#B40000; }
.underline{ text-decoration: underline; }
.sub{ vertical-align: sub; font-size: 0.78rem; }