/**
 * recruit-jobs.css — Recruit Jobs page responsive overrides
 *
 * Sections:
 *   1. Display Toggle Overrides (sf-hidden -> visible at mobile breakpoints)
 *   2. SP Mobile CSS (from mobile reference — UUIDs not in studio CSS)
 */

/* ===== 1. Display Toggle Overrides ===== */

/* --- Mobile (<=480px) --- */
@media (max-width: 480px) {
  /* SP Filter block */
  [data-s-bfbdd21d-9f91-4671-9e92-be100fe6209b] {
    display: flex !important;
  }

  /* SP Job Listings */
  [data-s-97357014-46dc-4ce4-9db1-9a09d88e696d] {
    display: flex !important;
  }
}


/* ===== 2. SP Mobile CSS (from mobile reference) ===== */

/* --- SP Job Listing children --- */

/* ul container (6f843623) */
.sd[data-s-6f843623-929f-4d7b-bf48-0015225d6855] {
  flex:none;
  padding:0px;
  width:1440px;
  --gap-uuid:6f843623-929f-4d7b-bf48-0015225d6855;
  --gap-h-6f843623-929f-4d7b-bf48-0015225d6855:0px;
  --gap-v-6f843623-929f-4d7b-bf48-0015225d6855:0px;
  max-width:100%;
}
@media (max-width: 1140px) {
  .sd[data-s-6f843623-929f-4d7b-bf48-0015225d6855] { flex:none; width:1140px; max-width:100% }
}
@media (max-width: 768px) {
  .sd[data-s-6f843623-929f-4d7b-bf48-0015225d6855] { gap:60px 0px; --gap-h-6f843623-929f-4d7b-bf48-0015225d6855:0px; --gap-v-6f843623-929f-4d7b-bf48-0015225d6855:60px }
}
@media (max-width: 480px) {
  .sd[data-s-6f843623-929f-4d7b-bf48-0015225d6855] { gap:60px 0px; --gap-h-6f843623-929f-4d7b-bf48-0015225d6855:0px; --gap-v-6f843623-929f-4d7b-bf48-0015225d6855:60px }
}

/* li item (9cf1c1af) */
.sd[data-s-9cf1c1af-0b82-4db1-b76f-f5f576591db4] {
  align-content:center;
  align-items:center;
  flex-wrap:nowrap;
  gap:50px;
  justify-content:center;
  margin:0px 0px 100px 0px;
  padding:0px;
  --gap-h-9cf1c1af-0b82-4db1-b76f-f5f576591db4:0px;
  --gap-v-9cf1c1af-0b82-4db1-b76f-f5f576591db4:50px;
  --gap-uuid:9cf1c1af-0b82-4db1-b76f-f5f576591db4;
  max-width:100%;
}
@media (max-width: 768px) {
  .sd[data-s-9cf1c1af-0b82-4db1-b76f-f5f576591db4] {
    gap:60px;
    margin:0px;
    --gap-h-9cf1c1af-0b82-4db1-b76f-f5f576591db4:0px;
    --gap-v-9cf1c1af-0b82-4db1-b76f-f5f576591db4:60px;
    max-width:100%;
  }
}
@media (max-width: 480px) {
  .sd[data-s-9cf1c1af-0b82-4db1-b76f-f5f576591db4] { gap:60px; --gap-h-9cf1c1af-0b82-4db1-b76f-f5f576591db4:0px; --gap-v-9cf1c1af-0b82-4db1-b76f-f5f576591db4:60px }
}

/* card container (99751d39) */
.sd[data-s-99751d39-b69b-4aa0-8711-45dca1515012] {
  align-content:flex-start;
  align-items:flex-start;
  flex-direction:row;
  flex-wrap:nowrap;
  gap:47px;
  height:auto;
  justify-content:space-between;
  margin:0px 60px;
  padding:0px;
  width:calc(100% - 120px - (var(--gap-h-9cf1c1af-0b82-4db1-b76f-f5f576591db4)*0));
  --gap-h-99751d39-b69b-4aa0-8711-45dca1515012:47px;
  --gap-v-99751d39-b69b-4aa0-8711-45dca1515012:0px;
  --gap-uuid:99751d39-b69b-4aa0-8711-45dca1515012;
  max-width:calc(100% - 120px - (var(--gap-h-9cf1c1af-0b82-4db1-b76f-f5f576591db4)*0));
}
@media (max-width: 768px) {
  .sd[data-s-99751d39-b69b-4aa0-8711-45dca1515012] {
    align-content:flex-start;
    align-items:flex-start;
    flex-wrap:wrap;
    gap:40px 0px;
    justify-content:space-between;
    margin:0px 30px;
    --gap-h-99751d39-b69b-4aa0-8711-45dca1515012:0px;
    --gap-v-99751d39-b69b-4aa0-8711-45dca1515012:40px;
    width:calc(100% - 60px - (var(--gap-h-9cf1c1af-0b82-4db1-b76f-f5f576591db4)*0));
    max-width:calc(100% - 60px - (var(--gap-h-9cf1c1af-0b82-4db1-b76f-f5f576591db4)*0));
  }
}
@media (max-width: 480px) {
  .sd[data-s-99751d39-b69b-4aa0-8711-45dca1515012] {
    gap:40px 0px;
    margin:0px 20px;
    padding:0px;
    --gap-h-99751d39-b69b-4aa0-8711-45dca1515012:0px;
    --gap-v-99751d39-b69b-4aa0-8711-45dca1515012:0px;
    width:calc(100% - 40px - (var(--gap-h-9cf1c1af-0b82-4db1-b76f-f5f576591db4)*0));
    max-width:calc(100% - 40px - (var(--gap-h-9cf1c1af-0b82-4db1-b76f-f5f576591db4)*0));
  }
}

/* content area (fa30f58d) */
.sd[data-s-fa30f58d-43e5-4ba7-82de-01bc2b29f32b] {
  align-content:flex-start;
  align-items:flex-start;
  flex-direction:row;
  flex-wrap:nowrap;
  gap:47px;
  justify-content:space-between;
  padding:0px;
  --gap-h-fa30f58d-43e5-4ba7-82de-01bc2b29f32b:47px;
  --gap-v-fa30f58d-43e5-4ba7-82de-01bc2b29f32b:0px;
  --gap-uuid:fa30f58d-43e5-4ba7-82de-01bc2b29f32b;
}
@media (max-width: 768px) {
  .sd[data-s-fa30f58d-43e5-4ba7-82de-01bc2b29f32b] {
    align-content:flex-start;
    align-items:flex-start;
    gap:40px 0px;
    justify-content:space-between;
    --gap-h-fa30f58d-43e5-4ba7-82de-01bc2b29f32b:0px;
    --gap-v-fa30f58d-43e5-4ba7-82de-01bc2b29f32b:0px;
  }
}
@media (max-width: 480px) {
  .sd[data-s-fa30f58d-43e5-4ba7-82de-01bc2b29f32b] {
    flex-direction:column;
    flex-wrap:nowrap;
    gap:20px 0px;
    --gap-h-fa30f58d-43e5-4ba7-82de-01bc2b29f32b:0px;
    --gap-v-fa30f58d-43e5-4ba7-82de-01bc2b29f32b:20px;
  }
}

