@charset "UTF-8";
/*-------------------------
　採用情報_研修・教育制度
-------------------------*/
/* 共通
-------------------------*/
/* ページヘッダー */
.recruit__page-header {
  background-image: url("/recruit/work/benefits/img/recruit_subpage_kv_sp.jpg");
}
@media screen and (min-width: 768px) {
  .recruit__page-header {
    background-image: url("/recruit/work/benefits/img/recruit_subpage_kv_tb.jpg");
  }
}
@media screen and (min-width: 980px) {
  .recruit__page-header {
    background-image: url("/recruit/work/training/img/recruit_subpage_kv_pc.jpg");
  }
}

/* セクションごとのスタイル
-------------------------*/
/* 導入文 */
.recruit-benefits_intro {
  margin-top: 56px;
}
@media screen and (min-width: 768px) {
  .recruit-benefits_intro {
    margin-top: 63px;
  }
}
@media screen and (min-width: 980px) {
  .recruit-benefits_intro {
    margin-top: 80px;
  }
}

.recruit-benefits_intro_text {
  font-size: 16px;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .recruit-benefits_intro_text {
    font-size: 17px;
  }
}

/* 費用補助・制度 */
.recruit-benefits_section {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .recruit-benefits_section {
    margin-top: 30px;
  }
}
@media screen and (min-width: 980px) {
  .recruit-benefits_section {
    margin-top: 45px;
  }
}

.recruit-benefits_section + .recruit-benefits_section {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .recruit-benefits_section + .recruit-benefits_section {
    margin-top: 30px;
  }
}
@media screen and (min-width: 980px) {
  .recruit-benefits_section + .recruit-benefits_section {
    margin-top: 45px;
  }
}

.recruit-benefits_section-header {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .recruit-benefits_section-header {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 980px) {
  .recruit-benefits_section-header {
    margin-bottom: 40px;
  }
}

.recruit-benefits_items.grid_123 {
  margin-top: 20px;
  gap: 20px;
}
@media screen and (min-width: 768px) {
  .recruit-benefits_items.grid_123 {
    margin-top: 30px;
    gap: 20px 30px;
  }
}
@media screen and (min-width: 980px) {
  .recruit-benefits_items.grid_123 {
    margin-top: 50px;
    gap: 20px 30px;
  }
}

.recruit-benefits_item {
  display: flex;
  flex-direction: column;
}

.recruit-benefits_image {
  aspect-ratio: 335/187;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .recruit-benefits_image {
    aspect-ratio: 309/174;
  }
}

@media screen and (min-width: 768px) {
  .recruit-benefits_item-content {
    flex-basis: 257px;
  }
}

.recruit-benefits_item_title {
  margin-top: 10px;
  margin-bottom: 4px;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .recruit-benefits_item_title {
    margin-top: 24px;
    margin-bottom: 9px;
  }
}

.recruit-benefits_item_text {
  line-height: 1.5;
}

/* 働き方・休暇 */
.recruit-benefits_section--work {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .recruit-benefits_section--work {
    margin-bottom: 50px;
  }
}

.recruit-benefits_section--work .sub_section_header {
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .recruit-benefits_section--work .sub_section_header {
    font-size: 26px;
    margin-bottom: 15px;
  }
}

.recruit-benefits_section--work .recruit-benefits_item + .recruit-benefits_item {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .recruit-benefits_section--work .recruit-benefits_item + .recruit-benefits_item {
    margin-top: 30px;
  }
}

@media screen and (min-width: 980px) {
  .recruit-benefits_item-text .text span {
    display: inline-block;
  }
}