.staff-data {
  padding: calc(8px * 2);
}
@media screen and (max-width: 959px) {
  .staff-data {
    padding: calc(8px * 2 * 0.75);
  }
}
@media screen and (max-width: 519px) {
  .staff-data {
    padding: calc(8px * 2 * 0.5);
  }
}
.staff-data {
  background: #ffffff;
  border-radius: 4px;
}
@media screen and (max-width: 959px) {
  .staff-data {
    border-radius: calc(4px * 0.75);
  }
}
@media screen and (max-width: 519px) {
  .staff-data {
    border-radius: calc(4px * 0.5);
  }
}
.staff-data .staff-data__item {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 12px;
}
.staff-data .staff-data__item:not(:last-of-type) {
  margin-bottom: 8px;
}
@media screen and (max-width: 519px) {
  .staff-data .staff-data__item {
    gap: 8px;
  }
}
.staff-data .staff-data__item dt {
  flex: 0 0 auto;
  width: 76px;
  color: #A58F69;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 519px) {
  .staff-data .staff-data__item dt {
    width: 64px;
    font-size: 1.2rem;
  }
}
.staff-data .staff-data__item dd {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 1.4rem;
  line-height: 1.6;
}
@media screen and (max-width: 519px) {
  .staff-data .staff-data__item dd {
    font-size: 1.2rem;
  }
}

.message-unit {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 48px;
}
@media screen and (max-width: 959px) {
  .message-unit {
    gap: 36px;
  }
}
@media screen and (max-width: 767px) {
  .message-unit {
    display: block;
  }
}
.message-unit__vsl {
  flex: 0 0 auto;
  width: 36%;
}
@media screen and (max-width: 767px) {
  .message-unit__vsl {
    width: 60%;
    margin: 0 auto;
    margin-bottom: calc(8px * 4);
    border-radius: 4px;
  }
}
@media screen and (max-width: 767px) and (max-width: 959px) {
  .message-unit__vsl {
    margin-bottom: calc(8px * 4 * 0.75);
  }
}
@media screen and (max-width: 767px) and (max-width: 519px) {
  .message-unit__vsl {
    margin-bottom: calc(8px * 4 * 0.5);
  }
}
@media screen and (max-width: 767px) and (max-width: 959px) {
  .message-unit__vsl {
    border-radius: calc(4px * 0.75);
  }
}
@media screen and (max-width: 767px) and (max-width: 519px) {
  .message-unit__vsl {
    border-radius: calc(4px * 0.5);
  }
}
@media screen and (max-width: 519px) {
  .message-unit__vsl {
    width: 80%;
  }
}
.message-unit__dtl {
  flex: 1 1 auto;
  min-width: 0;
}

.message-catch {
  margin-bottom: calc(8px * 4);
}
@media screen and (max-width: 959px) {
  .message-catch {
    margin-bottom: calc(8px * 4 * 0.75);
  }
}
@media screen and (max-width: 519px) {
  .message-catch {
    margin-bottom: calc(8px * 4 * 0.5);
  }
}
.message-catch {
  color: #A58F69;
  font-size: 2.8rem;
  line-height: 1.5;
}
@media screen and (max-width: 959px) {
  .message-catch {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 519px) {
  .message-catch {
    font-size: 2rem;
  }
}

.message-sign {
  margin-bottom: calc(8px * 2);
}
@media screen and (max-width: 959px) {
  .message-sign {
    margin-bottom: calc(8px * 2 * 0.75);
  }
}
@media screen and (max-width: 519px) {
  .message-sign {
    margin-bottom: calc(8px * 2 * 0.5);
  }
}
.message-sign {
  text-align: right;
}
.message-sign__post {
  font-size: 1.4rem;
  line-height: 1.6;
}
@media screen and (max-width: 519px) {
  .message-sign__post {
    font-size: 1.2rem;
  }
}
.message-sign__name {
  font-size: 2.4rem;
  line-height: 1.6;
}
@media screen and (max-width: 959px) {
  .message-sign__name {
    font-size: 2rem;
  }
}
@media screen and (max-width: 519px) {
  .message-sign__name {
    font-size: 1.6rem;
  }
}

.staff-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 64px 48px;
  margin-bottom: calc(8px * 8);
}
@media screen and (max-width: 959px) {
  .staff-list {
    margin-bottom: calc(8px * 8 * 0.75);
  }
}
@media screen and (max-width: 519px) {
  .staff-list {
    margin-bottom: calc(8px * 8 * 0.5);
  }
}
@media screen and (max-width: 959px) {
  .staff-list {
    gap: 48px 32px;
  }
}
@media screen and (max-width: 767px) {
  .staff-list {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
}

@media screen and (max-width: 767px) {
  .staff-unit:not(:last-child) {
    margin-bottom: 32px;
    padding-bottom: 32px;
    border-bottom: 1px dotted #A58F69;
  }
}
.staff-unit__vsl {
  width: 200px;
  margin: 0 auto;
  margin-bottom: calc(8px * 4);
}
@media screen and (max-width: 959px) {
  .staff-unit__vsl {
    margin-bottom: calc(8px * 4 * 0.75);
  }
}
@media screen and (max-width: 519px) {
  .staff-unit__vsl {
    margin-bottom: calc(8px * 4 * 0.5);
  }
}
@media screen and (max-width: 959px) {
  .staff-unit__vsl {
    width: 180px;
  }
}
@media screen and (max-width: 767px) {
  .staff-unit__vsl {
    width: 160px;
  }
}
.staff-unit__vsl img {
  border-radius: 4px;
}
@media screen and (max-width: 959px) {
  .staff-unit__vsl img {
    border-radius: calc(4px * 0.75);
  }
}
@media screen and (max-width: 519px) {
  .staff-unit__vsl img {
    border-radius: calc(4px * 0.5);
  }
}

.staff-name {
  margin-bottom: calc(8px * 1);
}
@media screen and (max-width: 959px) {
  .staff-name {
    margin-bottom: calc(8px * 1 * 0.75);
  }
}
@media screen and (max-width: 519px) {
  .staff-name {
    margin-bottom: calc(8px * 1 * 0.5);
  }
}
.staff-name {
  font-size: 2.8rem;
  line-height: 1.4;
}
@media screen and (max-width: 959px) {
  .staff-name {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 519px) {
  .staff-name {
    font-size: 2rem;
  }
}

.staff-catch {
  margin-bottom: calc(8px * 3);
}
@media screen and (max-width: 959px) {
  .staff-catch {
    margin-bottom: calc(8px * 3 * 0.75);
  }
}
@media screen and (max-width: 519px) {
  .staff-catch {
    margin-bottom: calc(8px * 3 * 0.5);
  }
}
.staff-catch {
  padding-bottom: 16px;
  border-bottom: solid 1px #E0CBA8;
  color: #A58F69;
  font-size: 2rem;
  line-height: 1.5;
}
@media screen and (max-width: 959px) {
  .staff-catch {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 519px) {
  .staff-catch {
    font-size: 1.4rem;
  }
}

.staff-unit .staff-data {
  margin-bottom: calc(8px * 4);
}
@media screen and (max-width: 959px) {
  .staff-unit .staff-data {
    margin-bottom: calc(8px * 4 * 0.75);
  }
}
@media screen and (max-width: 519px) {
  .staff-unit .staff-data {
    margin-bottom: calc(8px * 4 * 0.5);
  }
}
.staff-unit .staff-data {
  background: #FBF8F5;
}
.staff-unit .staff-data:last-child {
  margin-bottom: 0;
}

.cv {
  margin-bottom: 10px;
}
/*# sourceMappingURL=../../maps/pages/staff.css.map */