/* title (ac8c82fb) */
.sd[data-s-ac8c82fb-5fe6-48fb-95ba-d6ef2a64e179] {
  color:#333333;
  font-family:var(--s-font-258333f5);
  font-size:20px;
  font-weight:400;
  height:auto;
  line-height:1.4;
  text-align:left;
  width:auto;
  max-width:100%;
  justify-content:flex-start;
}
@media (max-width: 480px) {
  .sd[data-s-ac8c82fb-5fe6-48fb-95ba-d6ef2a64e179] { font-family:var(--s-font-698fd34e); font-size:26px }
}

/* tags ul (54f3119c) */
.sd[data-s-54f3119c-84a9-47af-84e3-18f1a2c3cba5] {
  flex-direction:row;
  flex-wrap:wrap;
  gap:12px;
  padding:0px;
  --gap-h-54f3119c-84a9-47af-84e3-18f1a2c3cba5:12px;
  --gap-v-54f3119c-84a9-47af-84e3-18f1a2c3cba5:12px;
  --gap-uuid:54f3119c-84a9-47af-84e3-18f1a2c3cba5;
}
@media (max-width: 480px) {
  .sd[data-s-54f3119c-84a9-47af-84e3-18f1a2c3cba5] { gap:12px 8px; --gap-h-54f3119c-84a9-47af-84e3-18f1a2c3cba5:8px; --gap-v-54f3119c-84a9-47af-84e3-18f1a2c3cba5:12px }
}

/* tag pill (658fe380) */
.sd[data-s-658fe380-7e4b-43e6-a08a-38f3b169ac95] {
  align-content:center;
  align-items:center;
  background:#e8e8e8ff;
  border-radius:100px;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:center;
  margin:0px;
  padding:13px 20px;
  max-width:100%;
}
@media (max-width: 768px) {
  .sd[data-s-658fe380-7e4b-43e6-a08a-38f3b169ac95] { padding:12px 18px }
}
@media (max-width: 480px) {
  .sd[data-s-658fe380-7e4b-43e6-a08a-38f3b169ac95] { padding:8px 16px }
}

/* tag text (eef967c8) */
.sd[data-s-eef967c8-48dc-4272-b856-8da7733ee9a6] {
  color:#000000ff;
  font-family:var(--s-font-c5aaf4a9);
  font-size:14px;
  height:auto;
  line-height:1.00;
  text-align:left;
  width:auto;
  max-width:100%;
  justify-content:flex-start;
}
@media (max-width: 480px) {
  .sd[data-s-eef967c8-48dc-4272-b856-8da7733ee9a6] { font-size:12px }
}

/* description (430bb5da) */
.sd[data-s-430bb5da-09de-4943-a177-e25499d192c1] {
  color:#333333;
  font-family:var(--s-font-258333f5);
  font-size:16px;
  font-weight:400;
  height:auto;
  line-height:1.50;
  padding:0px;
  text-align:left;
  width:600px;
  max-width:100%;
}
@media (max-width: 768px) {
  .sd[data-s-430bb5da-09de-4943-a177-e25499d192c1] { line-height:1.60; width:calc(50% - (var(--gap-h-fa30f58d-43e5-4ba7-82de-01bc2b29f32b)*0.5)); max-width:calc(50% - (var(--gap-h-fa30f58d-43e5-4ba7-82de-01bc2b29f32b)*0.5)) }
}
@media (max-width: 480px) {
  .sd[data-s-430bb5da-09de-4943-a177-e25499d192c1] {
    font-family:var(--s-font-c5aaf4a9);
    font-size:13px;
    line-height:2.00;
    width:calc(100% - (var(--gap-h-fa30f58d-43e5-4ba7-82de-01bc2b29f32b)*0));
    max-width:calc(100% - (var(--gap-h-fa30f58d-43e5-4ba7-82de-01bc2b29f32b)*0));
  }
}

/* detail link (65f00040) */
.sd[data-s-65f00040-b6a2-47de-aa5f-53491c447967] {
  align-items:center;
  border:1px solid #A0A0A0;
  flex-direction:column;
  height:auto;
  justify-content:flex-start;
  padding:12px 28px 11px 28px;
  width:auto;
  --gap-uuid:65f00040-b6a2-47de-aa5f-53491c447967;
  --gap-h-65f00040-b6a2-47de-aa5f-53491c447967:0px;
  --gap-v-65f00040-b6a2-47de-aa5f-53491c447967:0px;
  max-width:100%;
}
@media (max-width: 480px) {
  .sd[data-s-65f00040-b6a2-47de-aa5f-53491c447967] {
    gap:0px;
    height:auto;
    padding:11px 0px 10px 0px;
    width:calc(100% - (var(--gap-h-99751d39-b69b-4aa0-8711-45dca1515012)*0));
    --gap-h-65f00040-b6a2-47de-aa5f-53491c447967:0px;
    --gap-v-65f00040-b6a2-47de-aa5f-53491c447967:0px;
    max-width:calc(100% - (var(--gap-h-99751d39-b69b-4aa0-8711-45dca1515012)*0));
  }
}

/* link inner row (c9bb35c0) */
.sd[data-s-c9bb35c0-7507-4e29-b027-70fa41545ce6] {
  align-content:center;
  align-items:center;
  flex-direction:row;
  flex-wrap:nowrap;
  gap:18px;
  height:auto;
  justify-content:flex-start;
  margin:0px;
  padding:0px;
  width:calc(100% - (var(--gap-h-65f00040-b6a2-47de-aa5f-53491c447967)*0));
  z-index:5;
  --gap-h-c9bb35c0-7507-4e29-b027-70fa41545ce6:18px;
  --gap-v-c9bb35c0-7507-4e29-b027-70fa41545ce6:0px;
  --gap-uuid:c9bb35c0-7507-4e29-b027-70fa41545ce6;
  max-width:calc(100% - (var(--gap-h-65f00040-b6a2-47de-aa5f-53491c447967)*0));
}
@media (max-width: 480px) {
  .sd[data-s-c9bb35c0-7507-4e29-b027-70fa41545ce6] {
    align-content:center;
    align-items:center;
    gap:10px;
    justify-content:center;
    margin:0px;
    padding:0px;
    --gap-h-c9bb35c0-7507-4e29-b027-70fa41545ce6:10px;
    --gap-v-c9bb35c0-7507-4e29-b027-70fa41545ce6:0px;
  }
}

