@charset "UTF-8";
/* CSS Document */

#recruitment_detail .lower_title_02 {
  font-size: 65px;
  color: #838383;
  height: auto;
  line-height: 1.2;
  margin-bottom: 5px;
}

.rec_subtitle {
  font-size: 20px;
  color: #838383;
  text-align: center;
  margin-bottom: 20px;
}

.rec_text {
  font-size: 20px;
  color: #838383;
  text-align: center;
}

/* カスタムフィールドの改行をそのまま表示（<br> なし可） */
#recruitment_detail .rec_subtitle,
#recruitment_detail .rec_text,
#recruitment_detail .common_inner dt,
#recruitment_detail .common_inner dd {
  white-space: pre-line;
}

#recruitment_detail .common_inner {
  max-width: 1000px;
  width: 90%;
  margin: 0 auto;
}

/* 静的 HTML の <br><br> に相当（ヒーローと第1 .common_inner の間） */
#recruitment_detail main > h1 + .common_inner,
#recruitment_detail main > .rec_subtitle + .common_inner,
#recruitment_detail main > .rec_text + .common_inner {
  margin-top: 56px;
}

/* 先頭 dl に no_margin が付かない投稿でも、静的と同様にリード直下は詰める */
#recruitment_detail .common_inner > .rec_text + dl,
#recruitment_detail .common_inner > .rec_subtitle + dl {
  margin-top: 20px !important;
}

#recruitment_detail .common_inner dl {
  display: flex;
  padding: 48px 0;
  flex-wrap: wrap;
  border-bottom: 1px solid #323232;
}
#recruitment_detail .common_inner dl:first-of-type {
  border-top: 1px solid #323232;
  margin-top: 85px;
}

#recruitment_detail .common_inner .no_margin {
  margin-top: 20px !important;
}

#recruitment_detail .common_inner dt {
  color: #8b8b8b;
  font-size: 20px;
  width: 200px;
  font-weight: 500;
}
#recruitment_detail .common_inner dd {
  flex: 1;
  padding-top: 0.3em;
}
#recruitment_detail .common_inner dd span {
  text-indent: -1em;
  padding-left: 1em;
  display: inline-block;
}
#recruitment_detail .common_inner dd a {
  text-decoration: underline;
}
#recruitment_detail .common_inner dd a:hover {
  text-decoration: none;
}
/* 静的の第2ブロック class="ap" と同等（カスタムで ap を付けなくてもブロック間を空ける） */
#recruitment_detail main > .common_inner + .common_inner {
  margin-top: 120px;
}

#recruitment_detail main > .common_inner.ap {
  margin-top: 120px;
}
@media (max-width: 768px) {
  #recruitment_detail .common_inner {
    width: 100%;
    padding: 0 calc(20 * var(--vw375));
  }
  #recruitment_detail .lower_title_02 {
    height: auto;
    font-size: calc(35 * var(--vw375));
    margin-bottom: 0;
    padding: 0 calc(20 * var(--vw375));
  }
  /* main 直下のみ横パディング（.common_inner 内は親の padding と二重にならないよう限定） */
  #recruitment_detail main > .rec_subtitle {
    font-size: calc(16 * var(--vw375));
    padding: 0 calc(20 * var(--vw375));
    margin-bottom: calc(20 * var(--vw375));
  }
  #recruitment_detail main > .rec_text {
    font-size: calc(16 * var(--vw375));
    padding: 0 calc(20 * var(--vw375));
  }
  #recruitment_detail .common_inner dl:first-of-type {
    margin-top: calc(56 * var(--vw375));
  }
  #recruitment_detail .common_inner > .rec_text + dl,
  #recruitment_detail .common_inner > .rec_subtitle + dl {
    margin-top: calc(20 * var(--vw375)) !important;
  }
  #recruitment_detail .common_inner dl {
    display: block;
  }
  #recruitment_detail .common_inner dt {
    font-size: calc(16 * var(--vw375));
  }
  #recruitment_detail .common_inner dl {
    padding: calc(38 * var(--vw375)) 0;
  }
  #recruitment_detail .common_inner dt {
    width: 100%;
  }
  #recruitment_detail .common_inner dd {
    font-size: calc(14 * var(--vw375));
  }
}