@charset "UTF-8";
/* ==========================================================================
   求人内の「派遣」「求人」の装飾 (decorateJobKeywords() が付ける ks_kw_1〜5)
   オレンジを差し色にした5パターン。どれになるかは求人ごとの擬似ランダム。
   元に戻すときは ~/revert-job-keywords.sh
   ========================================================================== */

.ks_kw {
  font-weight: 700;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

/* 1: 下半分のマーカー */
.ks_kw_1 {
  background: linear-gradient(transparent 58%, rgba(255, 128, 0, 0.3) 58%);
  padding: 0 0.1em;
}

/* 2: 細枠のピル */
.ks_kw_2 {
  color: var(--theme-color-primary-config-custom, #ff8000);
  border: 1px solid currentColor;
  border-radius: 9999px;
  padding: 0 0.45em;
  margin: 0 0.1em;
}

/* 3: 塗りのラベル */
.ks_kw_3 {
  color: #FFFFFF;
  background-color: var(--theme-color-primary-config-custom, #ff8000);
  border-radius: 4px;
  padding: 0 0.3em;
  margin: 0 0.1em;
}

/* 4: 波線の下線 */
.ks_kw_4 {
  color: var(--theme-color-primary-config-custom, #ff8000);
  text-decoration: underline wavy var(--theme-color-primary-config-custom, #ff8000);
  text-decoration-thickness: 1.5px;
  text-underline-offset: 4px;
}

/* 5: 傍点 */
.ks_kw_5 {
  color: var(--theme-color-primary-config-custom, #ff8000);
  -webkit-text-emphasis: filled circle var(--theme-color-primary-config-custom, #ff8000);
  text-emphasis: filled circle var(--theme-color-primary-config-custom, #ff8000);
  -webkit-text-emphasis-position: over right;
  text-emphasis-position: over right;
}

/* --- ボタン内の「派遣」を太く大きく (redesign-keywords.js が span.ks_btn_kw で囲む) --- */
.ks_btn_kw {
  display: inline-block;
  font-size: 1.28em;
  font-weight: 900;
  letter-spacing: 0.02em;
  line-height: 1;
  margin: 0 0.04em;
  vertical-align: -0.04em;
}

/* 文字と強調 span をまとめた入れ物 (ボタンの中央揃えを引き継ぐ) */
.ks_btn_text {
  text-align: inherit;
}

/* 画面下の固定バナーの見出し「派遣のお仕事任せてください！」の「派遣」を大きく */
.ks_fixed_cta_lead_kw {
  display: inline-block;
  font-size: 1.35em;
  font-weight: 900;
  line-height: 1;
  margin: 0 0.04em;
  vertical-align: -0.06em;
}