@charset "utf-8";

/* 全体 */
.col_textarea_full img {
  border-radius: 16px;
}
/* 教授ご挨拶 */
.l_greeting_main_img {
  width: 100%;
  margin: 0 auto;
  border-radius: 16px;
  max-width: clamp(320px, 90%, 900px)!important;
}
@media screen and (max-width: 768px) {
  .l_greeting_main_img {
    max-width: clamp(320px, 90%, 1400px)!important;
  }  
}
@media screen and (max-width: 425px) {
  .l_greeting_main_img {
    max-width: clamp(320px, 100%, 1400px)!important;
    margin: 0 auto;
    border-radius: 0;
  }  
}
.l_greeting_container {
  max-width: 895px;
  margin: 56px auto 0;
  /* padding: 0 1rem; */
}
.l_greeting_container .f_l {
  width: 48%;
  margin: 0 0 0 1rem!important;
  padding: 0!important;
  float: right!important;
}
@media screen and (max-width: 768px) {
  .l_greeting_container .f_img {
    margin: 0 0 1rem 0!important;
    width: 100%;
  }
}
.l_greeting_box_1 {
  /* font-size: clamp(0.75rem, 0.659rem + 0.39vw, 1rem); */
  /* line-height: 1.25; */
  /* color: #555; */
  text-align: right;
  margin-top: 2rem;
}
.l_greeting_box_1 span {
  /* font-size: clamp(1rem, 0.817rem + 0.78vw, 1.5rem); */
  /* font-weight: 500; */
  margin-top: 8px;
  color: #000;
}
.l_greeting_box_2 {
  margin-bottom: 2em;
}
@media screen and (max-width: 768px) {
  .l_greeting_box_2 {
    margin-bottom: 0;
  }
}
.l_greeting_box_2 span {
  /* font-size: clamp(1rem, 0.817rem + 0.78vw, 1.5rem); */
  /* font-weight: 500; */
  color: #000;
}


/* メンバー紹介 */
.l_member_container {

}
.l_member_container h3 {
  margin-bottom: 0;
}
.l_member_faculty_box {

}
.l_member_faculty_list,
.l_member_graduate-student_list,
.l_member_trainee_list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  margin-top: 2rem;
}
.l_member_faculty_list {
  grid-template-columns: repeat(auto-fill, minmax(339px, 1fr));
}
@media screen and (max-width: 425px) {
  .l_member_faculty_list {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  }
}
/* @media (min-width: 1024px) {
  #content2022 .wrapMain .researcherListWrap {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    margin-top: 0;
  }
} */
.l_member_faculty_img {
  max-width: 640px;
  margin: 0 auto;
  width: 100%;
}
/* モーダルCSS */
.l_member_modal_area {
  display: none;
  position: fixed;
  z-index: 10; /*サイトによってここの数値は調整 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.l_member_modal_bg {
  width: 100%;
  height: 100%;
  background-color: rgba(30,30,30,0.5);
}
.l_member_modal_wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  width: 90%;
  /* height: 90%; */
  max-width: 800px;
  max-height: 560px;
  padding: 2rem 3rem;
  background-color: #fff;
  border-radius: 16px;
  overflow-y: scroll;
  /* scrollbar-width: none; */
}
@media screen and (max-width: 768px) {
  .l_member_modal_wrapper {
    top: 55%;
    left: 50%;
    /* height: 70%; */
    max-width: 800px;
    max-height: 480px;
    padding: 2rem;
  }
}
.l_member_close_modal {
  position: fixed;
  top: 0.5rem;
  right: 1rem;
  cursor: pointer;
}
/* 以下ボタンスタイル */
.l_member_modal,
.l_member_modal_active {
  position: relative;
  width: 100%;
  padding: 1rem;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 16px;
  cursor: pointer;
  color: #000;
  text-align: left;
}
.l_member_modal.l_member_not_modal {
  cursor: initial;
}
.l_member_modal_active::after {
  position: absolute;
  content: '+';
  bottom: 1rem;
  right: 1rem;
  color: #979899;
}
.l_member_modal.l_member_not_modal::after {
  content: initial;
}
.l_member_position {
  font-size: clamp(0.75rem, 0.704rem + 0.2vw, 0.875rem);
  color: #6ba4e2;
}
.l_member_name {
  
}
.l_member_name span {
  color: #979899;
  font-size: clamp(0.75rem, 0.704rem + 0.2vw, 0.875rem);
}
.l_member_field,
.l_member_keywords {
  margin-top: 8px;
  font-size: clamp(0.65rem, 0.704rem + 0.2vw, 0.875rem);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  width: 90%;
}
.l_member_year,
.l_member_theme,
.l_member_study {
  margin-top: 8px;
  font-size: clamp(0.65rem, 0.704rem + 0.2vw, 0.875rem);
  /* overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  width: 90%; */
}
.l_member_field span,
.l_member_keywords span,
.l_member_year span,
.l_member_theme span,
.l_member_study span{
  margin-top: 1rem;
  color: #979899;
  font-size: clamp(0.65rem, 0.704rem + 0.2vw, 0.875rem);
}
.l_member_modal_area .unit_table_side {
  font-size: clamp(0.75rem, 0.704rem + 0.2vw, 0.875rem);
  color: #333;
  margin-bottom: 0;
}
.l_member_modal_area .unit_table_side th {
  background-color: initial;
  font-weight: normal;
}
.l_member_modal_area .unit_table_side table tr th,
.l_member_modal_area .unit_table_side table tr td {
  border-bottom: #eee 1px solid;
}
@media screen and (min-width: 769px) {
  .l_member_modal_area .unit_table_side table tr:last-child th,
  .l_member_modal_area .unit_table_side table tr:last-child td {
    border-bottom: none;
  }
}
@media screen and (max-width: 768px) {
  .l_member_modal_area .unit_table_side table tr th,
  .l_member_modal_area .unit_table_side table tr td {
    border-bottom: none;
  }
}
.unit_table_side .l_member_biography_table {

}
.unit_table_side .l_member_biography_table th,
.unit_table_side .l_member_biography_table td {
  padding: 0!important;
  border-bottom: none!important;
}
.unit_table_side .l_member_biography_table th {
  width: 56px!important;
}
.unit_table_side .l_member_biography_table td {
  
}
@media screen and (max-width: 768px) {
  .unit_table_side .l_member_biography_table tr,
  .unit_table_side .l_member_biography_table th,
  .unit_table_side .l_member_biography_table td{
    /* display: table-cell!important; */
  }
  .unit_table_side .l_member_biography_table tr {
    border-bottom: none!important;
    display: flex!important;
    margin: 0;
    padding: 0;
  }
  .unit_table_side .l_member_biography_table th,
  .unit_table_side .l_member_biography_table td {
    /* display: table-cell!important;
    padding: 0!important; */
  }
  .unit_table_side .l_member_biography_table th {
    width: 18%!important;
  }
  .unit_table_side .l_member_biography_table td {
    padding: 0 0 0 1em !important;
  }
}

