@charset "UTF-8";
/* ============================================================
   採用情報ページ コンテンツブロック専用スタイル
   対象: 固定ページ recruit_info (ID:18159)
   出力元: ショートコード [recruit_info_blocks]
   ============================================================ */

/* ------------------------------------------------------------
   固定見出し「採用情報」直下のマージン
   柔軟コンテンツの最初の要素に適用
   ------------------------------------------------------------ */
.recruit_info__blocks>*:first-child {
  margin-top: 55px;
}

@media screen and (max-width: 736px) {
  .recruit_info__blocks>*:first-child {
    margin-top: 25px;
  }
}

/* ------------------------------------------------------------
   表(dl)の後ろの要素のマージン制御
   基本: PC 50 / SP 25
   例外: 表 → h4(table-list__subtitle)は PC30 / SP30
   ------------------------------------------------------------ */
.recruit_info__blocks .table-list+*,
.recruit_info__blocks .info-list+* {
  margin-top: 50px;
}

@media screen and (max-width: 736px) {

  .recruit_info__blocks .table-list+*,
  .recruit_info__blocks .info-list+* {
    margin-top: 25px;
  }
}

/* 例外: 表 → h4(中見出しは表とロジカルに近い関係) */
.recruit_info__blocks .table-list+.table-list__subtitle,
.recruit_info__blocks .info-list+.table-list__subtitle {
  margin-top: 30px;
}

/* ------------------------------------------------------------
   画像のはみ出し対策
   ------------------------------------------------------------ */
.recruit_info__blocks img {
  max-width: 100%;
  height: auto;
}

/* ------------------------------------------------------------
   画像のalign制御(float使わない・回り込みなし方針)
   既存style.cssの.alignleft / .alignrightをスコープ内で上書き
   ------------------------------------------------------------ */
.recruit_info__blocks .alignleft {
  float: none;
  display: block;
  margin-left: 0;
  margin-right: auto;
}

.recruit_info__blocks .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.recruit_info__blocks .alignright {
  float: none;
  display: block;
  margin-left: auto;
  margin-right: 0;
}

.recruit_info__blocks .alignnone {
  display: block;
}

/* ------------------------------------------------------------
   info-list の dt 幅制限
   長い項目名で dd の幅が狭くならないように
   ------------------------------------------------------------ */
.recruit_info__blocks .info-list__title {
  max-width: 20%;
  word-break: break-all;
}

/* ------------------------------------------------------------
   info-list の dd を flex で残り幅いっぱいに
   画像のalign(margin-auto)を効かせるため
   ------------------------------------------------------------ */
.recruit_info__blocks .info-list__text {
  flex: 1;
}

/* ------------------------------------------------------------
   ブロック内のリンクは underline 表示
   (装飾なしテキストと混ざって見分けにくいため)
   ただし画像リンクは下線を出さない
   ------------------------------------------------------------ */
.recruit_info__blocks a {
  text-decoration: underline;
}

.recruit_info__blocks a:has(img) {
  text-decoration: none;
}

/* ------------------------------------------------------------
   .recruit_info__blocks 内の .h-type09 のサイズ調整
   旧 .table-list--recruit_info .h-type09 と同等の見た目を再現
   ------------------------------------------------------------ */
.recruit_info__blocks .h-type09 {
  font-size: 20px;
  text-indent: -1.5em;
  margin-bottom: 20px;
}

.recruit_info__blocks .h-type09::before {
  width: 20px;
  height: 20px;
  margin-right: .5em;
}

@media screen and (max-width: 736px) {
  .recruit_info__blocks .h-type09 {
    font-size: 17px;
    margin-bottom: 10px;
  }

  .recruit_info__blocks .h-type09::before {
    width: 18px;
    height: 18px;
  }
}