@charset "UTF-8";
/**
 * 研究者
 *
 */
/* ==========================================================================
   研究者トップ
   ========================================================================== */
.staff-list .box {
  border-bottom: 1px solid #d5d5d5; }
  .staff-list .box a {
    position: relative;
    height: 100%;
    width: 100%; }
    .staff-list .box a:before {
      background-color: #c02d2f;
      content: '';
      display: block;
      height: calc(100% - 22px);
      width: 2px;
      position: absolute;
      left: 0;
      top: 11px; }
.staff-list .prof {
  background-color: #fff;
  padding-bottom: 11px;
  position: relative; }
  .staff-list .prof .box-img {
    margin-bottom: 0; }
.staff-list .prof-inner {
  background-color: rgba(255, 255, 255, 0.8);
  box-sizing: border-box;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 11px;
  padding: 20px; }
.staff-list .prof-name {
  color: #1f1f1f;
  font-weight: normal;
  margin-bottom: 2px;
  font-size: 17px;
  font-size: 1.7rem; }
.staff-list .prof-field {
  color: #6d6d6d;
  font-size: 12px;
  font-size: 1.2rem; }
.staff-list .member {
  border-left: 2px solid #c02d2f;
  margin-bottom: 12px;
  padding-left: 20px;
  padding-bottom: 11px; }
.staff-list .member-ttl {
  background-color: #c02d2f;
  color: #fff;
  display: inline-block;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 8px;
  padding: 3px 10px; }
.staff-list .member-list li {
  color: #6d6d6d;
  letter-spacing: .04em;
  margin-bottom: 3px;
  font-size: 12px;
  font-size: 1.2rem; }
  .staff-list .member-list li:last-child {
    margin-bottom: 0; }
.staff-list .member-list .job {
  color: #000;
  font-weight: bold;
  padding-right: 10px; }

.noto {
  margin-top: 0;
  color: #6d6d6d; }

@media screen and (max-width: 767px) {
  .noto {
    margin-bottom: 60px; }

  .staff-list .box:last-child {
    margin-bottom: 40px; } }
/* ==========================================================================
   研究者詳細
   ========================================================================== */
.staff-detail .detail-l {
  float: left;
  width: 42.5%; }
.staff-detail .detail-r {
  float: right;
  width: 53.3333333333%; }
.staff-detail .staff-img {
  margin-bottom: 30px; }
  .staff-detail .staff-img img {
    height: auto;
    width: 100%; }
.staff-detail .staff-career-list li {
  color: #6d6d6d;
  margin-bottom: 12px;
  padding-left: 1em;
  position: relative;
  font-size: 12px;
  font-size: 1.2rem; }
  .staff-detail .staff-career-list li:last-child {
    margin-bottom: 0; }
  .staff-detail .staff-career-list li:before {
    content: '・';
    display: block;
    position: absolute;
    left: 0;
    top: 0; }
.staff-detail .staff-prof .sttl02 {
  margin-top: 4px; }
.staff-detail .staff-prof p {
  color: #6d6d6d;
  line-height: 1.71; }
.staff-detail .staff-pbl-list li {
  color: #6d6d6d;
  margin-bottom: 30px; }
  .staff-detail .staff-pbl-list li:last-child {
    margin-bottom: 0; }
.staff-detail .staff-list .box {
  border-bottom: none;
  margin-bottom: 20px; }
.staff-detail .staff-list .prof {
  margin-bottom: 0; }

@media screen and (max-width: 767px) {
  .staff-detail .detail-l {
    float: none;
    width: 100%;
    margin-bottom: 30px; }
  .staff-detail .detail-r {
    float: none;
    width: 100%; }
  .staff-detail .staff-img {
    margin-bottom: 20px; }
  .staff-detail .staff-career-list li {
    margin-bottom: 5px;
    font-size: 11px;
    font-size: 1.1rem; }
  .staff-detail .staff-prof .sttl02 {
    margin-top: 50px; }
  .staff-detail .staff-list .box:last-child {
    margin-bottom: 0; } }