@charset "UTF-8";
/*----------------------------------------
  Youtube 埋め込み動画 mixin
----------------------------------------*/
@import url(//fonts.googleapis.com/css?family=Oswald);
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format("opentype");
}

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.otf) format("opentype");
}

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.otf) format("opentype");
}

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.otf) format("opentype");
}

/*----------------------------------------
  browser default value
----------------------------------------*/
/*----------------------------------------
  base
----------------------------------------*/
/*----------------------------------------
  z-index
----------------------------------------*/
/*----------------------------------------
  color
----------------------------------------*/
/*----------------------------------------
  opacity
----------------------------------------*/
/*----------------------------------------
  size
----------------------------------------*/
/*----------------------------------------
  transition
----------------------------------------*/
.teaching_staff_section {
  padding: 40px 0;
}

.teaching_staff_section .section_inner {
  /*width: 1088px;*/
  max-width: 1128px;
  padding: 0 20px;
  margin: 0 auto;
}

.teaching_staff_section .section_header {
  display: flex;
  align-items: center;
  height: 120px;
  margin-bottom: 40px;
  padding-left: 40px;
  position: relative;
  z-index: 1;
}

.teaching_staff_section .section_header::before {
  display: block;
  width: 120px;
  height: 120px;
  border: 4px solid #eceef1;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.teaching_staff_section .section_title {
  font-size: 4rem;
}

.teaching_staff_section .section_title_en {
  display: block;
  font-size: 1.2rem;
  font-weight: 700;
  color: #005d90;
  letter-spacing: .05em;
}

.teaching_staff_section .section_title.en {
  font-family: "Oswald", sans-serif;
  font-size: 3.5rem;
  color: #005d90;
}

.teaching_staff_section .lead_block {
  margin-bottom: 60px;
}

.teaching_staff_section .lead_text {
  line-height: 1.9;
}

.teaching_staff_section .staff_list {
  display: flex;
  flex-wrap: wrap;
}

.teaching_staff_section .staff_item {
  /*width: 230px;*/
  width: calc((100% - 90px) / 4);
  margin-bottom: 30px;
}

.teaching_staff_section .staff_item:not(:nth-of-type(4n)) {
  margin-right: 30px;
}

.teaching_staff_section .staff_img {
  width: 85%;
  width: 100%;
}

.teaching_staff_section .staff_detail_block {
  padding: 10px 0 0;
}

.teaching_staff_section .staff_name {
  margin-bottom: 5px;
  font-size: 1.8rem;
}

.teaching_staff_section .staff_genre {
  margin-bottom: 16px;
  font-size: 1.3rem;
  font-weight: 700;
}

.teaching_staff_section .staff_detail_text {
  line-height: 1.9;
}

.teaching_staff_section .staff_detail_text.en {
  line-height: 1.5;
}

.professors_section {
  padding: 40px 0 80px;
  background-color: #fafafb;
}

.professors_section .section_inner {
  /*width: 1088px;*/
  max-width: 1128px;
  padding: 0 20px;
  margin: 0 auto;
}

.professors_section .section_header {
  display: flex;
  align-items: center;
  height: 120px;
  margin-bottom: 40px;
  padding-left: 40px;
  position: relative;
  z-index: 1;
}

.professors_section .section_header::before {
  display: block;
  width: 120px;
  height: 120px;
  border: 4px solid #eceef1;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.professors_section .section_title {
  font-size: 4rem;
}

.professors_section .section_title_en {
  display: block;
  font-size: 1.2rem;
  font-weight: 700;
  color: #005d90;
  letter-spacing: .05em;
}

.professors_section .section_title.en {
  font-family: "Oswald", sans-serif;
  font-size: 3.5rem;
  color: #005d90;
}

.professors_section .professors_tabs,
.professors_section .professors_tabs_en {
  position: relative;
}

.professors_section .professors_tabs .tab_nav,
.professors_section .professors_tabs_en .tab_nav {
  min-height: 670px;
}

.professors_section .professors_tabs .tab_title,
.professors_section .professors_tabs_en .tab_title {
  width: 260px;
  height: 70px;
  padding: 15px 20px;
  border-right: 4px solid #c7e0ee;
  border-left: 4px solid #c7e0ee;
  color: #005d90;
  cursor: pointer;
  transition: all .25s ease;
  position: absolute;
  top: 0;
  left: 0;
}