/* link text (83c179a8) */
.sd[data-s-83c179a8-964e-4800-b9d4-d8b44419b023] {
  color:#000000;
  flex:none;
  font-family:var(--s-font-258333f5);
  font-size:16px;
  font-style:normal;
  font-weight:500;
  height:29px;
  letter-spacing:0.02em;
  line-height:1.8;
  text-align:left;
  width:auto;
  max-width:100%;
  justify-content:flex-start;
}
@media (max-width: 768px) {
  .sd[data-s-83c179a8-964e-4800-b9d4-d8b44419b023] { font-size:14px }
}
@media (max-width: 480px) {
  .sd[data-s-83c179a8-964e-4800-b9d4-d8b44419b023] { font-family:var(--s-font-9d91efdb); font-size:13px }
}

/* arrow img (b9b60c94) */
.sd[data-s-b9b60c94-b1a1-45d6-abe1-577a3c4aed12] { height:auto; width:10px; max-width:100% }

/* hover arrow container (23946550) */
.sd[data-s-23946550-2dbb-42a3-9e63-1fe4287b6db5] {
  align-content:center;
  align-items:center;
  bottom:0px;
  flex:none;
  flex-direction:row;
  flex-wrap:nowrap;
  gap:18px;
  height:calc(100% - (var(--gap-v-c9bb35c0-7507-4e29-b027-70fa41545ce6)*0));
  justify-content:flex-start;
  left:auto;
  margin:0;
  opacity:0;
  padding:0px;
  position:absolute;
  right:0px;
  top:0px;
  z-index:2;
  --gap-h-23946550-2dbb-42a3-9e63-1fe4287b6db5:18px;
  --gap-v-23946550-2dbb-42a3-9e63-1fe4287b6db5:0px;
  --gap-uuid:23946550-2dbb-42a3-9e63-1fe4287b6db5;
  max-width:100%;
}
@media (max-width: 480px) {
  .sd[data-s-23946550-2dbb-42a3-9e63-1fe4287b6db5] { gap:8px; --gap-h-23946550-2dbb-42a3-9e63-1fe4287b6db5:8px; --gap-v-23946550-2dbb-42a3-9e63-1fe4287b6db5:0px }
}

/* hover arrow img (34d4f965) */
.sd[data-s-34d4f965-f9d0-43a0-8d2f-8b181ad7d7cb] { height:auto; width:10px; max-width:100% }

/* hover overlay (808028d3) */
.sd[data-s-808028d3-c715-4869-8827-7066f69c47e6] {
  background:#000000ff;
  flex:none;
  height:calc(100% - (var(--gap-v-65f00040-b6a2-47de-aa5f-53491c447967)*0));
  left:0;
  margin:0;
  opacity:0;
  position:absolute;
  top:0;
  width:1px;
  z-index:0;
  max-width:100%;
}

/* separator line (a205cd10) */
.sd[data-s-a205cd10-e01e-4a1a-81ee-2abc327bc61d] {
  background:#bebebeff;
  height:1px;
  margin:0px 60px;
  width:calc(100% - 120px - (var(--gap-h-9cf1c1af-0b82-4db1-b76f-f5f576591db4)*0));
  max-width:calc(100% - 120px - (var(--gap-h-9cf1c1af-0b82-4db1-b76f-f5f576591db4)*0));
}
@media (max-width: 768px) {
  .sd[data-s-a205cd10-e01e-4a1a-81ee-2abc327bc61d] { margin:0px 30px; width:calc(100% - 60px - (var(--gap-h-9cf1c1af-0b82-4db1-b76f-f5f576591db4)*0)); max-width:calc(100% - 60px - (var(--gap-h-9cf1c1af-0b82-4db1-b76f-f5f576591db4)*0)) }
}
@media (max-width: 480px) {
  .sd[data-s-a205cd10-e01e-4a1a-81ee-2abc327bc61d] { margin:0px 20px; width:calc(100% - 40px - (var(--gap-h-9cf1c1af-0b82-4db1-b76f-f5f576591db4)*0)); max-width:calc(100% - 40px - (var(--gap-h-9cf1c1af-0b82-4db1-b76f-f5f576591db4)*0)) }
}

/* --- SP Job Listing bottom links --- */

/* filter-back link (8fd42714) */
.sd[data-s-8fd42714-bc29-40b4-98d2-c5708ff49307] {
  align-items:center;
  border:1px solid #A0A0A0;
  flex-direction:column;
  height:auto;
  justify-content:flex-start;
  padding:12px 160px 11px 160px;
  width:auto;
  max-width:100%;
}
@media (max-width: 480px) {
  .sd[data-s-8fd42714-bc29-40b4-98d2-c5708ff49307] {
    margin:80px 20px 0px 20px;
    padding:12px 0px 11px 0px;
    width:calc(100% - 40px);
    max-width:calc(100% - 40px);
  }
}

/* filter-back inner (4e64a7d3) */
.sd[data-s-4e64a7d3-3c46-487b-992f-aeb216b2bfec] {
  align-content:center;
  align-items:center;
  flex-direction:row;
  flex-wrap:nowrap;
  gap:18px;
  height:auto;
  justify-content:flex-start;
  margin:0px;
  padding:0px;
  width:100%;
  z-index:5;
  --gap-h-4e64a7d3-3c46-487b-992f-aeb216b2bfec:18px;
  --gap-v-4e64a7d3-3c46-487b-992f-aeb216b2bfec:0px;
  --gap-uuid:4e64a7d3-3c46-487b-992f-aeb216b2bfec;
  max-width:100%;
}
@media (max-width: 480px) {
  .sd[data-s-4e64a7d3-3c46-487b-992f-aeb216b2bfec] {
    align-content:center;
    align-items:center;
    gap:8px;
    justify-content:center;
    margin:0px;
    padding:0px;
    --gap-h-4e64a7d3-3c46-487b-992f-aeb216b2bfec:8px;
    --gap-v-4e64a7d3-3c46-487b-992f-aeb216b2bfec:0px;
  }
}

