@charset "UTF-8";
/* ============

  リニューアル後　添乗員一覧ページ　202512

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

.l-orange .staffList {
  background-color: #fdf6e5;
  padding-top: 30px;
  padding-bottom: 30px;
}

.staff-list__item {
  width: 80%;
  margin: 0 auto;
}

.staff-card__link {
  position: relative; /* 名前を重ねるための基準 */
  display: block;
}

.staff-card__image {
  width: 100%;
  height: auto;
  display: block;
}

.staff-card__name {
  position: absolute;
  width: 50%;

  left: 7px;
  bottom: 35px;

  background-color: rgba(255, 140, 0, 0.9); /* オレンジ帯 */
  color: #fff;

  padding: 0.8em 0 0.2em;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.2;

  /* 画像の上に確実に乗せる */
  z-index: 1;
}

.staffList .staff_txt {
  margin-bottom: 20px;
}

@media (min-width: 721px) {
  .l-orange .staffList {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .staff-list__items {
    display: flex;
    flex-wrap: wrap;
  }

  .staff-list__item {
    width: calc(100% / 4);
    margin: initial;
  }
}