@charset "utf-8";
#head_opening_staff .button._entry { display:flex; }
#head_opening_staff .button._entry > span { padding-left:1em; }
#head_opening_staff .button._opening-staff { display:none; }

#custom_foot_recruit > a._entry { display:inline; }
#custom_foot_recruit > a._opening-staff { display:none; }

:where(#wcfront_base) .jobs-panel {
  background: #fff;
  border: 1px solid #ddd;
  padding: 48px 28px 28px;
}
:where(#wcfront_base) .jobs-panel h3 {
  font-family: var(--font-mincho);
  margin: -78px auto 20px;
  text-align: center;
  font-size: clamp(14px, 1.6vw, 18px);
  letter-spacing: 0.04em;
  color: #2f4a06;
  line-height: 1.35;
  font-weight: 500;
  display: table;
  position: relative;
  padding: 10px 22px;
  background: #fff;
  border: 1px solid var(--wc-main1);
  border-radius: 10px;
}
:where(#wcfront_base) .jobs-panel h3::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  width: 16px;
  height: 16px;
  background: #fff;
  border-right: 1px solid var(--wc-main1);
  border-bottom: 1px solid var(--wc-main1);
  transform: translateX(-50%) rotate(45deg);
}
:where(#wcfront_base) .chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 18px 0 24px;
}
:where(#wcfront_base) .chip {
  font-family: var(--font-mincho);
  border-radius: 10px;
  border: 1px solid var(--wc-main1);
  background: var(--wc-main2);
  color: #529F1B;
  font-size: 16px;
  font-weight: bold;
  padding: 4px 16px;
}
:where(#wcfront_base) a.chip {
  text-decoration: none;
}
:where(#wcfront_base) a.chip:hover {
  transform: translateY(-1px) scale(1.01);
  filter: brightness(1.02);
  box-shadow: 0 4px 8px rgba(28, 48, 8, 0.18);
}
:where(#wcfront_base) .jobs-panel .parts--button {
  text-shadow: none;
  font-family: var(--font-mincho);
}
:where(#wcfront_base) .jobs-panel .parts--button .button > span {
  font-weight: bold;
}
body.pc #wcfront_base .jobs-panel .parts--button .button:hover {
  opacity: 1;
  text-decoration: none;
}
body.pc #wcfront_base .jobs-panel .parts--button .button:hover > span {
  background: #fff;
}
body.pc #wcfront_base .jobs-panel .parts--button .button:hover .parts--text {
  color: #000;
}

@container wciBase (width < 768px) {
  :where(#wcfront_base) .jobs-panel { padding-left:10px; padding-right:10px; }
  :where(#wcfront_base) .chip { padding-left:10px; padding-right:10px; font-size:14px; }
}