@charset "UTF-8";
/* 学部・大学院 パンくず 上部 */
.l-container {
  padding-top: 0px;
}

@media only screen and (max-width: 767px) {
  .l-container {
    padding-top: 70px;
  }
}

.dep#teachers .p-breadList {
  position: static;
  width: 1156px;
  margin: 0 auto;
  margin-top: 130px;
}

@media only screen and (max-width: 767px) {
  .dep#teachers .p-breadList {
    width: 100%;
    margin: 0;
  }
}

.dep#teachers .p-breadList .p-breadList__list__item::before {
  color: #404040;
  text-shadow: none;
}

.dep#teachers .p-breadList .p-breadList__list__item__anchor {
  color: #404040;
  text-shadow: none;
}

.dep#teachers .p-mainVisual {
  height: auto;
  margin-bottom: 40px;
}

.dep#teachers .c-hl_type04 span {
  font-size: 32px;
  font-size: 3.2rem;
}

@media only screen and (max-width: 767px) {
  .dep#teachers .c-hl_type04 span {
    font-size: 24px;
    font-size: 2.4rem;
  }
}

.dep#teachers .c-hl_type04 span::before,
.dep#teachers .c-hl_type04 span::after {
  background-color: #8EC54A;
}

.dep#teachers .teachers_list {
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .dep#teachers .teachers_list {
    margin-bottom: 0;
  }
}

.dep#teachers .teachers_list_item {
  float: left;
  width: 356px;
  margin-left: 44px;
  margin-bottom: 40px;
}

.dep#teachers .teachers_list_item:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}

@media only screen and (max-width: 767px) {
  .dep#teachers .teachers_list_item {
    width: 47%;
  }
  .dep#teachers .teachers_list_item:nth-child(3n+1) {
    clear: none;
  }
  .dep#teachers .teachers_list_item:nth-child(even) {
    margin-left: 6%;
  }
  .dep#teachers .teachers_list_item:nth-child(odd) {
    margin-left: 0;
    clear: both;
  }
}

.dep#teachers .teachers_list dl {
  letter-spacing: -.4em;
}

.dep#teachers .teachers_list dl dt {
  display: inline-block;
  vertical-align: top;
  width: 156px;
  margin-right: 20px;
  letter-spacing: normal;
}

@media only screen and (max-width: 767px) {
  .dep#teachers .teachers_list dl dt {
    display: block;
    margin: 0;
    margin-bottom: 10px;
    width: 100%;
  }
}

.dep#teachers .teachers_list dl dd {
  display: inline-block;
  vertical-align: top;
  width: 180px;
  letter-spacing: normal;
}

@media only screen and (max-width: 767px) {
  .dep#teachers .teachers_list dl dd {
    display: block;
    width: 100%;
  }
}

.dep#teachers .teachers_list_name {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 1em;
}

.dep#teachers .teachers_list_position {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  margin-bottom: 1em;
}

.dep#teachers .teachers_list .teachers_list_item > a .teachers_list_name {
  text-decoration: underline;
}

.dep#teachers .teachers_list .teachers_list_item > a .teachers_list_position {
  color: #404040;
}

.dep#teachers .teachers_list .teachers_list_item > a:hover .teachers_list_name {
  text-decoration: none;
}

.dep#teachers .c-table_type01 {
  margin-bottom: 80px;
}

@media only screen and (max-width: 767px) {
  .dep#teachers .c-table_type01 {
    margin-bottom: 40px;
  }
}

.dep#teachers .c-table_type01 > div > table > tbody > tr > th, .dep#teachers .c-table_type01 > div > table > tbody > tr td {
  border: 1px solid #E6E6E6;
  border-top: none;
  border-right: none;
  border-left: none;
}

.dep#teachers .c-table_type01 > div > table > tbody > tr > th {
  position: relative;
  width: 13%;
  background-color: transparent;
  text-align: left;
  font-weight: 500;
  padding-left: 30px;
  white-space: nowrap;
}

.dep#teachers .c-table_type01 > div > table > tbody > tr > th::before {
  position: absolute;
  left: 0;
  top: 50%;
  content: "";
  width: 9px;
  height: 2px;
  background-color: #00509D;
}

.dep#teachers .c-table_type01 > div > table > tbody > tr > th a {
  color: #404040;
  text-decoration: underline;
}

.dep#teachers .c-table_type01 > div > table > tbody > tr > th a:hover {
  text-decoration: none;
}

.dep#teachers .c-table_type01 > div > table > tbody > tr td {
  padding-left: 0px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media only screen and (max-width: 767px) {
  .dep#teachers .c-table_type01 > div > table > tbody > tr td {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.dep#teachers .c-table_type01 > div > table > tbody > tr td:nth-child(2) {
  width: 8%;
  white-space: nowrap;
}

.dep#teachers .compactContents {
  position: relative;
  height: auto;
  overflow: visible;
  padding-bottom: 100px;
}

.dep#teachers .compactContents:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 300px;
  bottom: 0;
  left: 0;
  display: none;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+50,1+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 75%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */
}

.dep#teachers .compactContents.is-compacted {
  height: 700px;
  overflow: hidden;
}

.dep#teachers .compactContents.is-compacted:after {
  display: block;
}

.dep#teachers .compactContents__btn {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  display: block;
  width: 360px;
  padding: 2em 0;
  margin: 0 auto;
  text-align: center;
  color: #00509D;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  border: solid 1px #E6E6E6;
  border-bottom: solid 2px #00509D;
  background-color: #fff;
  z-index: 2;
}

@media only screen and (max-width: 767px) {
  .dep#teachers .compactContents__btn {
    width: 100%;
    padding: 1em 0;
    font-size: 1.4rem;
  }
}

.dep#teachers .compactContents__btn:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -8px;
  display: block;
  width: 10px;
  height: 10px;
  border-top: solid 2px #00509D;
  border-right: solid 2px #00509D;
  transform: rotate(135deg);
}

.dep#teachers .compactContents__btn:hover {
  color: #fff;
  border: solid 1px #00509D;
  border-bottom: solid 2px #00509D;
  background-color: #00509D;
}

.dep#teachers .compactContents__btn:hover:after {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}

.dep#teachers .compactContents__btn.is-clicked:after {
  transform: rotate(-45deg);
  margin-top: -2px;
}