@charset "utf-8";

/* ****************************************************************************************************
   * 共用
**************************************************************************************************** */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 教員 一覧
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#main-contents .teacher ~ .teacher {
  margin-top: 40px !important;
  padding-top: 40px;
  border-top: 1px dotted #bbb;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

#main-contents .teacher ~ .teacher {
  margin-top: 20px !important;
  padding-top: 20px;
}

}

/* ----------------------------------------------------------------------------------------------------
   * 写真／氏名など
/* ------------------------------------------------------------------------------------------------- */

#main-contents .teacher .section-header {
  letter-spacing: -0.4em;
  background: #f1f1f1;
}

#main-contents .teacher .section-header > * {
  letter-spacing: normal;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

#main-contents .teacher .section-header {
  background: none;
}

}

/* * 写真
/* ･････････････････････････････････････････････････････････････････････････････････････････････････ */

#main-contents .teacher .section-header div.photo {
  width: 170px;
  margin-right: 20px;
  vertical-align: middle;
  display: inline-block;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

#main-contents .teacher .section-header div.photo {
  width: 100%;
  margin: 0 auto 10px;
}

}

/* * 氏名など
/* ･････････････････････････････････････････････････････････････････････････････････････････････････ */

#main-contents .teacher .section-header div.title {
  width: 320px;
  padding-left: 10px;
  border-left: 4px solid #f59d00;
  vertical-align: middle;
  display: inline-block;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

#main-contents .teacher .section-header div.title {
  width: 100%;
}

}

/* 学科 */

#main-contents .teacher .section-header div.title .department {}

/* 氏名 日本語 */

#main-contents .teacher .section-header div.title .name {
  margin-top: 0;
  line-height: 1.2;
  font-size: 30px;
}

/* 役職 日本語 */

#main-contents .teacher .section-header div.title .position-jp {
  margin-top: 0;
  color: #f59d00;
}

/* 氏名 英語 */

#main-contents .teacher .section-header div.title .name-en {
  margin-top: 0;
  font-size: 12px;
}

/* 役職 英語 */

#main-contents .teacher .section-header div.title .position-en {
  margin-top: 0;
  color: #f59d00;
  font-size: 12px;
  word-break: normal;
}

/* * 詳細はこちら
/* ･････････････････････････････････････････････････････････････････････････････････････････････････ */

#main-contents .teacher .section-header .button {
  width: 230px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

#main-contents .teacher .section-header .button {
  width: 100%;
  text-align: left;
}

}