@charset "utf-8";

/* =============================================================

  個別設定 : Staff

============================================================= */

/*  list
---------------------------------------------*/
.page-staff .stafflist {
  background: url(/img/common/bg-section.png) no-repeat center top;
  background-size: 100% auto;
}

.page-staff .stafflist .page__titleEn {
  margin: 0;
}

.page-staff .stafflist .page__title {
  margin: 0 0 2.33%;
}

.page-staff .stafflist .heading {
  margin: 0 0 14%;
  padding: 0 8%;
  font-size: 1.4rem;
  line-height: 1.8;
}

.page-staff .stafflist__list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 0 22.67%;
}

.page-staff .stafflist__listItem {
  position: relative;
  z-index: 1;
  width: 50%;
  line-height: 0;
}

.page-staff .stafflist__listItem .name {
  position: absolute;
  z-index: 2;
  bottom: 4%;
  right: 6.67%;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1;
}

/*  詳細
---------------------------------------------*/
.page-staff .staff {
  background: url(/img/common/bg-section.png) no-repeat center top;
  background-size: 100% auto;
  padding: 13% 8% 18%;
}

.page-staff .staff__name {
  margin: 0 0 13%;
  font-family: 'Hina Mincho', serif;
  color: #a58f86;
  font-size: 3rem;
  letter-spacing: 0.08em;
}

.page-staff .staff__message {
  position: relative;
  z-index: 1;
  margin: 0 0 16%;
  padding: 25px 20px 0 0;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
}

.page-staff .staff__message .title {
  position: absolute;
  z-index: 2;
  top: -9px;
  left: 0;
  padding: 0 12px 0 0;
  background: #fff;
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  font-size: 1.6rem;
}

.page-staff .staff__message .text {
  font-size: 1.4rem;
  line-height: 2;
}

.page-staff .staff .btn,
.page-staff .staff .btn-b {
  width: 90%;
}

.page-staff .staff .btn {
  margin-bottom: 6.67%;
}