@charset "UTF-8";

.page-recruit{
  background:#ffffff;
  color: var(--lux-black);

  /* ★VIP統一：暗くしない＆質感だけリッチに */
  --recruit-mv-filter: brightness(1) contrast(1.02) saturate(1.02);
  --recruit-mv-highlight: rgba(255,255,255,.06); /* 限りなく透明に近い */
}

/* MV */
.page-recruit .recruit-mv{
  position:relative;
  overflow:hidden;
  background:#000;
}

.page-recruit .recruit-mv__media{
  position:relative;
  height:420px;
}

.page-recruit .recruit-mv__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;

  /* ★VIPと同じ方向性：元の明るさを保ちつつ、ほんの少しだけ締める */
  filter: var(--recruit-mv-filter);

  transform: translateZ(0) scale(1.01);
  will-change: transform, filter;
}

/* ★黒幕をやめて、透明ハイライト幕（VIPと同じ） */
.page-recruit .recruit-mv__media::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(
    to bottom,
    var(--recruit-mv-highlight),
    rgba(255,255,255,0)
  );
  mix-blend-mode: screen;
  opacity:.9;
  pointer-events:none;
}

@media (max-width:768px){
  .page-recruit .recruit-mv__media{
    height:300px;
  }
}

.page-recruit .recruit-mv__inner{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
}

.page-recruit .recruit-mv .hero-title{
  color:#ffffff;
  font-size:clamp(26px,3vw,36px);
  letter-spacing:.20em;
  font-weight:400;
  text-shadow:0 6px 18px rgba(0,0,0,.35);
}

/* Lead */
.page-recruit .recruit-lead__text{
  text-align:center;
  max-width:880px;
  margin:0 auto;
}

.page-recruit .recruit-lead__text p + p{
  margin-top:18px;
}

/* Job Navigation */
.page-recruit .work{
  list-style:none;
  padding:0;
  margin:56px auto 0;
  width:min(980px,100%);
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  position:relative;
}

@media(max-width:980px){
  .page-recruit .work{ grid-template-columns:repeat(2,1fr); }
}

@media(max-width:520px){
  .page-recruit .work{ grid-template-columns:1fr; }
}

.page-recruit .work li{ margin:0; }

.page-recruit .work a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 14px;
  background:transparent;
  border:none;
  text-decoration:none;
  font-family: var(--font-en, "Cinzel", serif);
  font-size:12px;
  letter-spacing:.18em;
  font-weight:400;
  text-transform:uppercase;
  color:rgba(0,0,0,.78) !important;
  border-bottom:1px solid rgba(0,0,0,.22);
  transition:opacity .3s ease, transform .3s ease, border-color .3s ease;
}

.page-recruit .work a:visited{
  color:rgba(0,0,0,.78) !important;
}

.page-recruit .work a:hover{
  opacity:.65;
  transform:translateY(-1px);
  border-bottom-color:rgba(0,0,0,.32);
}

/* Divider */
.page-recruit .work::after{
  content:"";
  position:absolute;
  bottom:-48px;
  left:50%;
  transform:translateX(-50%);
  width:120px;
  height:1px;
  background:linear-gradient(to right, transparent, var(--lux-gold), transparent);
  opacity:.75;
}

/* Section Divider */
.page-recruit .works + .works{
  position:relative;
  padding-top:120px;
  margin-top:120px;
}

.page-recruit .works + .works::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:min(1100px,90%);
  height:1px;
  background:linear-gradient(to right, transparent, var(--lux-gold), transparent);
  opacity:.7;
}

/* Title */
.page-recruit .works__head{
  text-align:center;
  margin-bottom:48px;
}

.page-recruit .works__head .title{
  position:relative;
  display:inline-block;
  padding-bottom:22px;
}

.page-recruit .works__head .title::after{
  content:"";
  position:absolute;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  width:60px;
  height:1px;
  background:var(--lux-gold);
  opacity:.75;
}

/* Works Lead */
.page-recruit .works__lead{
  text-align:center;
  width:min(880px,100%);
  margin:0 auto 40px;
  color:rgba(0,0,0,.60);
  line-height:2.4;
}

/* Table */
.page-recruit .works__tablewrap{
  width:min(980px,100%);
  margin:0 auto;
}

.page-recruit .works__table{
  width:100%;
  border-collapse:collapse;
}

.page-recruit .works__table th,
.page-recruit .works__table td{
  padding:20px 6px;
  border-bottom:1px solid rgba(0,0,0,.10);
  font-weight:400;
  vertical-align:top;
}

.page-recruit .works__table th{
  width:28%;
  text-align:left;
  color:rgba(0,0,0,.80);
  letter-spacing:.06em;
}

.page-recruit .works__table td{
  color:rgba(0,0,0,.62);
  line-height:2.2;
}

/* CTA */
.page-recruit .contact-btn{
  width:min(980px,100%);
  margin:34px auto 0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}

@media(max-width:980px){
  .page-recruit .contact-btn{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:520px){
  .page-recruit .contact-btn{
    grid-template-columns:1fr;
  }
}

.page-recruit .contact-btn a,
.page-recruit a.link-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 14px;
  background:transparent;
  border:none;
  text-decoration:none !important;
  font-family: var(--font-en, "Cinzel", serif);
  font-size:12px;
  letter-spacing:.18em;
  font-weight:400;
  text-transform:uppercase;
  color:rgba(0,0,0,.78) !important;
  border-bottom:1px solid rgba(0,0,0,.22);
  gap:10px;
  transition:opacity .3s ease, transform .3s ease, border-color .3s ease;
}

.page-recruit .contact-btn a:hover,
.page-recruit a.link-btn:hover{
  opacity:.65;
  transform:translateY(-1px);
  border-bottom-color:rgba(0,0,0,.32);
}

.page-recruit .contact-btn i,
.page-recruit a.link-btn i{
  font-size:14px;
  color:rgba(0,0,0,.55);
  line-height:1;
}

/* SP left alignment */
@media (max-width:520px){

  .page-recruit .contact-btn a,
  .page-recruit a.link-btn{
    justify-content:flex-start;
    text-align:left;
    padding-left:6px;
  }

  .page-recruit .contact-btn i,
  .page-recruit a.link-btn i{
    margin-right:12px;
  }
}