@charset "utf-8";

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

.fMincho{ font-family:'Noto Serif JP','Times New Roman','YuMincho','Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif; }

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

/*===================================================================
 Font, Color
===================================================================*/
.f080{ font-size:0.8rem; }
.f130{ font-size:1.3rem; }
.fBold{ font-weight:bold; font-weight:700; }
.cWhite{ color:#ffffff; }
.cRed{ color:#5a0000; }
.cRed2{ color:#c80000; }
.cBlue{ color:#00649b; }
.cGreen{ color:#1ab11e; }
.cBrown{ color:#463200; }
.cGray{ color:#cccccc; }




/*===================================================================
 SP
===================================================================*/
@media( max-width:1099px )
{
	.sp{ display:block; }
	.pc{ display:none !important; }
	/* COMMON */
	html{ font-size:100%; scroll-padding-top: 5rem; }
	body{ background-color:#ffffff; }
	.homeMainArea{ width:100%; height:calc(100vh - 4rem); margin-top: 4rem; background: url("../../img/homeImg01SP.jpg") no-repeat center; background-size: cover; position: relative; }
	.homeMainArea > div{ width:90vw; height:auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
	.homeMainArea > div > img{ filter: drop-shadow(6px 6px 5px rgba(0, 0, 0, 0.8)); }
	.ContentsArea{ width:90vw; margin:0 auto; margin-top: 4rem; }


	/*HOME*/
	.homeContentsArea{ }
	.homeContentsArea > div:nth-of-type(1){ text-align: center; }
	.homeContentsArea > div:nth-of-type(1) p{ color:#0096a5; font-size:2.5rem; font-weight: bold; }
	.homeContentsArea > div:nth-of-type(2){ margin-top: 3rem; }
	.homeContentsArea > div:nth-of-type(2) > div > p{ display: block; border: 1px solid #0096a5; margin: 1rem 0; padding: 0.5rem; color: #0096a5; font-weight: bold; }
	.homeContentsArea02{ margin-top: 5rem;}
	.homeContentsArea02 > a{ display:flex; flex-wrap:nowrap; margin-bottom: 1rem; }
	.homeContentsArea02 > a:last-child{ margin-bottom: 0rem; }
	.homeContentsArea02 > a > div:nth-of-type(1){ width:25％; }
	.homeContentsArea02 > a > div:nth-of-type(1) > img{ width:100%; height: 100%; object-fit:cover; }
	.homeContentsArea02 > a > div:nth-of-type(2){ width:calc(100vw - 25%); background-color: #0096a5; padding:1rem; display: flex; align-items: center; }
	.homeContentsArea02 > a > div:nth-of-type(2) > div{ }
	.homeContentsArea02 > a > div:nth-of-type(2) > div > p:nth-of-type(1){ color:#ffffff; font-size:1.25rem; font-weight: bold; line-height: 150%; }
	.homeContentsArea02 > a > div:nth-of-type(2) > div > p:nth-of-type(2){ color:#ffffff; font-size:0.8rem; line-height: 150%; }


	/*RESEARCH*/
	.researchContentsArea{ width:90vw; margin:0 auto; margin-top: 8rem; }
	.researchPageTitle{ margin-top:7rem; }
	.researchPageTitle:first-child{ margin-top: 0; }
	.researchPageTitle > p{ line-height:3rem; font-size:1.5rem; padding-left:1rem; border-left:5px #0096a5 solid; font-family:'Noto Serif JP','Times New Roman','YuMincho','Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif; }
	.researchPageLink{ margin-top: 1rem; }
	.researchPageLink > a{ display:block; width:9rem; text-align:center; text-decoration:none; background-color:#0096a5; }
	.researchPageLink > a > p{ color:#ffffff; height:3rem; line-height:3rem; }
	.researchPageLink > a > p:before{ background:url(../img/homeEventArrowW.svg) 0 0 no-repeat; content:''; display:inline-block; width:1rem; height:1rem; margin-right:0.5rem; margin-top:-0.2rem; vertical-align: middle; }
	.researchMemberArea{ margin-top:1rem; margin-bottom:2rem; padding-top:1rem; border-top:1px #cccccc solid; border-bottom:1px #cccccc solid; }
	.researchMemberArea > p{ font-size:1.25rem; padding-bottom:1rem; font-weight:bold; }
	.researchMember{ display:flex; flex-wrap:nowrap; margin-bottom:2rem; }
	.researchMember > div:nth-of-type(1){ width:7rem; }
	.researchMember > div:nth-of-type(2){ width:calc(100vw - 7rem); padding-left:0.7rem; }
	.researchMember > div:nth-of-type(2) > p:nth-of-type(1){ }
	.researchMember > div:nth-of-type(2) > p:nth-of-type(2){ font-size:1.25rem; font-family:'Noto Serif JP','Times New Roman','YuMincho','Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif; line-height: 150%; }
	.researchMember > div:nth-of-type(2) > p:nth-of-type(2) > a{ text-decoration: underline; font-size:1.3rem; font-family:'Noto Serif JP','Times New Roman','YuMincho','Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif; line-height: 150%; }
	.researchInfo{ }
	.researchInfoPoint{ padding:1.5rem; margin-top:2rem; background-color:#d9eff1; border-radius:1rem; }
	.researchInfoPoint > span{ color:#0096a5; font-size:1.25rem; font-weight:bold; }
	.researchInfoPoint > p{ margin-top:1rem; }
	.researchImgPart_AA{ margin-top:2rem; }
	.researchImgPart_AA > div{ width:100%; margin-top:2rem; }
	.researchImgPart_AA > div p{ padding-top:1rem; }
	.researchImgPart_BB{ margin-top:2rem; }
	.researchImgPart_BB > div p{ padding-top:1rem; }


	/*HEADER*/
	.header{ width:100vw; height:3rem; position:fixed; top:0; left:0; z-index:9999; }
	.headerBody{ width:100vw; height:4rem; display:flex; align-items:center; justify-content:space-between; background-color:#ffffff; border-bottom:1px #eee solid; }
/*	.headerLogo{ width:auto; max-height:3rem; margin-left:2vw; margin-top:0.2rem; }*/
	.headerLogo{ max-width: 17em; height: auto; margin-left:2vw; margin-top:0.2rem; }
	.headerBtnSpMenuOpen{ width:4rem; height:4rem; display:flex; align-items:center; justify-content:center; background-color:#006e82; }
	.headerMenuSp{ display:none; width:100vw; height:100vh; position:absolute; top:0; left:0; z-index:+10; background-color:#006e82; }
	.headerBtnSpMenuClose{ width:4rem; height:4rem; display:flex; align-items:center; justify-content:center; background-color:#006e82; }
	.headerMenuBody{ width:100vw; height:calc(100vh - 3rem); overflow:scroll; padding-bottom:2rem; border-top:1px #ffffff solid; }
	.spHeaderMenuBtn{ padding:0.8rem 1rem; border-bottom:1px #ffffff solid; }
	.spHeaderMenuBtn > p{ color:#ffffff; }
	.headerSubMenuBody{ display:none; padding:0.5rem; background-color:#dfe5ea; }
	.headerSubMenuBody > p{ }
	.headerSubMenuBody > a{ line-height:220%; padding-left:1rem; text-decoration:none; }
	.headerBtnAccess{ margin-top:1rem; padding-left:1rem; }
	.headerBtnAccess > a{ display:block; width:6.6rem; height:2rem; }


	/*FOOTER*/
	.footer{ width:100vw; background-color:#232c35; margin-top: 6rem; padding-top:2rem; padding-bottom: 6rem; }
	.footer > div{ width:90vw; margin: 0 auto;  }
	.footer > div p{ color:#ffffff; }
	.footer > div > div:nth-of-type(1){ padding-bottom:4rem; }
	.footer > div > div:nth-of-type(1) > p:nth-of-type(1){ font-size:1.5rem; font-weight: bold; line-height: 150%; }
	.footer > div > div:nth-of-type(1) > p:nth-of-type(2){ line-height: 150%; }
	.footer > div > div:nth-of-type(1) > p:nth-of-type(3){ padding-top:2rem; }
	.footer > div > div:nth-of-type(2){ }
	.footer > div > div:nth-of-type(2) > p{ font-size:0.8rem; line-height: 150%; }
}


/*===================================================================
 PC
===================================================================*/
@media( min-width:1100px )
{
	.sp{ display:none !important; }
	.pc{ display:block; }
	/* COMMON */
	html{ overflow-y:scroll; font-size:100%; scroll-padding-top: 165px; }
	body{ background-color:#ffffff; }
	a:hover{ cursor:pointer; opacity:0.7; }
	.homeMainArea{ width:100%; height:400px; margin-top:155px; background: url("../../img/homeImg01.jpg") no-repeat center; background-size: cover; position: relative; }
	.homeMainArea > div{ width:368px; height:160px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
	.homeMainArea > div > img{ width:368px; height:auto; filter: drop-shadow(6px 6px 5px rgba(0, 0, 0, 0.8)); }
	.ContentsArea{ width:832px; margin:0 auto; margin-top: 5rem; }


	/*HOME*/
	.homeContentsArea{ display:flex; flex-wrap:nowrap; }
	.homeContentsArea > div:nth-of-type(1){ width:240px; }
	.homeContentsArea > div:nth-of-type(1) p{ color:#0096a5; font-size:3rem; font-weight: bold; margin-top: -1rem; }
	.homeContentsArea > div:nth-of-type(2){ width:592px; }
	.homeContentsArea > div:nth-of-type(2) > div{ }
	.homeContentsArea > div:nth-of-type(2) > div > p{ display: block; border: 1px solid #0096a5; margin: 1rem 0; padding: 0.5rem; color: #0096a5; font-weight: bold; }
	.homeContentsArea02{ margin-top: 5rem;}
	.homeContentsArea02 > a{ display:flex; flex-wrap:nowrap; height: 128px; margin-bottom: 1rem; }
	.homeContentsArea02 > a:last-child{ margin-bottom: 0rem; }
	.homeContentsArea02 > a > div:nth-of-type(1){ width:240px; }
	.homeContentsArea02 > a > div:nth-of-type(1) > img{ width:100%; height: 100%; object-fit:cover; }
	.homeContentsArea02 > a > div:nth-of-type(2){ width:592px; background-color: #0096a5; padding-left: 1rem; display: flex; align-items: center; }
	.homeContentsArea02 > a > div:nth-of-type(2) > div{ }
	.homeContentsArea02 > a > div:nth-of-type(2) > div > p:nth-of-type(1){ color:#ffffff; font-size:1.5rem; font-weight: bold; line-height: 150%; }
	.homeContentsArea02 > a > div:nth-of-type(2) > div > p:nth-of-type(2){ color:#ffffff; font-size:0.8rem; }


	/*RESEARCH*/
	.researchContentsArea{ width:832px; margin:0 auto; margin-top: 155px; padding-top: 5rem; }
	.researchPageTitle{ display:flex; flex-wrap:nowrap; justify-content: space-between; margin-top: 9rem; }
	.researchPageTitle:first-child{ margin-top: 0; }
	.researchPageTitle > p{ line-height:3rem; font-size:2rem; padding-left:1rem; border-left:5px #0096a5 solid; font-family:'Noto Serif JP','Times New Roman','YuMincho','Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif; }
	.researchPageLink{ }
	.researchPageLink > a{ display:block; width:9rem; margin-left:0.3rem; text-align:center; text-decoration:none; background-color:#0096a5; }
	.researchPageLink > a > p{ color:#ffffff; height:3rem; line-height:3rem; }
	.researchPageLink > a > p:before{ background:url(../img/homeEventArrowW.svg) 0 0 no-repeat; content:''; display:inline-block; width:1rem; height:1rem; margin-right:0.5rem; margin-top:-0.2rem; vertical-align: middle; }
	.researchMemberArea{ margin-top:1rem; margin-bottom:2rem; padding-top:1rem; border-top:1px #cccccc solid; border-bottom:1px #cccccc solid; display:flex; flex-wrap:wrap; }
	.researchMemberArea > p{ width:100%; font-size:1.25rem; padding-bottom:1rem; font-weight:bold; }
	.researchMember{ width:33%; display:flex; flex-wrap:nowrap; margin-bottom:2rem; }
	.researchMember > div:nth-of-type(1){ width:110px; }
	.researchMember > div:nth-of-type(2){ width:60%; padding-left:0.7rem; }
	.researchMember > div:nth-of-type(2) > p:nth-of-type(1){ }
	.researchMember > div:nth-of-type(2) > p:nth-of-type(2){ font-size:1.25rem; font-family:'Noto Serif JP','Times New Roman','YuMincho','Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif; line-height: 150%; }
	.researchMember > div:nth-of-type(2) > p:nth-of-type(2) > a{ text-decoration: underline; font-size:1.3rem; font-family:'Noto Serif JP','Times New Roman','YuMincho','Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif; line-height: 150%; }
	.researchInfo{ }
	.researchInfoPoint{ padding:1.5rem; margin-top:2rem; background-color:#d9eff1; border-radius:1rem; }
	.researchInfoPoint > span{ color:#0096a5; font-size:1.25rem; font-weight:bold; }
	.researchInfoPoint > p{ margin-top:1rem; }
	.researchImgPart_AA{ display:flex; flex-wrap:wrap; gap: 2rem; margin-top:2rem; }
	.researchImgPart_AA > div{ width:400px; }
	.researchImgPart_AA > div p{ padding-top:1rem; }
	.researchImgPart_BB{ margin-top:2rem; }
	.researchImgPart_BB > div p{ padding-top:1rem; }

	
	/*HEADER*/
	.header{ width:100%; height:155px; position:fixed; top:0; left:0; z-index:9999; }
	.headerTop{ width:100%; height:95px; position:absolute; top:0; left:0; background-color:#ffffff; }
	.headerLogo{ width:420px; height:52px; position:absolute; top:22px; left:2rem; }
	.headerMenuArea{ width:100%; height:60px; position:absolute; top:95px; left:0; background-color:#006e82; }
	.headerMenu{ width:1100px; height:auto; margin:auto; display:flex; flex-wrap:nowrap; align-items:center; }
	.headerMenuBtn{ padding: 0 1rem; height:60px; display:flex; justify-content:center; align-items:center; background-color:#006e82; }
	.headerMenu > .now{ background-color:#0096a5; }
	.headerMenuBtn:hover{ cursor:pointer; background-color:#0096a5; }
	.headerMenuBtn{ width:20%; }
	.headerMenuBtn > p{ color:#ffffff; }
	.headerSubMenu{ display:none; width:100%; position:absolute; top:60px; left:0; background-color:#000000; }
	.headerSubMenuBody{ width:1100px; margin:auto; padding:3rem 0; display:flex; flex-wrap:nowrap; justify-content:left; }
	.headerSubMenuBody > div{ width:25rem; border-left:1px #ffffff solid; }
	.headerSubMenuBody > div > p{ padding-left:1rem; color:#ffffff; line-height:150%; }
	.headerSubMenuBody > div > a{ padding-left:2rem; line-height:200%; color:#ffffff; text-decoration:none; }
	.headerSubMenuBody > div:nth-of-type(1){ width:15rem; border:0; }
	.headerSubMenuBody > div:nth-of-type(1) > p{ font-size:1.5rem; color:#ffffff; width:15rem; border:0; }
	.headerSubMenuBody > div > a[target="_blank"]:after { content: ''; display: inline-block; width: 0.8rem; height: 0.8rem; background: url("../img/ico_window02.svg") no-repeat left bottom; background-size: contain; margin-left: 0.5rem; margin-right: 1rem; }
	.headerBtnAccess{ width:80px; height:100%; position:absolute; top:28px; right:0;  }
	.headerBtnAccess > a{ display:block; width:40px; height:40px; }


	/*FOOTER*/
	.footer{ width:100%; background-color:#232c35; margin-top: 6rem; padding-top:2rem; }
	.footer > div{ width:1100px; margin: 0 auto; display:flex; flex-wrap:nowrap; }
	.footer > div p{ color:#ffffff; }
	.footer > div > div:nth-of-type(1){ width:40%; padding-bottom:5rem; }
	.footer > div > div:nth-of-type(1) > p:nth-of-type(1){ font-size:1.5rem; font-weight: bold; line-height: 150%; }
	.footer > div > div:nth-of-type(1) > p:nth-of-type(3){ padding-top:2rem; }
	.footer > div > div:nth-of-type(2){ width:60%; }
	.footer > div > div:nth-of-type(2) > p{ font-size:0.8rem; text-align: right; }
}