@charset "utf-8";

/*===================================================================
  CSS Import
===================================================================*/
@import url(./ress.css);
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

/*===================================================================
  Font
===================================================================*/
*{ font-family: sans-serif; }
.robotfThin{ font-family:'Roboto Condensed',sans-serif; font-weight:200; }
.robotfnoemal{ font-family:'Roboto Condensed',sans-serif; font-weight:400; }
.robotfBold{ font-family:'Roboto Condensed',sans-serif; font-weight:700; }

/*===================================================================
  Common
===================================================================*/
body{ color:#ffffff; background-color:#2d3232; }
a{ color:#ffffff; text-decoration:underline; }
a:hover{ cursor:pointer; opacity:0.7; }
div{ position:relative; }
img{ display:block; width:100%; height:auto; }
p{ line-height:200%; }

/*===================================================================
  SP
===================================================================*/
@media( max-width:799px )
{
	.sp{ display:block; }
	.pc{ display:none !important; }
	/* Common */
	html{ width:100%; height:100vh; }
	body{ width:100%; height:100vh; }
	.mainContentsWrapper{ padding-top:10rem; }
	.pageContentsArea{ width:94vw; margin:auto; }
	.pageTitle{ width:94vw; margin:auto; }
	.pageTitle > p{ width:100%; position:relative; font-size:2.6rem; font-weight:200; line-height:140%; border-bottom:1px #919696 solid; font-family:'Roboto Condensed',sans-serif; font-optical-sizing:auto; font-weight:200;  }
	.pageTitle > p > span{ display:block; width:0.8rem; height:0.8rem; position:absolute; bottom:-7px; right:1px; border-right:1px #919696 solid; transform:rotate(-45deg); }
	.pageContentsOuter{ width:100%; margin-top:4rem; padding:4rem 0; background-color:#141919; }
	.pageContentsOuterAccess{ width:100%; margin-top:4rem; padding:2rem 0; background-color:#141919; }
	
	/* RESEARCH */
	.researchBox01{ padding-top:4rem; }	
	.researchBox02head{ font-size:1.75rem; line-height:100%; font-weight: bold; padding-bottom: 1rem; }
	.researchBox03str { width: 100%; margin-top: 3rem; }
	.researchBox03str  > p{ font-size: 1.5rem; line-height: 150%; }
	.researchBox03{ margin-top: 1.5rem; margin-bottom: 5rem; }	
	.researchBox03 > div:nth-of-type(1){ width: 100%;}
	.researchBox03 > div:nth-of-type(1) > a{ display:block; width:100%;   font-size:1rem; line-height:150%; text-decoration:none; padding:0.75rem 1rem; margin-top: 2rem; background-color:#737878; }
	.researchBox03 > div:nth-of-type(1) > a:after{ content:''; display:inline-block; width:2rem; height:1rem; margin-left:0.4rem; background-image:url(../img/linkIconResearch.svg); background-size:contain; }
	.researchBox03 > div:nth-of-type(1) > a:hover{ opacity:0.7;}
	.researchBox03 > div:nth-of-type(2){ width: 100%; margin-top: 2rem; }	
	.researchBox03 > div:nth-of-type(2) > p{ margin-top: 0.75rem; line-height: 150%; }
	.researchBox03 > div:nth-of-type(2) > p > span{ font-size: 0.9rem; }
	.videoWrap{ width: 100%;  }
	.videoWrap > video{ width: 100%; }	
	
	/* PEOPLE */
	.peopleBox01head{ font-size:1.75rem; line-height:100%; font-weight: bold; margin-top: 4rem; }
	.peopleBox01{ padding-top:2rem; }
	.peopleBox01 > div:nth-of-type(1){ width:50%; }
	.peopleBox01 > div:nth-of-type(2){ padding-top:1rem; }
	.peopleBox01str > p:nth-of-type(1){ line-height:100%; font-size:1.5rem; }
	.peopleBox01str > p:nth-of-type(1) > span{ font-size:1rem; }
	.peopleBox01str > p:nth-of-type(2){ margin-top:0.4rem; }
	.peopleBox01link{ padding-top:1rem; display:flex; flex-wrap:nowrap; }
	.peopleBox01link > a{ display:block; width:11rem; height:2.5rem; margin-right:0.2rem; font-size:1rem; line-height:2.5rem; text-align:center; text-decoration:none; padding:0 0.8rem; background-color:#737878; }
	
	.peopleBox01Mail{ margin-top:0.8rem; }
	.peopleBox01Mail:before{ content:''; display:inline-block; width:1.75rem; height:1rem; margin-right:0.4rem; background-image:url(../img/linkIconMail.svg); background-size:contain; }
	.peopleBox02head{ font-size:1.75rem; line-height:100%; font-weight: bold; padding-bottom: 2rem; }
	.peopleBox03box1{ width:100%;  }
	.peopleBox03box1 > div{ width: 100%; margin-bottom: 3rem;}
	.peopleBox03box1Inner01{ width: 100%; display:flex; flex-wrap:nowrap; justify-content: space-between; }
	.peopleBox03box1Inner01 > div:nth-of-type(1){ width: 35%; }
	.peopleBox03box1Inner01 > div:nth-of-type(2){ flex: 1; display: flex; align-items: center; padding-left: 1rem; }
	.peopleBox03box1Inner01 > div:nth-of-type(2) > p{ line-height:125%; font-size:1.5rem; }
	.peopleBox03box1Inner01 > div:nth-of-type(2) > p > span{ font-size:1rem; }
	.peopleBox03box1Inner02{ width: 100%; padding-top: 0.5rem; }
	.peopleBox03box1Inner02 > p{ line-height: 150%; margin-top: 0.5rem; }	
	.peopleBox04head{ font-size:1.75rem; line-height:100%; font-weight: bold; padding-bottom: 2rem; margin-top: 3rem; }
	
	.peopleGroupPInbox{ margin-top:1rem;  }
	.peopleGroupPInboxBody{ width: 100%;  }
	.peopleGroupPInboxBody > .off:before{ content:''; display:inline-block; width:1.25rem; height:1.25rem; margin-right: 0.5rem; background-image:url("../img/foldingArrowOff.svg"); background-size:contain; }
	.peopleGroupPInboxBody > .on:before{ content:''; display:inline-block; width:1.25rem; height:1.25rem; margin-right: 0.5rem; background-image:url("../img/foldingArrowOn.svg"); background-size:contain;}
	.peopleToggleINBoxMemo{ display:inline-block; width:100%; font-size: 1.25rem; padding: 0.75rem; line-height: 100%; color: #ffffff; background-color:#555a5a; }
	.peopleToggleINBoxMemo:hover{  }
	.peopleINBoxPhoto{ display:none; width: 100%;  }
	.peopleINBox01{ width:100%; margin-top: 1rem; margin-bottom: 2rem; }
	.peopleINBox01 > div:nth-of-type(1){ width:100%; }
	.peopleINBox01 > div:nth-of-type(1) > p{ margin-top: 0.5rem;}
	.peopleINBox01 > div:nth-of-type(2){ width:100%;  }
	.peopleINBox01 > div:nth-of-type(2) > div{ width: 100%; margin-top: 1rem;}
	.peopleINBox01 > div:nth-of-type(2) > div > p{ margin-top: 0.5rem;}
	
	/* PUBLICATIONS */
	.publicationsBox01link{ margin-top: 4rem; margin-bottom: 6rem; z-index: 880; }
	.publicationsBox01link > a{ display:block; width:100%; height:2.5rem; font-size:1rem; line-height:2.5rem; text-align:center; text-decoration:none; background-color:#737878; margin-bottom: 1rem;  }	
	.publicationsBox02head{ font-size:1.75rem; line-height:100%; font-weight: bold; }
	.publicationsBox02{ width: 100%; border-top: 1px #919696 solid; margin-top: 2rem; }
	.publicationsBox02 > p{ padding: 1rem 0; border-bottom: 1px #919696 solid; }
	.publicationsBox02 > p > span{ font-weight: bold; text-decoration: underline; }
    .jump{ display: block; padding-top: 10rem; margin-top: -10rem; } 
	.publicationsInbox{ margin-top:1rem;  }
	.publicationsInboxBody{ width: 100%;  }
	.publicationsInboxBody > .off:before{ content:''; display:inline-block; width:1.25rem; height:1.25rem; margin-right: 0.5rem; background-image:url("../img/foldingArrowOff.svg"); background-size:contain; }
	.publicationsInboxBody > .on:before{ content:''; display:inline-block; width:1.25rem; height:1.25rem; margin-right: 0.5rem; background-image:url("../img/foldingArrowOn.svg"); background-size:contain;}
	.publicationsToggleINBoxMemo{ display:inline-block; width:100%; font-size: 1.25rem; padding: 0.75rem; line-height: 100%; color: #ffffff; background-color:#555a5a; }
	.publicationsToggleINBoxMemo:hover{ opacity:0.7; cursor:pointer; }
	.publicationsINBox00{ display:none; width: 100%;  }
	.publicationsINBox01{ width:100%; margin-top: 1rem; margin-bottom: 2rem; border-top: 1px #919696 solid; }
	.publicationsINBox01 > p{ padding: 1rem 0; border-bottom: 1px #919696 solid; }	
	.publicationsINBox01 > p > span{ font-weight: bold; text-decoration: underline; }
	
	/* JOIN / ACCESS */
	.join_accessBox01head{ font-size:1.75rem; line-height:100%; font-weight: bold; margin-top: 4rem; }
	.join_accessBox01{ padding-top:2rem; }	
	.join_accessBox01 > p{ margin-bottom: 1rem;}
	.join_accessBox02{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: auto; margin-top: 2rem; }
	.join_accessBox02 > div{ width: 43%; margin-bottom: 1.5rem; }
	.join_accessBox02Inner01{ width: 7rem; height: 7rem; margin: auto; }
	.join_accessBox02Inner01 > p{ width: 100%; height: 100%; line-height: 150%; text-align:center; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #737878; border-radius: 50%; }
	.join_accessBox02Inner01 > a{ width: 100%; height: 100%; line-height: 150%; text-align:center; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #737878; border-radius: 50%; padding-top: 1rem; text-decoration: none; }
	.join_accessBox02Inner01 > a:after{ content:''; display:inline-block; width:1rem; height:1rem; margin-top: 0.25rem; background-image:url(../img/linkIconNewWin02.svg); background-size:contain; }
	.join_accessBox02Inner01Str{ padding-top: 1rem; text-align: center;}
	.join_accessBox03{ margin-top: 3rem; font-size: 1.25rem; border-top: 1px #919696 solid; border-bottom: 1px #919696 solid; padding: 0.5rem 0;  }
	.join_accessBox03 > p{ text-align: center; font-weight: bold;}
	.join_accessBox04{ margin-top: 3rem;  }
	.join_accessBox04 > p{ }
	.join_accessBox05{ margin-top: 2rem;  }
	.join_accessBox05 > p{ font-size: 1rem; vertical-align: middle; }
	.join_accessBox05 > p:before{ content:''; display:inline-block; width:2.5rem; height:2.5rem; margin-right: 0.5rem; background-image:url("../img/linkIconMail02.svg"); background-size:contain;}
	.join_accessBox06head{ font-size:2rem; line-height:100%; font-weight: bold; padding-bottom: 2rem; }
	.join_accessBox06{    }
	.join_accessBox06 > div{ display: flex; flex-wrap: nowrap; }
	.join_accessBox06 > div > p:nth-of-type(1){ width: 5rem; }
	.join_accessBox06 > div > p:nth-of-type(2){ flex: 1; }
	.join_accessBox07Btn{ width: 320px;}
	.join_accessBox07Btn > a{ display:block; width:100%;   font-size:1rem; line-height:150%; text-decoration:none; padding:0.75rem 1rem; margin-top: 2rem; background-color:#737878; }
	.join_accessBox07Btn > a:after{ content:''; display:inline-block; width:2rem; height:1rem; margin-left:0.4rem; background-image:url(../img/linkIconAccess.svg); background-size:contain; }
	.join_accessBox08Map{ width:100%; height:70vh; padding-bottom: 5rem; background-color:#141919; }

	/* ABOUT */
	.aboutBox01{ padding-top:4rem; }
	.aboutBox01 > div:nth-of-type(1){ width:50%; }
	.aboutBox01 > div:nth-of-type(2){ padding-top:1rem; }
	.aboutBox01str > p:nth-of-type(1){ line-height:100%; font-size:1.5rem; }
	.aboutBox01str > p:nth-of-type(1) > span{ font-size:1rem; }
	.aboutBox01str > p:nth-of-type(2){ margin-top:0.4rem; }
	.aboutBox01link{ padding-top:1rem; display:flex; flex-wrap:nowrap; }
	.aboutBox01link > a{ display:block; width:11rem; height:2.5rem; margin-right:0.2rem; font-size:1rem; line-height:2.5rem; text-align:center; text-decoration:none; padding:0 0.8rem; background-color:#737878; }
	
	.aboutBox01Mail{ margin-top:0.8rem; }
	.aboutBox01Mail:before{ content:''; display:inline-block; width:1.75rem; height:1rem; margin-right:0.4rem; background-image:url(../img/linkIconMail.svg); background-size:contain; }
	.aboutBox02{ width:100%; margin-top:2rem; }
	.aboutBox03head{ font-size:1.5rem; line-height:100%; font-weight: bold; padding-bottom: 1rem; }
	.aboutBox03box1{ width:100%; margin-top:1rem; display:flex; flex-wrap:nowrap; }
	.aboutBox03box1 > div:nth-of-type(1){ width:3rem; }
	.aboutBox03box1 > div:nth-of-type(1) > p{ font-size:3rem; font-weight:200; line-height:100%; }
	.aboutBox03box1 > div:nth-of-type(2){ flex:1; }
	.aboutBox03box1 > div:nth-of-type(2) > p:nth-of-type(1){ font-weight: bold;  }
	.aboutBox03box2{ margin-top:2rem; }
	.aboutBox03box2 > p{ font-size:1.25rem; font-weight: bold;  }

	/* Home */
	.homeTitleArea{ width:100%; height:100vh; background-image:url('../../img/homeTitleBG.jpg'); background-position:center; background-size:cover; }
	.homeTitleBox{ position:absolute;top:0; bottom:0; left:0; right:0; margin:auto; height: 28rem; padding-top: 3rem; text-align:center; }
	.homeTitle{ width:100%; }
	.homeTitle > div{ margin:auto; }
	.homeTitle > div:nth-of-type(1){ width:21.5rem; }
	.homeTitle > div:nth-of-type(2){ width:14.7rem; }	
	.homeTitleStr,.homeTitleStr *{ margin-top:0.5rem; text-align:center; font-size:1.4rem; font-weight:700; line-height:160%; text-shadow: #333333 0.6em 0.4em 0.6em; }
	.homeTitleStr > span{ display:block; margin-top:0.2rem; }
	.homeTitleAnc{ display:flex; width:16rem; padding: 1rem; margin:auto; margin-top:2rem; margin-bottom:8rem; justify-content:center; align-items:center; color:#333333; text-decoration:none; background-color:#ffffff; border-radius:0.5rem; }
	.homeTitleAnc > p{ font-size:1rem; font-weight: bold; line-height:150%; text-align:center; }
	.homeNewsArea{ width:100%; padding:4rem 0; background-color:#141919; }
	
	/* News */
	.newsBody{ width:94vw; margin:auto; }
	.newsHead{ width:100%; border-bottom:1px #919696 solid; padding-bottom:1rem; }
	.newsHead > a{ font-size:2rem; line-height:100%; font-family:'Roboto Condensed',sans-serif; font-optical-sizing:auto; font-weight:200; text-decoration: none; }
	
	.news{ width:100%; padding:1rem 0; border-bottom:1px #919696 solid; }
	.newsLinkArrow{ display:block; margin-top:1rem; margin-left:auto; width:7rem; line-height:100%; text-decoration:none; }
	.newsLinkArrow > p{ line-height:100%; padding-bottom:0.2rem; color: #919696; font-family:'Roboto Condensed',sans-serif; font-optical-sizing:auto; font-weight:400; }

	/* News List */
	.newsListHead{ width:100%; border-bottom:1px #919696 solid; }
	.newsListHead > p{ font-size:2rem; color: #919696; line-height:100%; padding-bottom:1rem; }
	.newsYearBtn{ padding-top:4rem; display:flex; flex-wrap:wrap; margin-bottom: 4rem; }
	.newsYearBtn > a{ display:block; width:32%; height:2.5rem; margin-right:0.25rem; font-size:1rem; line-height:2.5rem; color: #a0aaaa; text-align:center; text-decoration:none; padding:0 0.8rem; background-color:#737878; margin-bottom: 0.25rem; }	
	.newsYearBtn > a.now{ color: #ffffff; }	
	.newsYearBtn > p{ display:block; width:32%; height:2.5rem; margin-right:0.25rem; font-size:1rem; line-height:2.5rem; color: #a0aaaa; text-align:center; text-decoration:none; padding:0 0.8rem; background-color:#737878; margin-bottom: 0.25rem; }	
	
	/* spMenu */
	.spMenuOpen,.spMenuClose{ width:5rem; height:5rem; position:fixed; bottom:3rem; right:1rem; z-index:+990; }
	.spMenuArea{ display:none; width:100%; height:100vh; padding-top:8rem; position:fixed; top:0; left:0; z-index:+990; background-color:#151919; }
	.spMenuBody{ width:100%; height:calc(100vh - 6rem); overflow:scroll; margin:auto; }
	.spHeaderMenuLng{ margin-top:1rem; margin-left:1rem; display:flex; flex-wrap:nowrap; }
	.spHeaderMenuLng > a{ display:flex; width:3rem; height:3rem; margin:0 0.2rem; justify-content:center; align-items:center; color:#333333; text-decoration:none; background-color:#b3b3b3; border-radius:1.5rem; font-family:'Roboto Condensed',sans-serif; font-optical-sizing:auto; font-weight:600; }
	.spHeaderMenuLng > a.now{ background-color:#ffffff; }
	.spHeaderMenuLink{ margin-top:1rem; text-align:center; }
	.spHeaderMenuLink > a{ font-size:2rem; line-height:200%; text-decoration:none; font-family:'Roboto Condensed',sans-serif; font-optical-sizing:auto; font-weight:200; }

	/* Header */
	.header{ width:100%; height:7rem; position:fixed; top:0; left:0; z-index:+999; background-color:rgba(0,0,0,0.7); }
	.headerLogo{ display:inline-block; padding-top:1rem; padding-left:1rem; text-decoration:none; }
	.headerLogo > p{ font-size:0.8rem; line-height:125%; font-family:'Roboto Condensed',sans-serif; font-optical-sizing:auto; font-weight:400; }
	.headerLogo > p > span{ display:block; margin-top:0.2rem; font-family:'Roboto Condensed',sans-serif; font-optical-sizing:auto; font-weight:400; }
	.headerLogo > img{ width:14rem; margin-top:0.75rem; }

	/* Footer */
	.footer{ width:100%; padding-left:1rem; padding-bottom:10rem; background-color:#2d3232; }
	.footerLogo{ width:80vw; margin-top:2rem; }
	.footerAdrs{ line-height:160%; margin-top:1rem; }
	.footerMailHead{ font-size:1.5rem; line-height:180%; margin-top:1rem; font-family:'Roboto Condensed',sans-serif; font-optical-sizing:auto; font-weight:200; }
	.footerMailAdrs{}
	.footerMailAdrs:before{ content:''; display:inline-block; width:1.75rem; height:1rem; margin-right:0.4rem; background-image:url(../img/linkIconMail.svg); background-size:contain; }
	.footerLinkHead{ font-size:1.5rem; line-height:180%; margin-top:1rem; font-family:'Roboto Condensed',sans-serif; font-optical-sizing:auto; font-weight:200; }
	.footerLink{ line-height:180%; }
	.footerLink > a{ display:inline-block; text-decoration:none; }
	.footerLink > a:after{ content:''; display:inline-block; width:1rem; height:1rem; margin-left:0.4rem; background-image:url(../img/linkIconNewWin.svg); background-size:contain; }

}
/*===================================================================
  PC
===================================================================*/
@media( min-width:800px )
{
	.sp{ display:none !important; }
	.pc{ display:block; }
	/* COMMON */
	html{ width:100%; font-size:16px; }
	body{ width:100%; overflow-y:scroll; }
	.mainContentsWrapper{ padding-top:10rem; }
	.pageContentsArea{ width:960px; margin:auto; }
	.pageTitle{ width:100%; }
	.pageTitle > p{ width:50%; position:relative; font-size:3.5rem; font-weight:200; line-height:140%; border-bottom:1px #919696 solid; font-family:'Roboto Condensed',sans-serif; font-optical-sizing:auto; font-weight:200; }
	.pageTitle > p > span{ display:block; width:0.8rem; height:0.8rem; position:absolute; bottom:-7px; right:1px; border-right:1px #919696 solid; transform:rotate(-45deg); }
	.pageContentsOuter{ width:100%; margin-top:5rem; padding:5rem 0; background-color:#141919; }
	.pageContentsOuterAccess{ width:100%; margin-top:5rem; padding:3rem 0; background-color:#141919; }
	
	
	
	/* RESEARCH */
	.researchBox01{ padding-top:4rem; }	
	.researchBox02head{ font-size:2rem; line-height:100%; font-weight: bold; padding-bottom: 1rem; }
	.researchBox03str { width: 100%; margin-top: 3rem; }
	.researchBox03str  > p{ font-size: 1.75rem; line-height: 150%; }
	.researchBox03{ display: flex; flex-wrap: nowrap; justify-content: space-between; margin-top: 1.5rem; margin-bottom: 5rem; }	
	.researchBox03 > div:nth-of-type(1){ width: 448px;}
	.researchBox03 > div:nth-of-type(1) > a{ display:block; width:100%; font-size:1rem; line-height:150%; text-decoration:none; padding:0.75rem 1rem; margin-top: 2rem; background-color:#737878; }
	.researchBox03 > div:nth-of-type(1) > a:after{ content:''; display:inline-block; width:2rem; height:1rem; margin-left:0.4rem; background-image:url(../img/linkIconResearch.svg); background-size:contain; }
	.researchBox03 > div:nth-of-type(1) > a:hover{ opacity:0.7;}
	.researchBox03 > div:nth-of-type(2){ width: 448px; padding-top: 0.5rem; }
	.researchBox03 > div:nth-of-type(2) > p{ margin-top: 0.75rem; line-height: 150%; }
	.researchBox03 > div:nth-of-type(2) > p > span{ font-size: 0.9rem; }
	.videoWrap{ width: 100%;  }
	.videoWrap > video{ width: 100%; }

	
	/* PEOPLE */
	.peopleBox01head{ font-size:2rem; line-height:100%; font-weight: bold; margin-top: 4rem; }
	.peopleBox01{ padding-top:2rem; display:flex; flex-wrap:nowrap; }
	.peopleBox01 > div:nth-of-type(1){ width:180px; }
	.peopleBox01 > div:nth-of-type(2){ padding-left:2rem; }
	.peopleBox01str > p:nth-of-type(1){ line-height:100%; font-size:1.5rem; }
	.peopleBox01str > p:nth-of-type(1) > span{ font-size:1rem; }
	.peopleBox01str > p:nth-of-type(2){ margin-top:0.4rem; }
	.peopleBox01link{ padding-top:1rem; display:flex; flex-wrap:nowrap; }
	.peopleBox01link > a{ display:block; width:11rem; height:2.5rem; margin-right:0.2rem; font-size:1rem; line-height:2.5rem; text-align:center; text-decoration:none; padding:0 0.8rem; background-color:#737878; }
	
	.peopleBox01Mail{ margin-top:0.8rem; }
	.peopleBox01Mail:before{ content:''; display:inline-block; width:1.75rem; height:1rem; margin-right:0.4rem; background-image:url(../img/linkIconMail.svg); background-size:contain; }
	.peopleBox02head{ font-size:2rem; line-height:100%; font-weight: bold; padding-bottom: 2rem; }
	.peopleBox03box1{ width:100%; display:flex; flex-wrap: wrap; justify-content: space-between; }
	.peopleBox03box1 > div{ width: 464px; margin-bottom: 3rem;}
	.peopleBox03box1Inner01{ width: 100%; display:flex; flex-wrap:nowrap; justify-content: space-between; }
	.peopleBox03box1Inner01 > div:nth-of-type(1){ width: 112px; }
	.peopleBox03box1Inner01 > div:nth-of-type(2){ width: 336px; display: flex; align-items: center; }
	.peopleBox03box1Inner01 > div:nth-of-type(2) > p{ line-height:125%; font-size:1.5rem; }
	.peopleBox03box1Inner01 > div:nth-of-type(2) > p > span{ font-size:1rem; }
	.peopleBox03box1Inner02{ width: 100%; padding-top: 0.5rem; }
	.peopleBox03box1Inner02 > p{ line-height: 150%; margin-top: 0.5rem; }
	.peopleBox04head{ font-size:2rem; line-height:100%; font-weight: bold; padding-bottom: 2rem; margin-top: 3rem; }
	.peopleGroupPInbox{ margin-top:1rem;  }
	.peopleGroupPInboxBody{ width: 100%;  }
	.peopleGroupPInboxBody > .off:before{ content:''; display:inline-block; width:1.5rem; height:1.5rem; margin-right: 0.5rem; background-image:url("../img/foldingArrowOff.svg"); background-size:contain; }
	.peopleGroupPInboxBody > .on:before{ content:''; display:inline-block; width:1.5rem; height:1.5rem; margin-right: 0.5rem; background-image:url("../img/foldingArrowOn.svg"); background-size:contain;}
	.peopleToggleINBoxMemo{ display:inline-block; width:100%; font-size: 1.5rem; padding: 1rem; line-height: 100%; color: #ffffff; background-color:#555a5a; }
	.peopleToggleINBoxMemo:hover{ opacity:0.7; cursor:pointer; }
	.peopleINBoxPhoto{ display:none; width: 100%;  }
	.peopleINBox01{ width:100%; margin-top: 1rem; margin-bottom: 2rem; }
	.peopleINBox01 > div:nth-of-type(1){ width:100%; }
	.peopleINBox01 > div:nth-of-type(1) > p{ margin-top: 1rem;}
	.peopleINBox01 > div:nth-of-type(2){ width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 1.5rem; }
	.peopleINBox01 > div:nth-of-type(2) > div{ width: 304px;}
	.peopleINBox01 > div:nth-of-type(2) > div > p{ margin-top: 1rem;}
	
	/* PUBLICATIONS */
	.publicationsBox01link{ padding-top:4rem; display:flex; flex-wrap:nowrap; margin-bottom: 6rem; z-index: 880; }
	.publicationsBox01link > a{ display:block; width:14rem; height:2.5rem; margin-right:0.2rem; font-size:1rem; line-height:2.5rem; text-align:center; text-decoration:none; padding:0 0.8rem; background-color:#737878; }	
	.publicationsBox02head{ font-size:2rem; line-height:100%; font-weight: bold; }
	.publicationsBox02{ width: 100%; border-top: 1px #919696 solid; margin-top: 2rem; }
	.publicationsBox02 > p{ padding: 1rem 0; border-bottom: 1px #919696 solid; }
	.publicationsBox02 > p > span{ font-weight: bold; text-decoration: underline; }
    .jump{ display: block; padding-top: 10rem; margin-top: -10rem; }    
	.publicationsInbox{ margin-top:1rem;  }
	.publicationsInboxBody{ width: 100%;  }
	.publicationsInboxBody > .off:before{ content:''; display:inline-block; width:1.5rem; height:1.5rem; margin-right: 0.5rem; background-image:url("../img/foldingArrowOff.svg"); background-size:contain; }
	.publicationsInboxBody > .on:before{ content:''; display:inline-block; width:1.5rem; height:1.5rem; margin-right: 0.5rem; background-image:url("../img/foldingArrowOn.svg"); background-size:contain;}
	.publicationsToggleINBoxMemo{ display:inline-block; width:100%; font-size: 1.5rem; padding: 1rem; line-height: 100%; color: #ffffff; background-color:#555a5a; }
	.publicationsToggleINBoxMemo:hover{ opacity:0.7; cursor:pointer; }
	.publicationsINBox00{ display:none; width: 100%;   }
	.publicationsINBox01{ width:100%; border-top: 1px #919696 solid; margin-top: 1rem; margin-bottom: 2rem; }
	.publicationsINBox01 > p{ padding: 1rem 0; border-bottom: 1px #919696 solid; }
	.publicationsINBox01 > p > span{ font-weight: bold; text-decoration: underline; }
	
	/* JOIN / ACCESS */
	.join_accessBox01head{ font-size:2rem; line-height:100%; font-weight: bold; margin-top: 4rem; }
	.join_accessBox01{ padding-top:2rem; }	
	.join_accessBox01 > p{ margin-bottom: 1rem;}
	.join_accessBox02{ width: 912px; display: flex; flex-wrap: wrap; justify-content: space-between; margin: auto; margin-top: 2rem; }
	.join_accessBox02 > div{ width: 192px; }
	.join_accessBox02Inner01{ width: 7rem; height: 7rem; margin: auto; }
	.join_accessBox02Inner01 > p{ width: 100%; height: 100%; line-height: 150%; text-align:center; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #737878; border-radius: 50%; }
	.join_accessBox02Inner01 > a{ width: 100%; height: 100%; line-height: 150%; text-align:center; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #737878; border-radius: 50%; padding-top: 1rem; text-decoration: none; }
	.join_accessBox02Inner01 > a:after{ content:''; display:inline-block; width:1rem; height:1rem; margin-top: 0.25rem; background-image:url(../img/linkIconNewWin02.svg); background-size:contain; }
	.join_accessBox02Inner01Str{ padding-top: 1rem; text-align: center; }
	.join_accessBox03{ margin-top: 3rem; font-size: 1.25rem; border-top: 1px #919696 solid; border-bottom: 1px #919696 solid; padding: 0.5rem 0;  }
	.join_accessBox03 > p{ text-align: center; font-weight: bold;}
	.join_accessBox04{ margin-top: 3rem;  }
	.join_accessBox04 > p{ }
	.join_accessBox05{ margin-top: 2rem;  }
	.join_accessBox05 > p{ font-size: 1.25rem; vertical-align: middle; }
	.join_accessBox05 > p:before{ content:''; display:inline-block; width:3rem; height:3rem; margin-right: 0.5rem; background-image:url("../img/linkIconMail02.svg"); background-size:contain;}
	.join_accessBox06head{ font-size:2rem; line-height:100%; font-weight: bold; padding-bottom: 2rem; }
	.join_accessBox06{    }
	.join_accessBox06 > div{ display: flex; flex-wrap: nowrap; }
	.join_accessBox06 > div > p:nth-of-type(1){ width: 6rem; }
	.join_accessBox06 > div > p:nth-of-type(2){ flex: 1; }
	.join_accessBox07Btn{ width: 320px;}
	.join_accessBox07Btn > a{ display:block; width:100%;   font-size:1rem; line-height:150%; text-decoration:none; padding:0.75rem 1rem; margin-top: 2rem; background-color:#737878; }
	.join_accessBox07Btn > a:after{ content:''; display:inline-block; width:2rem; height:1rem; margin-left:0.4rem; background-image:url(../img/linkIconAccess.svg); background-size:contain; }
	.join_accessBox08Map{ width:100%; height:640px; padding-bottom: 5rem; background-color:#141919; }

	/* ABOUT */
	.aboutBox01{ padding-top:4rem; display:flex; flex-wrap:nowrap; }
	.aboutBox01 > div:nth-of-type(1){ width:180px; }
	.aboutBox01 > div:nth-of-type(2){ padding-left:2rem; }
	.aboutBox01str > p:nth-of-type(1){ line-height:100%; font-size:1.5rem; }
	.aboutBox01str > p:nth-of-type(1) > span{ font-size:1rem; }
	.aboutBox01str > p:nth-of-type(2){ margin-top:0.4rem; }
	.aboutBox01link{ padding-top:1rem; display:flex; flex-wrap:nowrap; }
	.aboutBox01link > a{ display:block; width:11rem; height:2.5rem; margin-right:0.2rem; font-size:1rem; line-height:2.5rem; text-align:center; text-decoration:none; padding:0 0.8rem; background-color:#737878; }

	.aboutBox01Mail{ margin-top:0.8rem; }
	.aboutBox01Mail:before{ content:''; display:inline-block; width:1.75rem; height:1rem; margin-right:0.4rem; background-image:url(../img/linkIconMail.svg); background-size:contain; }
	.aboutBox02{ width:70%; margin-top:2rem; margin-left:auto; }
	.aboutBox03head{ font-size:2rem; line-height:100%; font-weight: bold; padding-bottom: 1rem; }
	.aboutBox03box1{ width:100%; margin-top:2rem; display:flex; flex-wrap:nowrap; }
	.aboutBox03box1 > div:nth-of-type(1){ width:5rem; }
	.aboutBox03box1 > div:nth-of-type(1) > p{ font-size:3rem; font-weight:200; line-height:100%; }
	.aboutBox03box1 > div:nth-of-type(2){ flex:1; }
	.aboutBox03box1 > div:nth-of-type(2) > p:nth-of-type(1){ font-weight: bold;  }
	.aboutBox03box2{ margin-top:4rem; text-align:center; }
	.aboutBox03box2 > p{ font-size:1.25rem; font-weight: bold;  }
	.aboutBox03box2 > p > span{ display:block; margin-top:0.2rem; }

	/* Home */
	.homeTitleArea{ width:100%; height:100vh; background-image:url('../../img/homeTitleBG.jpg'); background-position:center; background-size:cover; }
	.homeTitleBox{ position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; height: 26rem; padding-top: 5rem; text-align:center; }
	.homeTitle{ width:42.5rem; margin:auto; display:flex; flex-wrap:nowrap; align-items:center; }
	.homeTitle > div{ width:100%; }
	.homeTitle > div:nth-of-type(1){ width:25.25rem; }
	.homeTitle > div:nth-of-type(2){ width:17.25rem; }	
	
	.homeTitleStr,.homeTitleStr *{ margin-top:0.5rem; text-align:center; font-size:1.4rem; font-weight:700; line-height:160%; text-shadow: #333333 0.6em 0.4em 0.6em; }
	.homeTitleAnc{ display:flex; width:24rem; padding: 1rem; margin:auto; margin-top:3rem; margin-bottom:5rem; justify-content:center; align-items:center; color:#333333; text-decoration:none; background-color:#ffffff; border-radius:0.5rem; }
	.homeTitleAnc > p{ font-size:1rem; font-weight: bold; line-height:150%; text-align:center; }
	.homeNewsArea{ width:100%; padding:4rem 0; background-color:#141919; }
	
	/* News */
	.newsBody{ width:960px; margin:auto; }
	.newsHead{ width:100%; border-bottom:1px #919696 solid; padding-bottom:1rem; }
	.newsHead > a{ font-size:2rem; line-height:100%; font-family:'Roboto Condensed',sans-serif; font-optical-sizing:auto; font-weight:200; text-decoration: none; }
	
	.news{ width:100%; padding:1rem 0; display:flex; flex-wrap:nowrap; border-bottom:1px #919696 solid; }
	.news > p:nth-of-type(1){ width:8rem; }
	.news > p:nth-of-type(2){ flex:1; }
	.newsLinkArrow{ display:block; margin-top:1rem; margin-left:auto; width:7rem; line-height:100%; text-decoration:none; }
	.newsLinkArrow > p{ line-height:100%; padding-bottom:0.2rem; color: #919696; font-family:'Roboto Condensed',sans-serif; font-optical-sizing:auto; font-weight:400; }
	
	/* News List */
	.newsListHead{ width:100%; border-bottom:1px #919696 solid; }
	.newsListHead > p{ font-size:2rem; color: #919696; line-height:100%; padding-bottom:1rem; }
	.newsYearBtn{ padding-top:4rem; display:flex; flex-wrap:wrap; margin-bottom: 4rem; }
	.newsYearBtn > a{ display:block; width:116px; height:2.5rem; margin-right:4px; font-size:1rem; line-height:2.5rem; color: #a0aaaa; text-align:center; text-decoration:none; padding:0 0.8rem; background-color:#737878; margin-bottom: 0.25rem;}	
	.newsYearBtn > a:hover, .newsYearBtn > a.now{ color: #ffffff; }	
	.newsYearBtn > p{ display:block; width:116px; height:2.5rem; margin-right:4px; font-size:1rem; line-height:2.5rem; color: #a0aaaa; text-align:center; text-decoration:none; padding:0 0.8rem; background-color:#737878; margin-bottom: 0.25rem; }	

	/* Header */
	.header{ width:100%; height:5rem; position:fixed; top:0; left:0; z-index:+999; background-color:rgba(0,0,0,0.7); }
	.headerLogo{ display:inline-block; padding-top:0.8rem; padding-left:1rem; text-decoration:none; }
	.headerLogo > p{ font-size:0.8rem; line-height:100%; font-family:'Roboto Condensed',sans-serif; font-optical-sizing:auto; font-weight:400; }
	.headerLogo > img{ width:14rem; margin-top:0.4rem; }
	.headerMenu{ position:absolute; bottom:0; right:1rem; display:flex; flex-wrap:nowrap; justify-content:space-between; }
	.headerMenuLink{ display:flex; flex-wrap:nowrap; }
	.headerMenuLink > a{ display:block; line-height:100%; text-decoration:none; margin: 0 0.8rem; padding-top:0.5rem; padding-bottom:1rem; border-bottom:2px rgba(0,0,0,0) solid; font-family:'Roboto Condensed',sans-serif; font-optical-sizing:auto; font-weight:400; }
	.headerMenuLink > a:hover, .headerMenuLink > a.now{ cursor:pointer; opacity:1; border-bottom:1px #ffffff solid; }
	.headerMenuLng{ display:flex; flex-wrap:nowrap; margin-left: 1rem; }
	.headerMenuLng > a{ display:flex; width:1.75rem; height:1.75rem; font-size:0.8rem; margin:0 0.2rem; justify-content:center; align-items:center; color:#333333; text-decoration:none; background-color:#b3b3b3; border-radius:50%; font-family:'Roboto Condensed',sans-serif; font-optical-sizing:auto; font-weight:600; }
	.headerMenuLng > a.now{ background-color:#ffffff; }

	/* Footer */
	.footer{ width:100%; padding-bottom:5rem; background-color:#2d3232; }
	.footer > *{ text-align:center; }
	.footerLogo{ width:34.375rem; margin:auto; margin-top:4rem; }
	.footerAdrs{ line-height:180%; margin-top:1rem; }
	.footerMailHead{ font-size:1.5rem; line-height:180%; margin-top:1rem; font-family:'Roboto Condensed',sans-serif; font-optical-sizing:auto; font-weight:200; }
	.footerMailAdrs{}
	.footerMailAdrs:before{ content:''; display:inline-block; width:1.75rem; height:1rem; margin-right:0.4rem; background-image:url(../img/linkIconMail.svg); background-size:contain; }
	.footerLinkHead{ font-size:1.5rem; line-height:180%; margin-top:1rem; font-family:'Roboto Condensed',sans-serif; font-optical-sizing:auto; font-weight:200; }
	.footerLink{ line-height:180%; }
	.footerLink > a{ display:inline-block; text-decoration:none; }
	.footerLink > a:after{ content:''; display:inline-block; width:1rem; height:1rem; margin-left:0.4rem; background-image:url(../img/linkIconNewWin.svg); background-size:contain; }
}