@charset "UTF-8";
/*! このファイルを変更する場合は「.scss」から変更して下さい */
/*! 「.scss」ファイルがつかえない場合はcustom.cssを変更する */
/* ボタンカラー */
/* フォント系 */
/*
	Noto Sans使用する場合
	'Noto Sans JP', 'Open Sans', Verdana, Roboto, 'Droid Sans'
*/
/*! このファイルを変更する場合は「.scss」から変更して下さい */
/*! 「.scss」ファイルがつかえない場合はcustom.cssを変更する */
#page-title {
  background: url(../images/staff/pagetitle.jpg) no-repeat center;
  background-size: cover;
}

.staff__calendar .calendar__block {
  margin-bottom: 25px;
  width: 46%;
}
.staff__calendar .calendar__block .fa.absence {
  color: #EFD5D8;
}
.staff__calendar table {
  margin-bottom: 5px;
  width: 100%;
}
.staff__calendar table caption {
  padding-bottom: 5px;
  font-size: 18px;
}
.staff__calendar table tbody td, .staff__calendar table tbody th {
  border: 1px solid #ccc;
  padding: 10px 15px 7px;
  line-height: 2;
}
.staff__calendar table tbody th {
  background-color: #333;
  color: #FFF;
}
.staff__calendar table tbody td {
  text-align: right;
}
.staff__calendar table tbody td.sun {
  color: #D96970;
  font-weight: bold;
}
.staff__calendar table tbody td.empty {
  background-color: #f5f5f5;
}
.staff__calendar table tbody td.today {
  border: 3px solid #D96970;
}
.staff__calendar table tbody td.absence {
  background-color: #EFD5D8;
}

#staff .section__title {
  margin-bottom: 120px;
}
#staff .section__title .title__text {
  position: relative;
}
#staff .section__title .title__text::after {
  position: absolute;
  bottom: -50%;
  left: 50%;
  transform: translateX(-50%);
  content: '';
  width: 120%;
  height: 2px;
  background-color: #000;
}
#staff .staff__detail__block {
  width: 100%;
  max-width: 650px;
  margin: auto;
}
#staff .staff__detail__block .detail__img {
  margin-bottom: 20px;
}
#staff .staff__detail__block .detail__name__block {
  text-align: center;
  margin: 0 auto 35px;
}
#staff .staff__detail__block .detail__name__block .name__name {
  font-size: 30rem;
  line-height: 1.2;
}
#staff .staff__detail__block .detail__btn {
  text-align: center;
  margin-bottom: 40px;
}
#staff .staff__detail__block .detail__text {
  width: 60%;
  margin: auto;
}
#staff .staff__detail__block .detail__type {
  margin-top: 100px;
}
#staff .staff__detail__block .detail__type dl {
  justify-content: flex-start;
  align-items: center;
  padding: 30px 0;
}
#staff .staff__detail__block .detail__type dl.type__odd {
  background: #f6f6f6;
}
#staff .staff__detail__block .detail__type dl dt {
  width: 200px;
  text-align: center;
}
#staff .staff__detail__block .detail__type dl dd {
  width: calc(100% - 200px);
  padding-right: 20px;
}

#schedule .section__title {
  margin-bottom: 70px;
}
#schedule .section__title .title__text {
  position: relative;
}
#schedule .section__title .title__text::after {
  position: absolute;
  bottom: -50%;
  left: 50%;
  transform: translateX(-50%);
  content: '';
  width: 120%;
  height: 2px;
  background-color: #000;
}

@media screen and (max-width: 768px) {
  #staff .section__title {
    margin-bottom: 70px;
  }
  #staff .staff__detail__block .detail__img {
    margin-bottom: 20px;
  }
  #staff .staff__detail__block .detail__name__block {
    margin: 0 auto 30px;
  }
  #staff .staff__detail__block .detail__btn {
    text-align: center;
    margin-bottom: 40px;
  }
  #staff .staff__detail__block .detail__text {
    width: 90%;
  }
  #staff .staff__detail__block .detail__type {
    margin-top: 70px;
  }
  #staff .staff__detail__block .detail__type dl {
    justify-content: flex-start;
    align-items: center;
    padding: 30px 15px;
  }
  #staff .staff__detail__block .detail__type dl dt {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    font-weight: 900;
  }
  #staff .staff__detail__block .detail__type dl dd {
    width: 100%;
  }

  #schedule .section__title {
    margin-bottom: 70px;
  }
  #schedule .staff__calendar {
    display: block;
  }
  #schedule .staff__calendar .calendar__block {
    width: 100%;
  }
}