@charset "UTF-8";
/*-------------------------
　採用情報_数字でわかるMEMT
-------------------------*/
/* 共通
-------------------------*/
/* ページヘッダー */
.recruit__page-header {
  background-image: url("/recruit/about/date/img/recruit_subpage_kv_sp.jpg");
}
@media screen and (min-width: 768px) {
  .recruit__page-header {
    background-image: url("/recruit/about/date/img/recruit_subpage_kv_tb.jpg");
  }
}
@media screen and (min-width: 980px) {
  .recruit__page-header {
    background-image: url("/recruit/about/date/img/recruit_subpage_kv_pc.jpg");
  }
}

/* セクションごとのスタイル
-------------------------*/
/* 数字でわかるMEMT */
.recruit-date + .recruit-date {
  margin-top: 56px;
}
@media screen and (min-width: 768px) {
  .recruit-date + .recruit-date {
    margin-top: 63px;
  }
}
@media screen and (min-width: 980px) {
  .recruit-date + .recruit-date {
    margin-top: 80px;
  }
}

.recruit-date {
  margin-top: 56px;
}
@media screen and (min-width: 768px) {
  .recruit-date {
    margin-top: 63px;
  }
}
@media screen and (min-width: 980px) {
  .recruit-date {
    margin-top: 80px;
  }
}

.recruit-date .text {
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .recruit-date .text {
    font-size: 17px;
  }
}
.recruit-date_items {
  margin-top: 20px;
  row-gap: 35px;
}
@media screen and (min-width: 768px) {
  .recruit-date_items {
    margin-top: 30px;
    column-gap: 30px;
    row-gap: 45px;
  }
}
@media screen and (min-width: 980px) {
  .recruit-date_items {
    margin-top: 45px;
    row-gap: 55px;
  }
}
.recruit-date_image {
  width: 100%;
  aspect-ratio: 335/187;
}
.recruit-date_info {
  margin-top: 20px;
}
@media screen and (min-width: 980px) {
  .recruit-date_info {
    margin-top: 30px;
  }
}
.recruit-date_name {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.1785714286;
}
@media screen and (min-width: 768px) {
  .recruit-date_name {
    font-size: 28px;
    letter-spacing: 0.05em;
  }
}

/* 現役社員に聞いた！MEMTのいいところ */
.recruit-date_items--points {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .recruit-date_items--points {
    margin-top: 30px;
  }
}
@media screen and (min-width: 980px) {
  .recruit-date_items--points {
    margin-top: 55px;
  }
}