/* 研究業績 */
.l_achievements_container {

}
.l_achievements_box {

}
.l_achievements_box .col_internal_komidashi span{
  font-size: 0.75em;
  color: #999;
}
.l_achievements_box .bpts_btn_fuwa{
  margin: 0 0 .5em;
}

/* マスコットキャラクター */
.l_character_container {
  
}
@media screen and (max-width: 768px) {
  .l_character_container {
    margin: 5rem auto;
  }
}
.l_character_list_detail {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: #6ba4e2;
  margin: 3rem auto 1rem;
  text-align: center;
}
@media screen and (max-width: 768px){
  .l_character_list_detail {
    font-size: 12px;
  }
}
.l_character_list {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  max-width: 560px;
  width: 90%;
  margin: 0 auto 3rem;
}
.l_character_list li {
  width: clamp(40px,100%,112px);
  opacity: 0.25;
  margin: 0 auto;
  transition: 0.5s all;
}
.l_character_list li:hover {
  opacity: 0.75;
}
.l_character_list li p {
  text-align: center;
  font-size: clamp(0.75rem, 0.704rem + 0.2vw, 0.875rem);
  color: #6ba4e2;
}
.l_character_list li.l_active {
  opacity: 1;
}
.l_character_list.unit_tab li a {
  padding: initial;
  width: initial;
  height: initial;
  display: initial;
  background: initial;
  color: initial;
  text-decoration: initial;
  -webkit-transition: initial;
  -o-transition: initial;
  transition: initial;
  border-radius: initial;
  border: none;
}
.l_character_list.unit_tab li.l_active a {
  background: initial;
  color: initial;
  border: none;
}
.l_character_box {
  display: none;
  transition: 1s all;
  max-width: 960px;
}
@media screen and (max-width: 768px) {
  .l_character_box {
    max-width: 560px;
  }
}
.l_character_box.l_is-active {
  display: block;
  -webkit-animation-name: displayAnime;
  animation-name: displayAnime;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.l_character_box .unit_side_imgarea {
  max-width: 1000px;
  margin: 2rem auto;
  padding: 0 2rem 0 0;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .l_character_box .unit_side_imgarea {
    margin: 1rem auto;
    padding: 0;
    max-width: 480px;
  }
}
.l_character_box .unit_side_imgarea .img_wrap.l_character_yuri img,
.l_character_box .unit_side_imgarea .img_wrap.l_character_moka img {
  max-width: 200px;
  margin: 0 auto 1rem;
}
@media screen and (max-width: 768px) {
  .l_character_box .unit_side_imgarea .img_wrap.l_character_yuri img,
  .l_character_box .unit_side_imgarea .img_wrap.l_character_moka img {
    max-width: 160px;
    margin: 0 auto 1rem;
  }
}
.l_character_name {
  display: flex;
  align-items: center;
  font-size: clamp(1.125rem, 0.988rem + 0.59vw, 1.5rem);
}
@media screen and (max-width: 768px) {
  .l_character_name {
    justify-content: center;
  }
}
.l_gender {
  max-width: 32px;
}
.l_character_etc {
  padding: 1rem 1.5rem;
  font-size: clamp(0.75rem, 0.659rem + 0.39vw, 1rem);
  border-radius: 8px;
}
.l_character_etc.yuri {
  background-color: #f8fbff;
}
.l_character_etc.moka {
  background-color: #fff8fa;
}
.l_character_etc li {
  position: relative;
  padding: 0.25em 0 0.25em 1rem;
}
.l_character_etc li::before {
  content: '・';
  position: absolute;
  left: 0;
}
.l_character_etc strong {
  display: block;
}
.l_character_etc.yuri li::before {
  color: #6ba4e2;
}
.l_character_etc.yuri strong {
  color: #6ba4e2;
}
.l_character_etc.moka li::before {
  color: #e26bad;
}
.l_character_etc.moka strong {
  color: #e26bad;
}