.professors_section .professors_tabs .tab_title::before,
.professors_section .professors_tabs_en .tab_title::before {
  display: block;
  width: 10px;
  height: 10px;
  margin-bottom: 5px;
  background-color: #000000;
  content: '';
}

.professors_section .professors_tabs .tab_title.current,
.professors_section .professors_tabs_en .tab_title.current {
  background-color: #eceef1;
  font-size: 1.6rem;
  color: #000000;
}

.professors_section .professors_tabs .tab_content,
.professors_section .professors_tabs_en .tab_content {
  display: none;
  /*width: 812px;*/
  width: calc(100% - 280px);
  margin-right: 0;
  margin-left: auto;
  overflow-x:scroll;
}

.professors_section .professors_tabs .tab_content.current,
.professors_section .professors_tabs_en .tab_content.current {
  display: block;
}

.professors_section .professors_tabs_en .tab_title.current {
  font-size: 1.4rem;
}

.professors_section .professors_tabs_en .tab_title_2row {
  height: 80px;
  padding-top: 10px;
}

.professors_section .tab_content_table {
  width: 100%;
  border: 1px solid #eceef1;
  table-layout: fixed;
}

.professors_section .tab_content_table .table_header {
  background-color: #cccccc;
}

.professors_section .tab_content_table .header_cell {
  padding: 15px 0;
  text-align: center;
  font-weight: 500;
}

.professors_section .tab_content_table .table_body_row {
  background-color: #ffffff;
}

.professors_section .tab_content_table .table_body_row:not(:nth-of-type(even)) {
  background-color: #eceef1;
}

.professors_section .tab_content_table .body_cell {
  padding: 15px;
  text-align: center;
  font-weight: normal;
  min-width: 10em;
}

.professors_section .tab_content_table td:last-of-type {
  white-space: wrap;
  min-width: 15em;
  padding: 15px;
}

.professors_section .tab_item_01 .tab_title {
  border-top: 4px solid #c7e0ee;
}

.professors_section .tab_item_01 .tab_title::before,
.professors_section .tab_item_01 .table_header {
  background-color: #aced83;
}

.professors_section .tab_item_02 .tab_title {
  top: 70px;
}

.professors_section .tab_item_02 .tab_title::before,
.professors_section .tab_item_02 .table_header {
  background-color: #ff9f81;
}

.professors_section .tab_item_03 .tab_title {
  top: 140px;
}

.professors_section .tab_item_03 .tab_title::before,
.professors_section .tab_item_03 .table_header {
  background-color: #94c1f8;
}

.professors_section .tab_item_04 .tab_title {
  top: 210px;
}

.professors_section .tab_item_04 .tab_title_2row {
  top: 220px;
}

.professors_section .tab_item_04 .tab_title::before,
.professors_section .tab_item_04 .table_header {
  background-color: #eeaefc;
}

.professors_section .tab_item_05 .tab_title {
  top: 280px;
}

.professors_section .tab_item_05 .tab_title_2row {
  top: 300px;
}

.professors_section .tab_item_05 .tab_title::before,
.professors_section .tab_item_05 .table_header {
  background-color: #fff691;
}

.professors_section .tab_item_06 .tab_title {
  top: 350px;
}

.professors_section .tab_item_06 .tab_title_2row {
  top: 380px;
}

.professors_section .tab_item_06 .tab_title::before,
.professors_section .tab_item_06 .table_header {
  background-color: #a0f4ff;
}

.professors_section .tab_item_07 .tab_title {
  top: 420px;
}

.professors_section .tab_item_07 .tab_title_2row {
  top: 460px;
}

.professors_section .tab_item_07 .tab_title::before,
.professors_section .tab_item_07 .table_header {
  background-color: #7ee5cb;
}

.professors_section .tab_item_08 .tab_title {
  top: 490px;
}

.professors_section .tab_item_08 .tab_title_2row {
  top: 540px;
}

.professors_section .tab_item_08 .tab_title::before,
.professors_section .tab_item_08 .table_header {
  background-color: #ffaab7;
}


.professors_section .tab_item_09 .tab_title {
  border-bottom: 4px solid #c7e0ee;
  top: 560px;
}

.professors_section .tab_item_09 .tab_title_2row {
  top: 620px;
}

.professors_section .tab_item_09 .tab_title::before,
.professors_section .tab_item_09 .table_header {
  background-color: #ffd166;
}