@charset "utf-8";

/* ************************************************ 
*	規定・手順書等
* ************************************************ */	
.re-center-wrapper {
position: relative;
width: 1040px;
margin: 0 auto;
}


/* ************************************************ 
*	企業の方　研究者　センター　共通
* ************************************************ */	
.re-innerbox__textbox_h2{
padding: 0 0 0 20px;
margin: 0 0 40px 0;
font-size: 28px;
line-height: 1;
color: #222222;
font-weight: 400;
border-left: 4px solid #0292DD;
}
.re-innerbox__textbox_h3{
padding: 0;
margin: 0 0 20px 0;
font-size: 24px;
line-height: 1.8;
font-weight: 400;
}
.re-innerbox__textbox_subheading {
padding: 0;
margin: 0 0 20px 0;
font-size: 20px;
line-height: 1.8;
font-weight: 400;
color: #C14D5F;
}
.re-monitoring-graybox {
margin: 20px 0;
padding: 16px 24px 24px 24px;
background-color: #F8F8F8;
border-radius: 10px;
}
h3.re-monitoring-graybox__title{
padding: 0;
margin: 0 0 8px 0;
font-size: 18px;
line-height: 1.8;
color: #C14D5F;
font-weight: 400;
}


ul.download-list {
margin: 0;
}
ul.download-list li{
font-size: 16px;
line-height: 1.8;
margin: 0;
padding: 16px 0 16px 15px;
border-bottom: 1px solid #D9D9D9;
}
ul.download-list li a{
color: #222;
text-decoration: none;
}
ul.download-list li a:before {
position:relative;
top: 0;
left: -10px;
content:"";
display:inline-block;
width: 12px;
height: 12px;
background:url("../images/center/icon_arrow.svg") no-repeat;
background-size:contain;
}
ul.download-list li a::after {
position:relative;
top: 3px;
left: 5px;
content:"";
display:inline-block;
width: 18px;
height: 18px;
background-size:contain;
}
ul.download-list li a:hover{
color: #0292DD;
text-decoration: none;
}
ul.download-list li span a::after{
position: relative;
top: 1px;
content:"";
display:inline-block;
width: 16px;
height: 16px;
margin-left: 13px;
background:url("../images/center/icon_link.svg") no-repeat;
background-size:contain;
}