/* filter-back text (8f8bd51f) */
.sd[data-s-8f8bd51f-4eb8-424c-aaa6-32a047360336] {
  color:#000000;
  flex:none;
  font-family:var(--s-font-9d91efdb);
  font-size:16px;
  font-style:normal;
  height:29px;
  letter-spacing:0.02em;
  line-height:1.8;
  text-align:left;
  width:auto;
  max-width:100%;
  justify-content:flex-start;
}
@media (max-width: 768px) {
  .sd[data-s-8f8bd51f-4eb8-424c-aaa6-32a047360336] { font-size:14px }
}
@media (max-width: 480px) {
  .sd[data-s-8f8bd51f-4eb8-424c-aaa6-32a047360336] { color:#000000ff; font-size:13px }
}

/* filter-back arrow (f98150a4) */
.sd[data-s-f98150a4-7c38-4dcd-9bcc-65f841497715] {
  height:auto;
  transform:rotate(0deg);
  width:10px;
  max-width:100%;
}

/* back-to-recruit link (fd8af281) */
.sd[data-s-fd8af281-1d43-4088-b2d4-d33e8192046a] {
  align-items:center;
  border:1px solid #a0a0a0ff;
  flex-direction:column;
  height:auto;
  justify-content:flex-start;
  margin:40px 0px 0px 0px;
  padding:12px 28px 11px 28px;
  width:auto;
  max-width:100%;
}
@media (max-width: 480px) {
  .sd[data-s-fd8af281-1d43-4088-b2d4-d33e8192046a] {
    margin:24px 20px 0px 20px;
    padding:12px 0px;
    width:calc(100% - 40px);
    max-width:calc(100% - 40px);
  }
}

/* back-to-recruit inner (08c5ac24) */
.sd[data-s-08c5ac24-4f6f-489a-8eba-c68027ad6318] {
  align-content:center;
  align-items:center;
  flex-direction:row;
  flex-wrap:nowrap;
  gap:18px;
  height:auto;
  justify-content:flex-start;
  margin:0px;
  padding:0px;
  width:100%;
  z-index:5;
  --gap-h-08c5ac24-4f6f-489a-8eba-c68027ad6318:18px;
  --gap-v-08c5ac24-4f6f-489a-8eba-c68027ad6318:0px;
  --gap-uuid:08c5ac24-4f6f-489a-8eba-c68027ad6318;
  max-width:100%;
}
@media (max-width: 480px) {
  .sd[data-s-08c5ac24-4f6f-489a-8eba-c68027ad6318] {
    align-content:center;
    align-items:center;
    gap:8px;
    justify-content:center;
    margin:0px;
    padding:0px;
    --gap-h-08c5ac24-4f6f-489a-8eba-c68027ad6318:8px;
    --gap-v-08c5ac24-4f6f-489a-8eba-c68027ad6318:0px;
  }
}

/* back-to-recruit text (1a559b40) */
.sd[data-s-1a559b40-d72f-4ae5-9f3b-240fe0a7f060] {
  color:#000000ff;
  flex:none;
  font-family:var(--s-font-9d91efdb);
  font-size:16px;
  font-style:normal;
  height:29px;
  letter-spacing:0.02em;
  line-height:1.8;
  text-align:left;
  width:auto;
  max-width:100%;
  justify-content:flex-start;
}
@media (max-width: 768px) {
  .sd[data-s-1a559b40-d72f-4ae5-9f3b-240fe0a7f060] { font-size:14px }
}
@media (max-width: 480px) {
  .sd[data-s-1a559b40-d72f-4ae5-9f3b-240fe0a7f060] { color:#000000ff; font-size:13px }
}

/* back-to-recruit arrow (4d6469e4) */
.sd[data-s-4d6469e4-302b-4f95-b7a5-5cad395b3bcb] { height:auto; width:10px; max-width:100% }
@media (max-width: 480px) {
  .sd[data-s-4d6469e4-302b-4f95-b7a5-5cad395b3bcb] { opacity:1 }
}

/* --- SP Filter children --- */

/* filter inner (6d6be4c3) */
.sd[data-s-6d6be4c3-4706-4690-bd91-3300d752b761] {
  align-content:center;
  align-items:center;
  flex-direction:column;
  flex-wrap:nowrap;
  gap:27px;
  justify-content:flex-start;
  padding:0px;
  width:calc(100% - (var(--gap-h-bfbdd21d-9f91-4671-9e92-be100fe6209b)*0));
  --gap-h-6d6be4c3-4706-4690-bd91-3300d752b761:0px;
  --gap-v-6d6be4c3-4706-4690-bd91-3300d752b761:27px;
  --gap-uuid:6d6be4c3-4706-4690-bd91-3300d752b761;
  max-width:calc(100% - (var(--gap-h-bfbdd21d-9f91-4671-9e92-be100fe6209b)*0));
}
@media (max-width: 480px) {
  .sd[data-s-6d6be4c3-4706-4690-bd91-3300d752b761] {
    gap:30px;
    padding:0px;
    --gap-h-6d6be4c3-4706-4690-bd91-3300d752b761:0px;
    --gap-v-6d6be4c3-4706-4690-bd91-3300d752b761:30px;
  }
}

/* filter title (28e898da) */
.sd[data-s-28e898da-96bd-42cb-a40d-aefa9bcefc47] {
  color:#FFFFFF;
  font-family:var(--s-font-258333f5);
  font-size:26px;
  font-style:normal;
  font-weight:600;
  height:auto;
  letter-spacing:0em;
  margin:0px;
  text-align:center;
  width:auto;
  max-width:100%;
  justify-content:center;
}
@media (max-width: 480px) {
  .sd[data-s-28e898da-96bd-42cb-a40d-aefa9bcefc47] { font-size:18px; margin:0px }
}

/* filter content area (fc0872b2) */
.sd[data-s-fc0872b2-b3bd-43f9-a130-3d1e6fed1b99] {
  align-content:center;
  align-items:center;
  flex-direction:column;
  gap:20px;
  height:auto;
  justify-content:flex-start;
  margin:0px 70px;
  padding:0px;
  width:calc(100% - 140px - (var(--gap-h-6d6be4c3-4706-4690-bd91-3300d752b761)*0));
  --gap-h-fc0872b2-b3bd-43f9-a130-3d1e6fed1b99:0px;
  --gap-v-fc0872b2-b3bd-43f9-a130-3d1e6fed1b99:20px;
  --gap-uuid:fc0872b2-b3bd-43f9-a130-3d1e6fed1b99;
  max-width:calc(100% - 140px - (var(--gap-h-6d6be4c3-4706-4690-bd91-3300d752b761)*0));
}
@media (max-width: 480px) {
  .sd[data-s-fc0872b2-b3bd-43f9-a130-3d1e6fed1b99] {
    gap:40px;
    margin:0px;
    padding:0px;
    --gap-h-fc0872b2-b3bd-43f9-a130-3d1e6fed1b99:0px;
    --gap-v-fc0872b2-b3bd-43f9-a130-3d1e6fed1b99:40px;
    width:calc(100% - (var(--gap-h-6d6be4c3-4706-4690-bd91-3300d752b761)*0));
    max-width:calc(100% - (var(--gap-h-6d6be4c3-4706-4690-bd91-3300d752b761)*0));
  }
}

/* category/type groups (96b20dc8) */
.sd[data-s-96b20dc8-d3b4-4f8a-9e96-18202abc9a57] {
  align-content:flex-start;
  align-items:flex-start;
  flex-direction:column;
  flex-wrap:nowrap;
  gap:0px;
  height:auto;
  justify-content:flex-start;
  margin:0px;
  padding:0px;
  width:1180px;
  --gap-h-96b20dc8-d3b4-4f8a-9e96-18202abc9a57:0px;
  --gap-v-96b20dc8-d3b4-4f8a-9e96-18202abc9a57:0px;
  --gap-uuid:96b20dc8-d3b4-4f8a-9e96-18202abc9a57;
  max-width:100%;
}
@media (max-width: 1140px) {
  .sd[data-s-96b20dc8-d3b4-4f8a-9e96-18202abc9a57] {
    margin:0px;
    width:calc(100% - (var(--gap-h-fc0872b2-b3bd-43f9-a130-3d1e6fed1b99)*0));
    --gap-h-96b20dc8-d3b4-4f8a-9e96-18202abc9a57:0px;
    --gap-v-96b20dc8-d3b4-4f8a-9e96-18202abc9a57:0px;
    max-width:calc(100% - (var(--gap-h-fc0872b2-b3bd-43f9-a130-3d1e6fed1b99)*0));
  }
}
@media (max-width: 768px) {
  .sd[data-s-96b20dc8-d3b4-4f8a-9e96-18202abc9a57] { gap:40px; --gap-h-96b20dc8-d3b4-4f8a-9e96-18202abc9a57:0px; --gap-v-96b20dc8-d3b4-4f8a-9e96-18202abc9a57:40px }
}
@media (max-width: 480px) {
  .sd[data-s-96b20dc8-d3b4-4f8a-9e96-18202abc9a57] {
    gap:40px;
    margin:0px;
    padding:0px;
    --gap-h-96b20dc8-d3b4-4f8a-9e96-18202abc9a57:0px;
    --gap-v-96b20dc8-d3b4-4f8a-9e96-18202abc9a57:40px;
  }
}

/* category row (f229b0d5) */
.sd[data-s-f229b0d5-0c4b-4759-8205-ab0e485f73ac] {
  align-content:stretch;
  align-items:stretch;
  flex-direction:row;
  gap:15px 30px;
  height:auto;
  justify-content:center;
  padding:0px;
  width:calc(100% - (var(--gap-h-96b20dc8-d3b4-4f8a-9e96-18202abc9a57)*0));
  --gap-h-f229b0d5-0c4b-4759-8205-ab0e485f73ac:30px;
  --gap-v-f229b0d5-0c4b-4759-8205-ab0e485f73ac:0px;
  --gap-uuid:f229b0d5-0c4b-4759-8205-ab0e485f73ac;
  max-width:calc(100% - (var(--gap-h-96b20dc8-d3b4-4f8a-9e96-18202abc9a57)*0));
}
@media (max-width: 768px) {
  .sd[data-s-f229b0d5-0c4b-4759-8205-ab0e485f73ac] {
    flex-wrap:wrap;
    gap:15px 25px;
    --gap-h-f229b0d5-0c4b-4759-8205-ab0e485f73ac:25px;
    --gap-v-f229b0d5-0c4b-4759-8205-ab0e485f73ac:15px;
  }
}
@media (max-width: 480px) {
  .sd[data-s-f229b0d5-0c4b-4759-8205-ab0e485f73ac] {
    gap:16px 14px;
    padding:0px;
    --gap-h-f229b0d5-0c4b-4759-8205-ab0e485f73ac:14px;
    --gap-v-f229b0d5-0c4b-4759-8205-ab0e485f73ac:0px;
  }
}

/* category card (f21e44f8) */
.sd[data-s-f21e44f8-4c25-439c-8a30-5d49dd03d2c2] {
  align-items:flex-start;
  background:#515354;
  border-bottom:2px solid #757879;
  border-left:0px solid #757879;
  border-right:0px solid #757879;
  border-top:0px solid #757879;
  display:flex;
  flex:1;
  flex-direction:column;
  gap:15px;
  height:auto;
  justify-content:flex-start;
  margin:0px;
  padding:25px 15px;
  width:auto;
  --gap-h-f21e44f8-4c25-439c-8a30-5d49dd03d2c2:0px;
  --gap-v-f21e44f8-4c25-439c-8a30-5d49dd03d2c2:15px;
  --gap-uuid:f21e44f8-4c25-439c-8a30-5d49dd03d2c2;
  max-width:100%;
}
@media (max-width: 768px) {
  .sd[data-s-f21e44f8-4c25-439c-8a30-5d49dd03d2c2] {
    align-content:center;
    align-items:center;
    display:flex;
    flex:none;
    flex-direction:row;
    flex-wrap:nowrap;
    gap:15px;
    justify-content:flex-start;
    padding:15px;
    width:calc(100% - (var(--gap-h-f229b0d5-0c4b-4759-8205-ab0e485f73ac)*0));
    --gap-h-f21e44f8-4c25-439c-8a30-5d49dd03d2c2:15px;
    --gap-v-f21e44f8-4c25-439c-8a30-5d49dd03d2c2:0px;
    max-width:calc(100% - (var(--gap-h-f229b0d5-0c4b-4759-8205-ab0e485f73ac)*0));
  }
}
@media (max-width: 480px) {
  .sd[data-s-f21e44f8-4c25-439c-8a30-5d49dd03d2c2] {
    display:flex;
    height:auto;
    margin:0px;
    padding:17px 15px;
    --gap-h-f21e44f8-4c25-439c-8a30-5d49dd03d2c2:0px;
    --gap-v-f21e44f8-4c25-439c-8a30-5d49dd03d2c2:15px;
    width:calc(100% - (var(--gap-h-f229b0d5-0c4b-4759-8205-ab0e485f73ac)*0));
    max-width:calc(100% - (var(--gap-h-f229b0d5-0c4b-4759-8205-ab0e485f73ac)*0));
  }
}

/* category label area (0cb66891) */
.sd[data-s-0cb66891-9eb8-4580-bf56-3df9ae680103] {
  align-content:center;
  align-items:flex-start;
  flex-direction:column;
  flex-wrap:nowrap;
  gap:15px;
  justify-content:flex-start;
  padding:0px;
  --gap-h-0cb66891-9eb8-4580-bf56-3df9ae680103:0px;
  --gap-v-0cb66891-9eb8-4580-bf56-3df9ae680103:15px;
  --gap-uuid:0cb66891-9eb8-4580-bf56-3df9ae680103;
}
@media (max-width: 768px) {
  .sd[data-s-0cb66891-9eb8-4580-bf56-3df9ae680103] {
    align-content:center;
    align-items:center;
    flex-direction:row;
    gap:15px;
    justify-content:flex-start;
    --gap-h-0cb66891-9eb8-4580-bf56-3df9ae680103:15px;
    --gap-v-0cb66891-9eb8-4580-bf56-3df9ae680103:0px;
  }
}
@media (max-width: 480px) {
  .sd[data-s-0cb66891-9eb8-4580-bf56-3df9ae680103] {
    align-content:center;
    align-items:center;
    gap:6px;
    justify-content:flex-start;
    --gap-h-0cb66891-9eb8-4580-bf56-3df9ae680103:0px;
    --gap-v-0cb66891-9eb8-4580-bf56-3df9ae680103:6px;
  }
}

/* category label text (09f07774) */
.sd[data-s-09f07774-dacc-4919-9b0b-2c299f27a6f6] {
  color:#FFFFFF;
  font-family:var(--s-font-419c9bb7);
  font-size:18px;
  font-style:normal;
  height:auto;
  letter-spacing:0em;
  line-height:1.50;
  margin:0px;
  text-align:left;
  width:auto;
  max-width:100%;
  justify-content:flex-start;
}
@media (max-width: 768px) {
  .sd[data-s-09f07774-dacc-4919-9b0b-2c299f27a6f6] { font-size:15px; line-height:1.00 }
}
@media (max-width: 480px) {
  .sd[data-s-09f07774-dacc-4919-9b0b-2c299f27a6f6] { font-size:14px }
}

/* category tag list (bc9c9a83) */
.sd[data-s-bc9c9a83-c15f-4529-93a4-b78d73735465] {
  align-content:flex-start;
  align-items:flex-start;
  flex:4;
  flex-direction:row;
  flex-wrap:wrap;
  gap:14px 12px;
  height:auto;
  justify-content:flex-start;
  margin:25px 0px;
  overflow:hidden;
  padding:0px;
  width:auto;
  --gap-h-bc9c9a83-c15f-4529-93a4-b78d73735465:12px;
  --gap-v-bc9c9a83-c15f-4529-93a4-b78d73735465:14px;
  --gap-uuid:bc9c9a83-c15f-4529-93a4-b78d73735465;
  max-width:100%;
}
@media (max-width: 768px) {
  .sd[data-s-bc9c9a83-c15f-4529-93a4-b78d73735465] {
    flex:none;
    margin:0px;
    width:calc(100% - (var(--gap-h-f229b0d5-0c4b-4759-8205-ab0e485f73ac)*0));
    max-width:calc(100% - (var(--gap-h-f229b0d5-0c4b-4759-8205-ab0e485f73ac)*0));
  }
}
@media (max-width: 480px) {
  .sd[data-s-bc9c9a83-c15f-4529-93a4-b78d73735465] {
    gap:6px 4px;
    margin:0px;
    padding:0px;
    --gap-h-bc9c9a83-c15f-4529-93a4-b78d73735465:4px;
    --gap-v-bc9c9a83-c15f-4529-93a4-b78d73735465:6px;
    width:calc(100% - (var(--gap-h-f229b0d5-0c4b-4759-8205-ab0e485f73ac)*0));
    max-width:calc(100% - (var(--gap-h-f229b0d5-0c4b-4759-8205-ab0e485f73ac)*0));
  }
}

/* category tag ul (fa40176d) */
.sd[data-s-fa40176d-b10f-43a4-bcba-5214f9b36ba7] {
  flex-direction:row;
  flex-wrap:wrap;
  gap:12px;
  margin:0px;
  padding:0px;
  --gap-h-fa40176d-b10f-43a4-bcba-5214f9b36ba7:12px;
  --gap-v-fa40176d-b10f-43a4-bcba-5214f9b36ba7:12px;
  --gap-uuid:fa40176d-b10f-43a4-bcba-5214f9b36ba7;
  max-width:100%;
}
@media (max-width: 480px) {
  .sd[data-s-fa40176d-b10f-43a4-bcba-5214f9b36ba7] { gap:18px 11px; --gap-h-fa40176d-b10f-43a4-bcba-5214f9b36ba7:11px; --gap-v-fa40176d-b10f-43a4-bcba-5214f9b36ba7:18px }
}

/* category tag pill (f2dabd0a) */
.sd[data-s-f2dabd0a-b936-4d03-ad4f-a964304d9cd9] {
  align-items:center;
  background:#FFFFFF;
  border:1px solid #ffffffff;
  border-radius:20px;
  flex:none;
  flex-direction:column;
  height:auto;
  justify-content:flex-start;
  padding:6px 18px;
  width:auto;
  max-width:100%;
}
@media (max-width: 480px) {
  .sd[data-s-f2dabd0a-b936-4d03-ad4f-a964304d9cd9] { padding:7px 15px }
}

/* category tag text (c099bdc0) */
.sd[data-s-c099bdc0-c77f-4213-9f83-42c2fc98d7f3] {
  color:#000000;
  font-family:var(--s-font-409d7b36);
  font-size:16px;
  font-style:normal;
  height:auto;
  letter-spacing:0em;
  line-height:1.00;
  margin:0px;
  text-align:left;
  width:auto;
  max-width:100%;
  justify-content:flex-start;
}
@media (max-width: 768px) {
  .sd[data-s-c099bdc0-c77f-4213-9f83-42c2fc98d7f3] { font-size:14px }
}
@media (max-width: 480px) {
  .sd[data-s-c099bdc0-c77f-4213-9f83-42c2fc98d7f3] { font-size:13px }
}

/* type row (aedc35e7) */
.sd[data-s-aedc35e7-8570-4643-85c5-a6adb5166032] {
  align-content:stretch;
  align-items:stretch;
  flex-direction:row;
  gap:15px 30px;
  height:auto;
  justify-content:center;
  padding:0px;
  width:calc(100% - (var(--gap-h-96b20dc8-d3b4-4f8a-9e96-18202abc9a57)*0));
  --gap-h-aedc35e7-8570-4643-85c5-a6adb5166032:30px;
  --gap-v-aedc35e7-8570-4643-85c5-a6adb5166032:0px;
  --gap-uuid:aedc35e7-8570-4643-85c5-a6adb5166032;
  max-width:calc(100% - (var(--gap-h-96b20dc8-d3b4-4f8a-9e96-18202abc9a57)*0));
}
@media (max-width: 768px) {
  .sd[data-s-aedc35e7-8570-4643-85c5-a6adb5166032] {
    flex-wrap:wrap;
    gap:15px 25px;
    --gap-h-aedc35e7-8570-4643-85c5-a6adb5166032:25px;
    --gap-v-aedc35e7-8570-4643-85c5-a6adb5166032:15px;
  }
}
@media (max-width: 480px) {
  .sd[data-s-aedc35e7-8570-4643-85c5-a6adb5166032] {
    gap:16px 14px;
    padding:0px;
    --gap-h-aedc35e7-8570-4643-85c5-a6adb5166032:14px;
    --gap-v-aedc35e7-8570-4643-85c5-a6adb5166032:0px;
  }
}

/* type card (c2df8700) */
.sd[data-s-c2df8700-533e-40b6-bf87-209f8cd03097] {
  align-items:flex-start;
  background:#515354;
  border-bottom:2px solid #757879;
  border-left:0px solid #757879;
  border-right:0px solid #757879;
  border-top:0px solid #757879;
  display:flex;
  flex:1;
  flex-direction:column;
  gap:15px;
  height:auto;
  justify-content:flex-start;
  margin:0px;
  padding:25px 15px;
  width:auto;
  --gap-h-c2df8700-533e-40b6-bf87-209f8cd03097:0px;
  --gap-v-c2df8700-533e-40b6-bf87-209f8cd03097:15px;
  --gap-uuid:c2df8700-533e-40b6-bf87-209f8cd03097;
  max-width:100%;
}
@media (max-width: 768px) {
  .sd[data-s-c2df8700-533e-40b6-bf87-209f8cd03097] {
    align-content:center;
    align-items:center;
    display:flex;
    flex:none;
    flex-direction:row;
    flex-wrap:nowrap;
    gap:15px;
    justify-content:flex-start;
    padding:15px;
    width:calc(100% - (var(--gap-h-aedc35e7-8570-4643-85c5-a6adb5166032)*0));
    --gap-h-c2df8700-533e-40b6-bf87-209f8cd03097:15px;
    --gap-v-c2df8700-533e-40b6-bf87-209f8cd03097:0px;
    max-width:calc(100% - (var(--gap-h-aedc35e7-8570-4643-85c5-a6adb5166032)*0));
  }
}
@media (max-width: 480px) {
  .sd[data-s-c2df8700-533e-40b6-bf87-209f8cd03097] {
    display:flex;
    gap:8px;
    margin:0px;
    padding:17px 15px;
    --gap-h-c2df8700-533e-40b6-bf87-209f8cd03097:0px;
    --gap-v-c2df8700-533e-40b6-bf87-209f8cd03097:8px;
    width:calc(100% - (var(--gap-h-aedc35e7-8570-4643-85c5-a6adb5166032)*0));
    max-width:calc(100% - (var(--gap-h-aedc35e7-8570-4643-85c5-a6adb5166032)*0));
  }
}

/* type label area (35c9e7b7) */
.sd[data-s-35c9e7b7-2009-48e3-96b0-bf45ae45212d] {
  align-content:center;
  align-items:flex-start;
  flex-direction:column;
  flex-wrap:nowrap;
  gap:15px;
  justify-content:flex-start;
  padding:0px;
  --gap-h-35c9e7b7-2009-48e3-96b0-bf45ae45212d:0px;
  --gap-v-35c9e7b7-2009-48e3-96b0-bf45ae45212d:15px;
  --gap-uuid:35c9e7b7-2009-48e3-96b0-bf45ae45212d;
}
@media (max-width: 768px) {
  .sd[data-s-35c9e7b7-2009-48e3-96b0-bf45ae45212d] {
    align-content:center;
    align-items:center;
    flex-direction:row;
    gap:15px;
    justify-content:flex-start;
    --gap-h-35c9e7b7-2009-48e3-96b0-bf45ae45212d:15px;
    --gap-v-35c9e7b7-2009-48e3-96b0-bf45ae45212d:0px;
  }
}
@media (max-width: 480px) {
  .sd[data-s-35c9e7b7-2009-48e3-96b0-bf45ae45212d] {
    align-content:center;
    align-items:center;
    gap:6px;
    justify-content:flex-start;
    --gap-h-35c9e7b7-2009-48e3-96b0-bf45ae45212d:0px;
    --gap-v-35c9e7b7-2009-48e3-96b0-bf45ae45212d:6px;
  }
}

/* type label text — "職種" (082bce9c) — hidden desktop, shown >=768px */
.sd[data-s-082bce9c-4057-4546-bc4d-22f9f7257c54] {
  color:#FFFFFF;
  display:none;
  font-family:var(--s-font-419c9bb7);
  font-size:18px;
  font-style:normal;
  height:auto;
  letter-spacing:0em;
  line-height:1.50;
  margin:0px;
  padding:0px;
  text-align:left;
  width:auto;
  max-width:100%;
  justify-content:flex-start;
}
@media (max-width: 768px) {
  .sd[data-s-082bce9c-4057-4546-bc4d-22f9f7257c54] {
    display:flex;
    font-size:15px;
    line-height:1.00;
    width:calc(100% - (var(--gap-h-35c9e7b7-2009-48e3-96b0-bf45ae45212d)*0));
    max-width:calc(100% - (var(--gap-h-35c9e7b7-2009-48e3-96b0-bf45ae45212d)*0));
  }
}
@media (max-width: 480px) {
  .sd[data-s-082bce9c-4057-4546-bc4d-22f9f7257c54] {
    display:flex;
    font-size:14px;
    width:auto;
    max-width:100%;
  }
}

/* type tag list (2d63d79a) */
.sd[data-s-2d63d79a-790c-4d03-9596-2494eca37a04] {
  align-content:flex-start;
  align-items:flex-start;
  flex:4;
  flex-direction:row;
  flex-wrap:wrap;
  gap:14px 12px;
  height:auto;
  justify-content:flex-start;
  margin:25px 0px;
  overflow:hidden;
  padding:0px;
  width:auto;
  --gap-h-2d63d79a-790c-4d03-9596-2494eca37a04:12px;
  --gap-v-2d63d79a-790c-4d03-9596-2494eca37a04:14px;
  --gap-uuid:2d63d79a-790c-4d03-9596-2494eca37a04;
  max-width:100%;
}
@media (max-width: 768px) {
  .sd[data-s-2d63d79a-790c-4d03-9596-2494eca37a04] {
    flex:none;
    margin:0px;
    width:calc(100% - (var(--gap-h-aedc35e7-8570-4643-85c5-a6adb5166032)*0));
    max-width:calc(100% - (var(--gap-h-aedc35e7-8570-4643-85c5-a6adb5166032)*0));
  }
}
@media (max-width: 480px) {
  .sd[data-s-2d63d79a-790c-4d03-9596-2494eca37a04] {
    gap:6px 4px;
    margin:0px;
    padding:0px;
    --gap-h-2d63d79a-790c-4d03-9596-2494eca37a04:4px;
    --gap-v-2d63d79a-790c-4d03-9596-2494eca37a04:6px;
    width:calc(100% - (var(--gap-h-aedc35e7-8570-4643-85c5-a6adb5166032)*0));
    max-width:calc(100% - (var(--gap-h-aedc35e7-8570-4643-85c5-a6adb5166032)*0));
  }
}

/* type tag ul (a22d0980) */
.sd[data-s-a22d0980-4d8a-4ecb-94b0-ec9c608577fa] {
  flex-direction:row;
  flex-wrap:wrap;
  gap:12px;
  margin:0px;
  padding:0px;
  --gap-h-a22d0980-4d8a-4ecb-94b0-ec9c608577fa:12px;
  --gap-v-a22d0980-4d8a-4ecb-94b0-ec9c608577fa:12px;
  --gap-uuid:a22d0980-4d8a-4ecb-94b0-ec9c608577fa;
  max-width:100%;
}
@media (max-width: 480px) {
  .sd[data-s-a22d0980-4d8a-4ecb-94b0-ec9c608577fa] { gap:18px 11px; --gap-h-a22d0980-4d8a-4ecb-94b0-ec9c608577fa:11px; --gap-v-a22d0980-4d8a-4ecb-94b0-ec9c608577fa:18px }
}

/* type tag pill (955d06e6) */
.sd[data-s-955d06e6-ba78-4ba8-8aa0-455076c53f1e] {
  align-items:center;
  background:#FFFFFF;
  border:1px solid rgb(255,255,255);
  border-radius:20px;
  flex:none;
  flex-direction:column;
  height:auto;
  justify-content:flex-start;
  padding:6px 18px;
  width:auto;
  max-width:100%;
}
@media (max-width: 480px) {
  .sd[data-s-955d06e6-ba78-4ba8-8aa0-455076c53f1e] {
    gap:0px 11px;
    padding:7px 15px;
  }
}

/* type tag text (092b75de) */
.sd[data-s-092b75de-6cc9-415f-b3e0-debc89889d05] {
  color:#000000;
  font-family:var(--s-font-409d7b36);
  font-size:16px;
  font-style:normal;
  height:auto;
  letter-spacing:0em;
  line-height:1.00;
  margin:0px;
  text-align:left;
  width:auto;
  max-width:100%;
  justify-content:flex-start;
}
@media (max-width: 768px) {
  .sd[data-s-092b75de-6cc9-415f-b3e0-debc89889d05] { font-size:14px }
}
@media (max-width: 480px) {
  .sd[data-s-092b75de-6cc9-415f-b3e0-debc89889d05] { font-size:13px }
}

/* clear filter row (7c9b2a6b) */
.sd[data-s-7c9b2a6b-e017-4c46-ab48-b4c39b0cad35] {
  align-content:center;
  align-items:center;
  flex-direction:row;
  flex-wrap:nowrap;
  gap:10px;
  height:auto;
  justify-content:flex-end;
  margin:0px;
  padding:0px;
  width:calc(100% - (var(--gap-h-fc0872b2-b3bd-43f9-a130-3d1e6fed1b99)*0));
  --gap-h-7c9b2a6b-e017-4c46-ab48-b4c39b0cad35:10px;
  --gap-v-7c9b2a6b-e017-4c46-ab48-b4c39b0cad35:0px;
  --gap-uuid:7c9b2a6b-e017-4c46-ab48-b4c39b0cad35;
  max-width:calc(100% - (var(--gap-h-fc0872b2-b3bd-43f9-a130-3d1e6fed1b99)*0));
}
@media (max-width: 480px) {
  .sd[data-s-7c9b2a6b-e017-4c46-ab48-b4c39b0cad35] {
    gap:4px;
    margin:0px;
    padding:0px;
    --gap-h-7c9b2a6b-e017-4c46-ab48-b4c39b0cad35:4px;
    --gap-v-7c9b2a6b-e017-4c46-ab48-b4c39b0cad35:0px;
    width:calc(100% - (var(--gap-h-fc0872b2-b3bd-43f9-a130-3d1e6fed1b99)*0));
    max-width:calc(100% - (var(--gap-h-fc0872b2-b3bd-43f9-a130-3d1e6fed1b99)*0));
  }
}

/* clear filter link (0f790834) */
.sd[data-s-0f790834-536f-470f-81db-13455e4313f8] {
  align-content:center;
  align-items:center;
  flex-direction:row;
  flex-wrap:nowrap;
  gap:10px;
  justify-content:flex-end;
  padding:0px;
  --gap-h-0f790834-536f-470f-81db-13455e4313f8:10px;
  --gap-v-0f790834-536f-470f-81db-13455e4313f8:0px;
  --gap-uuid:0f790834-536f-470f-81db-13455e4313f8;
}
@media (max-width: 480px) {
  .sd[data-s-0f790834-536f-470f-81db-13455e4313f8] { gap:8px; --gap-h-0f790834-536f-470f-81db-13455e4313f8:8px; --gap-v-0f790834-536f-470f-81db-13455e4313f8:0px }
}

/* clear filter text (1d88148f) */
.sd[data-s-1d88148f-509e-4d39-accf-2f2501a9bd0d] {
  color:#FFFFFF;
  flex:none;
  font-family:var(--s-font-258333f5);
  font-size:16px;
  font-style:normal;
  font-weight:500;
  height:30px;
  letter-spacing:0.02em;
  line-height:1.8;
  text-align:left;
  width:131px;
  max-width:100%;
  justify-content:flex-start;
}
@media (max-width: 768px) {
  .sd[data-s-1d88148f-509e-4d39-accf-2f2501a9bd0d] {
    font-size:14px;
    height:auto;
    line-height:1.00;
    width:auto;
    max-width:100%;
  }
}
@media (max-width: 480px) {
  .sd[data-s-1d88148f-509e-4d39-accf-2f2501a9bd0d] { font-size:14px }
}

/* clear filter icon (4e386647) */
.sd[data-s-4e386647-1bb5-4418-b3ca-1e3cea6be585] { height:auto; width:14px; max-width:100% }
@media (max-width: 768px) {
  .sd[data-s-4e386647-1bb5-4418-b3ca-1e3cea6be585] { width:12px; max-width:100% }
}
@media (max-width: 480px) {
  .sd[data-s-4e386647-1bb5-4418-b3ca-1e3cea6be585] { width:13px; max-width:100% }
}

/* ===== 3. Job Filter Active State ===== */

/* PC filter pills */
.job-filter.is-active[data-s-db922109-77df-475c-b998-c13c84927f09],
.job-filter.is-active[data-s-29e647c5-85e6-4f3f-8897-4369ae6db926] {
  background: #333;
  border-color: #333;
}
.job-filter.is-active[data-s-db922109-77df-475c-b998-c13c84927f09] .text,
.job-filter.is-active[data-s-29e647c5-85e6-4f3f-8897-4369ae6db926] .text {
  color: #fff;
}

/* SP filter pills */
.job-filter.is-active[data-s-f2dabd0a-b936-4d03-ad4f-a964304d9cd9],
.job-filter.is-active[data-s-955d06e6-ba78-4ba8-8aa0-455076c53f1e] {
  background: #333;
  border-color: #333;
}
.job-filter.is-active[data-s-f2dabd0a-b936-4d03-ad4f-a964304d9cd9] .text,
.job-filter.is-active[data-s-955d06e6-ba78-4ba8-8aa0-455076c53f1e] .text {
  color: #fff;
}

.job-filter { cursor: pointer; }