/* ************************************************ 
*	自動アイコン表示
* ************************************************ */
/* PDF icon */
a[href$=".pdf"]:after {
  content:"　";
  display: inline-block;
  width: 16px;
  height: 17px;
  margin-left: 5px;
  background: url("../images/center/icon_pdf.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 16px auto;
}
a[href$=".PDF"]:after {
  content:"　";
  display: inline-block;
  width: 16px;
  height: 17px;
  margin-left: 5px;
  background: url("../images/center/icon_pdf.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 16px auto;
}
a[href$=".xlsx"]:after {
  content:"　";
  display: inline-block;
  width: 18px;
  height: 22px;
  margin-left: 5px;
  background: url("../images/center/icon_xls.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 18px auto;
}
a[href$=".xls"]:after {
  content:"　";
  display: inline-block;
  width: 18px;
  height: 22px;
  margin-left: 5px;
  background: url("../images/center/icon_xls.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 18px auto;
  color: #FF0000;
}
a[href$=".docx"]:after {
  content:"　";
  display: inline-block;
  width: 18px;
  height: 22px;
  margin-left: 5px;
  background: url("../images/center/icon_word.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 18px auto;
}
a[href$=".doc"]:after {
  content:"　";
  display: inline-block;
  width: 18px;
  height: 22px;
  margin-left: 5px;
  background: url("../images/center/icon_word.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 18px auto;
  color: #FF0000;
}


.re-researcher-innerbox a[target="_blank"] {
  &:after {
    font-family: "Font Awesome 6 Free";
    content: "\f08e";
    font-weight: 800;
    margin: 0 0.25rem;
    color:#0292DD;
  }
}


/* ************************************************ 
*	センター紹介　トップ
* ************************************************ */	
.re-center-midashititle__ttl {
  width: 100%;
  font-size: 32px;
  line-height: 1.4;
  font-weight: 400;
  margin: 0;
  padding: 40px 0 60px 0;
  border-top: 1px solid #ddd;
  position: relative;
}
.re-center-midashititle__ttl:before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 96px;
  height: 4px;
  content: '';
  background: #0292DD;
}

/* ボタン */
.re-center-btnbox {
padding: 0;
margin: 0 0 100px 0;
}
.re-center-btnbox-inner {
padding: 0;
margin: 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.re-center-btnbox-inner li{
width: 49%;
padding: 0;
margin: 0 0 20px 0;
}
.re-center-btnbox-inner li a{
box-sizing: border-box;
display: block;
align-content: center;
width: 100%;
height: 98px;
background-color: #FCFCFC;
font-size: 20px;
color: #222;
padding: 0 50px 0 20px;
border: 2px solid #D9D9D9;
border-radius: 10px;
background-size: 12px;
background-position: right 20px center;
background-image:url("../images/common/subnav_arrow.svg");
background-repeat: no-repeat;
line-height:1.6;
}
.re-center-btnbox-inner li a:hover{
color: #222;
opacity: 0.7;
/* color: #0292DD;
background-color: #F2FBFD;
border: 2px solid #0292DD; */
}


/* ************************************************ 
*	センター紹介　共通
* ************************************************ */	
.re-center-currenttitle {
color: #222;
font-size: 20px;
margin: 0 0 12px 0;
font-weight: 400;
-webkit-font-smoothing: antialiased;
}
.re-center-currenttitle:before {
position:relative;
top: -2px;
left: 1px;
content:"";
display: inline-block;
margin-right: 8px;
width: 8px;
height: 8px;
border-radius: 50vh;
transition: all 0.5s;
background:none;
background-size: 100%;
background-color: #0292DD;
}
/* ページ内　目次リンク */	
.re-page-contents {
margin: 0 0 100px 0;
padding: 20px 20px 8px 20px;
border: 1px solid #D9D9D9;
border-radius: 10px;
}
.re-page-contents p{
color: #717171;
font-size: 14px;
padding: 0 0 16px 0;
border-bottom: 1px solid #D9D9D9;
}
.re-page-contents ul{
padding: 0;
margin: 20px 0 0 0;
display: flex;
justify-content: start;
flex-wrap: wrap;
align-items: center;
}
.re-page-contents li{
padding: 0;
margin: 0 21px 12px 0;
}
.re-page-contents li a{
font-size: 16px;
color: #222;
padding: 0;
line-height:1;
}
.re-page-contents li a::before {
position:relative;
top: 0px;
left: 0px;
content:"";
display:inline-block;
padding-right: 9px;
width:12px;
height:12px;
background:url("../images/center/down_arrow.svg") no-repeat;
background-size:contain;
transition: all 0.5s;
}
.re-page-contents li a:hover{
color: #0292DD;
}
/* カテゴリートップへ戻るボタン */	
.re-category-top-btn{
padding: 0;
margin: 0 auto 100px auto;
width: 288px;
}
.re-category-top-btn a{
box-sizing: border-box;
display: block;
flex-wrap: wrap;
align-content: center;
height: 62px;
background-color: #fff;
font-size: 16px;
color: #222;
padding: 0 0 0 30px;
text-align: center;
border: 1px solid #D9D9D9;
border-radius: 10px;
background-size: 12px;
background-position: left 23px center;
background-image:url("../images/common/subnav_arrow_back.svg");
background-repeat: no-repeat;
line-height:1;
}
.re-category-top-btn a:hover{
color: #222;
opacity: 0.7;
}


/* ************************************************ 
*	センター紹介　部門紹介
* ************************************************ */
.re-center-bumon-innerbox {
padding: 0;
margin: 0 0 100px 0;
}
.re-center-bumon-innerbox__textbox {
padding: 0;
margin: 0 0 40px 0;
}
.re-center-bumon-innerbox__textbox h2{
padding: 0 0 0 20px;
margin: 0 0 40px 0;
font-size: 28px;
line-height: 1;
color: #222222;
font-weight: 400;
border-left: 4px solid #0292DD;
}
.re-center-bumon-innerbox__textbox h3{
padding: 0;
margin: 0 0 20px 0;
font-size: 24px;
line-height: 1.8;
color: #0292DD;
font-weight: 400;
}
.re-center-bumon-innerbox__textbox p{
padding: 0;
margin: 0;
font-size: 16px;
line-height: 1.8;
}

.re-center-bumon-innerbox img { 
border-radius: 10px;
}


/* ************************************************ 
*	センター紹介　ごあいさつ
* ************************************************ */
.re-center-greeting-innerbox {
padding: 0;
margin: 0 0 100px 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.re-center-greeting-innerbox__imgbox{
padding: 0;
margin: 0;
width: 23.26%;
}
.re-center-greeting-innerbox__textbox{
padding: 0;
margin: 0;
width: 70.2%
}
.re-center-greeting-innerbox__textbox p{
padding: 0;
margin: 0;
font-size: 18px;
line-height: 1.8;
}
.re-center-greeting-innerbox__textbox .name{
font-size: 22px;
}


/* ************************************************ 
*	センター紹介　組織図・スタッフ
* ************************************************ */
.re-center-staff-innerbox {
padding: 0;
margin: 0 0 100px 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.re-center-staff-innerbox64 {
padding: 0;
margin: 0 0 64px 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.re-center-staff-imgbox {
width: 28.1%;
padding: 0;
margin: 0;
}

.re-center-staff-imgbox img{
border-radius: 10px;
}

.re-center-staff-textbox {
width: 60.9%;
padding: 0;
margin: 0;
}
.re-center-staff-textbox p{
font-size:14px;
line-height: 1.8;
padding: 0;
margin: 0;
}
.staff-profile-blue20 {
color: #0292DD;
font-size: 20px;
font-weight: 400;
line-height: 1.4;
padding: 0;
margin: 0 0 20px 0;
}
.staff-profile-blue20b10 {
color: #0292DD;
font-size: 20px;
font-weight: 400;
line-height: 1.4;
padding: 0;
margin: 0 0 10px 0;
}
.staff-profile-blue18 {
color: #0292DD;
font-size: 18px;
font-weight: 400;
line-height: 1.4;
padding: 0;
margin: 0 0 20px 0;
}
.staff-profile-28 {
color: #222;
font-size: 28px;
font-weight: 400;
line-height: 1.4;
padding: 0;
margin: 0 0 0 20px;
}
.staff-profile-24 {
color: #222;
font-size: 24px;
font-weight: 400;
line-height: 1.4;
padding: 0;
margin: 0 0 4px 0;
}
.staff-profile-20 {
color: #222;
font-size: 20px;
font-weight: 400;
line-height: 1.4;
padding: 0;
margin: 0 0 4px 0;
}
.staff-profile-18 {
color: #222;
font-size: 18px;
font-weight: 400;
line-height: 1.4;
padding: 0;
margin: 0 0 8px 0;
}
.staff-profile-18mess {
color: #222;
font-size: 18px;
font-weight: 400;
line-height: 1.4;
padding: 20px 0 0 0;
margin: 0 0 8px 0;
border-top: 1px solid #D9D9D9;
}
.staff-profile-16 {
color: #222;
font-size: 16px;
font-weight: 400;
line-height: 1.4;
padding: 0;
margin: 0 0 4px 0;
}
.staff-profile-15 {
color: #222;
font-size: 15px;
font-weight: 400;
line-height: 1.4;
padding: 0;
margin: 0 0 4px 0;
}
.staff-profile-gray14 {
color: #717171;
font-size: 14px;
font-weight: 400;
line-height: 1.4;
padding: 0;
margin: 0 0 20px 0;
}
.staff-profile-gray14b0 {
color: #717171;
font-size: 14px;
font-weight: 400;
line-height: 1.4;
padding: 0;
margin: 0;
}
.staff-profile-gray13 {
color: #717171;
font-size: 13px;
font-weight: 400;
line-height: 1.4;
padding: 0;
margin: 0 0 20px 0;
}
.staff-profile-12 {
color: #222;
font-size: 12px;
font-weight: 400;
line-height: 1.4;
padding: 0;
margin: 0 0 4px 0;
}

ul.staff-profile{
margin:0 0 20px 0;
}
ul.staff-profile li{
padding: 0 0 0 1em;
text-indent: -0.7em;
margin: 0 0 7px 0;
font-size: 14px;
line-height: 1.8;
}
ul.staff-profile li::before{
position:relative;
top: -3px;
left: 1px;
content:"";
display: inline-block;
margin-right: 8px;
width: 3px;
height: 3px;
border-radius: 50vh;
transition: all 0.5s;
background:none;
background-size: 100%;
background-color: #222222;
}

.re-center-staff-innerbox-s {
padding: 0;
margin: 0 0 34px 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.re-center-staff-innerbox-s76 {
padding: 0;
margin: 0 0 76px 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.re-center-staff-innerbox-sbox {
box-sizing: border-box;
padding: 20px;
margin: 0 0 64px 0;
width: calc(47.5% - 1px);
border-top: 1px solid #D9D9D9;
border-left: 1px solid #D9D9D9;
border-radius: 10px 0 0 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.re-center-staff-innerbox-sbox24 {
box-sizing: border-box;
padding: 20px;
margin: 0 0 24px 0;
width: calc(47.5% - 1px);
border-top: 1px solid #D9D9D9;
border-left: 1px solid #D9D9D9;
border-radius: 10px 0 0 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.re-center-staff-imgbox-s {
width: calc(47.5% - 20px);
padding: 0;
margin: 0 0 36px 0;
}
.re-center-staff-imgbox-sb0 {
width: calc(47.5% - 20px);
padding: 0;
margin: 0;
}
.re-center-staff-imgbox-s img,
.re-center-staff-imgbox-sb0 img{
border-radius: 10px;
}

.re-center-staff-textbox-s {
width: calc(47.5% - 20px);
padding: 0;
margin: 0;
}
.re-center-staff-textbox-s100 {
width: calc(100% - 40px);
padding: 0;
margin: 0;
height: 100%;
}


.re-center-staff-num-area {
width: calc(100% - 40px);
padding: 20px 20px 20px 20px;
margin: 0 0 64px 0;
background-color: #F8F8F8;
border-radius: 10px;
}
.re-center-staff-num-area100 {
width: calc(100% - 40px);
padding: 20px 20px 20px 20px;
margin: 0 0 100px 0;
background-color: #F8F8F8;
border-radius: 10px;
}
.re-center-staff-num-area-inner {
width: 100%;
padding: 0 0 28px 0;
margin: 0 0 20px 0;
border-bottom: 1px solid #D9D9D9;
}
.re-center-staff-num-area-inner-end {
width: 100%;
padding: 0 0 8px 0;
margin: 0;
}
.re-center-staff-num-area-inner p,
.re-center-staff-num-area-inner-end p{
font-size: 16px;
padding: 0;
margin: 0;
}
.num-area-inner-line{
color: #D9D9D9;
margin: 0 10px;
}




/* ************************************************ 
*   レスポンシブ
* ************************************************ */
/* PC 画面の横幅が960px以上 */
@media only screen and (min-width: 960px){
.anchor {
display: block;
height: 0;
position: relative;
top: -100px;
}
}

/* Tablet (Portrait) 画面の横幅が768px〜959pxまで */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.anchor {
display: block;
height: 0;
position: relative;
top: -100px;
}
.re-center-wrapper { width: 90%; }
.re-center-midashititle__ttl {
font-size: 24px;
padding: 30px 0 40px 0;
}

}

/* Mobile (Portrait) 画面の横幅が767pxまで */
@media only screen and (max-width: 767px) {
.anchor {
display: block;
height: 0;
position: relative;
top: -60px;
}
.re-center-wrapper { width: 100%; }
.re-center-midashititle__ttl {
  width: 90%;
  font-size: 6vw;
  margin: 0 auto;
  padding: 22px 0 33px 0;
}
.re-center-midashititle__ttl:before { width: 72px; }

.re-center-btnbox { margin: 0 0 40px 0; }
.re-center-btnbox-inner li{
width: 90%;
margin: 0 auto 20px auto;
}
.re-center-btnbox-inner li a{
height: auto;
min-height: 70px;
font-size: 5vw;
padding: 15px 50px 15px 20px;
}

.re-page-contents {
width: calc(90% - 32px);
margin: 0 auto 60px auto;
padding: 16px 16px 4px 16px;
}
.re-page-contents p{
font-size: 3.75vw;
padding: 0 0 12px 0;
}
.re-page-contents ul{
margin: 16px 0 0 0;
}
.re-page-contents li{
margin: 0 20px 12px 0;
}
.re-page-contents li:nth-child(2n){
margin: 0 0 12px 0;
}
.re-page-contents li a{
font-size: 3.75vw;
}
.re-page-contents li a::before {
padding-right: 5px;
width: 10px;
height: 10px;
}

.re-category-top-btn{
margin: 0 auto 60px auto;
width: 80%;
}
.re-category-top-btn a{
padding: 0 0 0 20px;
height: 52px;
font-size: 4.25vw;
}
.re-category-top-btn a:hover{
color: #222;
opacity: 0.7;
}

.re-center-bumon-innerbox {
width: 90%;
margin: 0 auto 60px auto;
}
.re-center-bumon-innerbox__textbox {
margin: 0 0 32px 0;
}
.re-center-bumon-innerbox__textbox h3{
margin: 0 0 12px 0;
font-size: 5.5vw;
}
.re-center-bumon-innerbox__textbox p{
padding: 0;
margin: 0;
font-size: 4.25vw;
}

.re-center-greeting-innerbox {
width: 90%;
margin: 0 auto 60px auto;
}
.re-center-greeting-innerbox__imgbox{
padding: 0;
margin: 0 auto 32px auto;
text-align:center;
width: 100%;
}
.re-center-greeting-innerbox__imgbox img{
width: 60%;
}
.re-center-greeting-innerbox__textbox{
padding: 0;
margin: 0;
width: 100%
}
.re-center-greeting-innerbox__textbox p{
padding: 0;
margin: 0;
font-size: 4.25vw;
line-height: 1.8;
}
.re-center-greeting-innerbox__textbox .name{
font-size: 5vw;
}

.re-center-staff-innerbox {
width: 90%;
margin: 0 auto 60px auto;
}
.re-center-staff-innerbox64 {
width: 90%;
margin: 0 auto 48px auto;
}
.re-center-staff-imgbox {
width: 100%;
margin: 0 auto 28px auto;
text-align: center;
}
.re-center-staff-imgbox img{
width: 59%;
}
.re-center-staff-textbox {
width: 100%;
margin: 0 auto;
}

.re-center-staff-textbox p{
font-size:4vw;
}
.staff-profile-blue20 {
font-size:4.75vw;
}
.staff-profile-blue20b10 {
font-size:4.75vw;
}
.staff-profile-blue18 {
font-size:4.5vw;
}
.staff-profile-28 {
font-size:5.75vw;
}
.staff-profile-24 {
font-size:5.25vw;
}
.staff-profile-20 {
font-size:4.75vw;
}
.staff-profile-18 {
font-size:4.5vw;
}
.staff-profile-18mess {
font-size:4.5vw;
}
.staff-profile-16 {
font-size:4.25vw;
}
.staff-profile-15 {
font-size:4.125vw;
}
.staff-profile-gray14 {
font-size:4vw;
}
.staff-profile-gray14b0 {
font-size:4vw;
}
.staff-profile-gray13 {
font-size:3.85vw;
}
.staff-profile-15 {
font-size:3.75vw;
}


ul.staff-profile li{
font-size:4vw;
}

.re-center-staff-innerbox-s,
.re-center-staff-innerbox-s76 {
padding: 0 0 36px 0;
margin: 0 0 0 0;
}
.re-center-staff-innerbox-sbox,
.re-center-staff-innerbox-sbox24 {
margin: 0 auto 24px auto;
width: calc(90% - 1px);
}
.re-center-staff-imgbox-s {
margin: 0 0 20px 0;
}

.re-center-staff-num-area {
width: calc(90% - 32px);
padding: 16px;
margin: 0 auto 48px auto;
}
.re-center-staff-num-area100 {
width: calc(90% - 32px);
padding: 16px;
margin: 0 auto 60px auto;
}
.re-center-staff-num-area-inner {
padding: 0 0 24px 0;
margin: 0 0 16px 0;
}
.re-center-staff-num-area-inner-end {
width: 100%;
padding: 0 0 8px 0;
margin: 0;
}
.re-center-staff-num-area-inner p,
.re-center-staff-num-area-inner-end p{
font-size: 4.25vw;
}
.num-area-inner-line{
display: none;
}

}