/* =========================================================
   経験者ページ専用 : 黒 × ゴールド「ギラギラ・リッチ」テーマ
   すべて .luxe-page スコープ（他ページには影響しない）
   ========================================================= */
.luxe-body{
  --lx-g1:#fbf1c0;              /* 明るいシャンパンゴールド */
  --lx-g2:#e6c76e;              /* ゴールド */
  --lx-g3:#b9862f;              /* 深いゴールド */
  --lx-grad:linear-gradient(120deg,#fbf1c0 0%,#e6c76e 32%,#b9862f 58%,#e6c76e 82%,#fbf1c0 100%);
  --lx-txt:#e7ddc6;
  background:#080604;
}
.luxe-page{
  background:#080604;
  color:var(--lx-txt);
  position:relative; overflow:hidden;
}
/* 背景のギラつき（金の放射グロー） */
.luxe-page::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(55% 40% at 12% 6%, rgba(230,199,110,.16), transparent 60%),
    radial-gradient(45% 40% at 88% 22%, rgba(201,134,47,.14), transparent 60%),
    radial-gradient(60% 45% at 50% 102%, rgba(230,199,110,.12), transparent 60%);
}
.luxe-page > *{ position:relative; z-index:1; }

/* ---- シマー（金テキストが流れる） ---- */
@keyframes lxShimmer{ to{ background-position:200% center; } }
.lx-shine,
.luxe-page .lead-copy .accent,
.luxe-page .sec-head__ja .accent,
.luxe-page .cta__ja .text-gold{
  background:var(--lx-grad); background-size:200% auto;
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
  animation:lxShimmer 4.5s linear infinite;
}

/* ---- セクション背景 ---- */
.luxe-page .section{ background:transparent; }
.luxe-page .section--soft{
  background:linear-gradient(180deg,rgba(230,199,110,.055),rgba(230,199,110,.015));
  border-top:1px solid rgba(230,199,110,.14);
  border-bottom:1px solid rgba(230,199,110,.14);
}

/* ---- page-head（黒×金・光沢スイープ） ---- */
.luxe-page .page-head{
  background:radial-gradient(120% 130% at 50% -20%, #1c150b 0%, #0a0805 68%);
  color:#fff; position:relative; overflow:hidden;
}
.luxe-page .page-head::after{ display:none; }
.luxe-page .page-head::before{
  content:""; position:absolute; top:-50%; left:-40%; width:38%; height:200%;
  background:linear-gradient(105deg,transparent,rgba(255,246,214,.12),transparent);
  transform:skewX(-18deg); animation:lxSweep 6.5s ease-in-out infinite;
}
@keyframes lxSweep{ 0%{ left:-40%; } 55%,100%{ left:130%; } }
.luxe-page .page-head__en{
  background:var(--lx-grad); background-size:200% auto;
  -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;
  animation:lxShimmer 5s linear infinite;
}
.luxe-page .page-head__en .dot{ -webkit-text-fill-color:var(--lx-g2); }
.luxe-page .page-head__ja{ color:var(--lx-txt); }
.luxe-page .page-head__ja::before{ background:var(--lx-grad); }

/* ---- breadcrumb ---- */
.luxe-page .breadcrumb{ background:transparent; border-bottom:1px solid rgba(230,199,110,.16); }
.luxe-page .breadcrumb ol{ color:rgba(231,221,198,.6); }
.luxe-page .breadcrumb a:hover{ color:var(--lx-g1); }
.luxe-page .breadcrumb .sep{ color:rgba(230,199,110,.4); }
.luxe-page .breadcrumb li:last-child{ color:var(--lx-g2); }

/* ---- 見出し・本文 ---- */
.luxe-page .lead-copy{ color:#fff; }
.luxe-page .txt{ color:rgba(231,221,198,.72); }
.luxe-page .sec-head__en{ color:var(--lx-g2); }
.luxe-page .sec-head__en::before,
.luxe-page .sec-head__en::after{ background:var(--lx-grad); }
.luxe-page .sec-head__ja{ color:#fff; }
.luxe-page .sec-head__lead{ color:rgba(231,221,198,.72); }

/* ---- カード（金グラデ枠・発光ホバー） ---- */
.luxe-page .pcard{
  background:linear-gradient(#100c07,#0b0805) padding-box, var(--lx-grad) border-box;
  border:1px solid transparent; border-radius:14px;
  box-shadow:0 18px 42px -22px rgba(0,0,0,.85), inset 0 1px 0 rgba(255,244,204,.09);
}
.luxe-page .pcard__no{
  background:var(--lx-grad); -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
}
.luxe-page .pcard__ttl{ color:#fff; }
.luxe-page .pcard p{ color:rgba(231,221,198,.74); }
.luxe-page .pcard a{ color:var(--lx-g1) !important; }
.luxe-page .pcard:hover{
  transform:translateY(-7px);
  box-shadow:0 28px 54px -18px rgba(0,0,0,.9), 0 0 32px -6px rgba(230,199,110,.4);
}

/* ---- info-table ---- */
.luxe-page .info-table{ border-top-color:rgba(230,199,110,.35); }
.luxe-page .info-table th,
.luxe-page .info-table td{ border-bottom-color:rgba(230,199,110,.16); }
.luxe-page .info-table th{ color:var(--lx-g2); }
.luxe-page .info-table td{ color:rgba(231,221,198,.78); }

/* ---- flow-steps（金の縦ライン・発光ステップ） ---- */
.luxe-page .flow-steps::before{ background:var(--lx-grad); box-shadow:0 0 14px rgba(230,199,110,.45); }
.luxe-page .flow-step__no{
  background:linear-gradient(#161007,#0b0805) padding-box, var(--lx-grad) border-box;
  border:1.5px solid transparent; color:var(--lx-g1);
  box-shadow:0 0 20px -4px rgba(230,199,110,.55);
}
.luxe-page .flow-step__no .en{ color:var(--lx-g2); }
.luxe-page .flow-step__ttl{ color:#fff; }
.luxe-page .flow-step__body p{ color:rgba(231,221,198,.72); }

/* ---- CTA ---- */
.luxe-page .cta{ background:radial-gradient(120% 150% at 50% 0%, #1c150b 0%, #080604 68%); color:#fff; }
.luxe-page .cta::before{ display:none; }
.luxe-page .cta::after{
  display:block; background:radial-gradient(60% 85% at 50% 0%, rgba(230,199,110,.16), transparent 62%);
}
.luxe-page .cta__en{ color:var(--lx-g2); }
.luxe-page .cta__ja{ color:#fff; }
.luxe-page .cta__lead{ color:rgba(231,221,198,.8); }
.luxe-page .cta__tel .num{ color:var(--lx-g1); }
.luxe-page .cta__tel .note{ color:rgba(231,221,198,.55); }

/* ---- ボタン（金） ---- */
.luxe-page .btn--gold{
  color:#141310; border-color:transparent;
  background:var(--lx-grad); background-size:180% auto;
  box-shadow:0 16px 34px -14px rgba(230,199,110,.6);
}
.luxe-page .btn--gold::before{ background:#fff6e0; }
.luxe-page .btn--gold:hover{ color:#141310; }
.luxe-page .btn--dark{ color:var(--lx-g1); border-color:rgba(230,199,110,.55); }
.luxe-page .btn--dark::before{ background:var(--lx-grad); }
.luxe-page .btn--dark:hover{ color:#141310; border-color:transparent; }

@media (prefers-reduced-motion:reduce){
  .luxe-page .lead-copy .accent,.luxe-page .sec-head__ja .accent,.luxe-page .cta__ja .text-gold,
  .luxe-page .page-head__en,.luxe-page .page-head::before{ animation:none; }
}

/* =========================================================
   ヘッダー & フッターも黒×金に統一（.luxe-body スコープ）
   ========================================================= */
/* ---- ヘッダー ---- */
.luxe-body #header{
  background:rgba(9,7,4,.82); backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(230,199,110,.28);
}
.luxe-body #header.is-scrolled{ box-shadow:0 10px 30px -18px rgba(0,0,0,.8); }
.luxe-body .logo__name{ color:#fff; }
.luxe-body .logo__sub{ color:var(--lx-g2); }
.luxe-body .logo__name .amp{ background:var(--lx-grad); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; }
.luxe-body .gnav__list a{ color:#fff; }
.luxe-body .gnav__list a .en{ color:var(--lx-g2); }
.luxe-body .gnav__list a::after{ background:var(--lx-grad); }
.luxe-body .gnav__list a:hover{ color:var(--lx-g1); }
/* ヘッダーの3ボタン */
.luxe-body .gnav__biz{ border-color:rgba(230,199,110,.45); color:var(--lx-txt); }
.luxe-body .gnav__biz:hover{ border-color:var(--lx-g2); color:var(--lx-g1); }
.luxe-body .gnav__recruit{ border-color:var(--lx-g2); color:var(--lx-g1); }
.luxe-body .gnav__recruit:hover{ background:var(--lx-grad); color:#141310; border-color:transparent; }
.luxe-body .gnav__entry{ background:var(--lx-grad); color:#141310; box-shadow:0 12px 26px -12px rgba(230,199,110,.7); }
.luxe-body .gnav__entry:hover{ color:#141310; box-shadow:0 16px 32px -10px rgba(230,199,110,.85); }
.luxe-body .gnav__entry .arrow::before{ background:#141310; }
.luxe-body .gnav__entry .arrow::after{ border-top-color:#141310; border-right-color:#141310; }
/* ハンバーガー（SP） */
.luxe-body .hamburger{ background:rgba(9,7,4,.85); border-left:1px solid rgba(230,199,110,.3); }
.luxe-body .hamburger span{ background:var(--lx-g2); }
.luxe-body .hamburger.active span{ background:var(--lx-g1); }
/* SPスライドメニュー */
.luxe-body .globalMenuSp{ background:rgba(8,6,4,.98); }
.luxe-body .globalMenuSp .sp-logo .logo__name{ color:#fff; }
.luxe-body .globalMenuSp .sp-logo .logo__sub{ color:var(--lx-g2); }
.luxe-body .globalMenuSp ul{ border-top-color:rgba(230,199,110,.18); }
.luxe-body .globalMenuSp ul li{ border-bottom-color:rgba(230,199,110,.18); }
.luxe-body .globalMenuSp ul li a{ color:#fff; }
.luxe-body .globalMenuSp ul li a .en{ color:var(--lx-g2); }
.luxe-body .globalMenuSp .grp{ color:var(--lx-g2); }
.luxe-body .globalMenuSp .sp-menu-btn--entry{ background:var(--lx-grad); color:#141310; }
.luxe-body .globalMenuSp .sp-menu-btn--tel{ border-color:rgba(230,199,110,.5); color:var(--lx-g1); }

/* ---- フッター ---- */
.luxe-body #footer{ background:#0a0805; color:rgba(231,221,198,.7); border-top:1px solid rgba(230,199,110,.2); }
.luxe-body .footer-top{ border-bottom-color:rgba(230,199,110,.16); }
.luxe-body .footer-brand .logo__name{ color:#fff; }
.luxe-body .footer-brand .logo__sub{ color:var(--lx-g2); }
.luxe-body .footer-info dt{ color:var(--lx-g2); }
.luxe-body .footer-nav .ttl{ color:var(--lx-g2); }
.luxe-body .footer-nav a:hover{ color:var(--lx-g1); }
.luxe-body .footer-bottom .copy{ color:rgba(231,221,198,.5); }
.luxe-body .footer-bottom .links a:hover{ color:var(--lx-g1); }
/* フッターCTAボタン */
.luxe-body .footer-cta{ border-bottom-color:rgba(230,199,110,.16); }
.luxe-body .fbtn{ background:linear-gradient(#100c07,#0b0805); border-color:rgba(230,199,110,.3); color:#fff; box-shadow:0 16px 34px -22px rgba(0,0,0,.8); }
.luxe-body .fbtn__en{ color:var(--lx-g2); }
.luxe-body .fbtn .arrow{ color:var(--lx-g2); }
.luxe-body .fbtn:hover{ box-shadow:0 22px 44px -18px rgba(0,0,0,.9),0 0 26px -8px rgba(230,199,110,.35); }
.luxe-body .fbtn--fill{ background:var(--lx-grad); border-color:transparent; color:#141310; box-shadow:0 16px 34px -14px rgba(230,199,110,.6); }
.luxe-body .fbtn--fill .fbtn__en{ color:rgba(20,19,16,.72); }
.luxe-body .fbtn--fill .fbtn__ja{ color:#141310; }
.luxe-body .fbtn--fill .arrow{ color:#141310; }
.luxe-body .fbtn--line{ border-color:var(--lx-g2); }
.luxe-body .fbtn--line .fbtn__ja{ color:var(--lx-g1); }
.luxe-body .fbtn--biz:hover, .luxe-body .fbtn--contact:hover{ border-color:var(--lx-g2); }
.luxe-body .fbtn--biz:hover .fbtn__ja, .luxe-body .fbtn--contact:hover .fbtn__ja{ color:var(--lx-g1); }

/* ---- ロゴを金グラデ画像に差し替え（「年収1000万以上!!」と同じ色合い・全ブラウザ対応） ---- */
.luxe-body .logo{
  background-image:url(../img/logo-richibiru-gold.png) !important;
  filter:drop-shadow(0 2px 10px rgba(230,199,110,.55));
}

/* ---- page-head：Experienced. の右に「年収1000万以上!!」 ---- */
.luxe-page .ph-row{
  display:flex; align-items:center; justify-content:space-between;
  flex-wrap:wrap; gap:clamp(14px,2.5vw,40px);
}
.luxe-page .ph-catch{
  margin:0; font-weight:900; line-height:1.02; letter-spacing:.01em; white-space:nowrap;
  font-size:clamp(2.4rem,4.6vw,4.4rem);
  background:var(--lx-grad); background-size:200% auto;
  -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;
  animation:lxShimmer 3.6s linear infinite;
  filter:drop-shadow(0 3px 16px rgba(230,199,110,.55));
}
.luxe-page .ph-catch__big{ font-size:1.34em; }
.luxe-page .ph-catch__excl{ -webkit-text-fill-color:#ffe27a; margin-left:.05em; }
@media (max-width:640px){
  .luxe-page .ph-row{ flex-direction:column; align-items:flex-start; gap:10px; }
  .luxe-page .ph-catch{ font-size:clamp(2.6rem,9vw,3.6rem); }
}

/* ---- Skills：経験を活かせる（ビジュアルカード） ---- */
.luxe-page .skill-grid{ max-width:900px; margin-left:auto; margin-right:auto; }
.luxe-page .skill-card{ display:flex; align-items:flex-start; gap:20px; padding:28px 26px; }
.luxe-page .skill-ic{
  flex:none; width:58px; height:58px; display:flex; align-items:center; justify-content:center;
  border-radius:15px; color:var(--lx-g1);
  background:linear-gradient(#161007,#0b0805) padding-box, var(--lx-grad) border-box;
  border:1.5px solid transparent; box-shadow:0 0 20px -6px rgba(230,199,110,.55);
}
.luxe-page .skill-ic svg{ width:29px; height:29px; }
.luxe-page .skill-card__body{ min-width:0; }
.luxe-page .skill-card__ttl{
  display:flex; align-items:center; gap:.7em; flex-wrap:wrap;
  font-size:1.7rem; font-weight:700; color:#fff; line-height:1.35;
}
.luxe-page .skill-tag{
  font-size:1.1rem; font-weight:700; letter-spacing:.03em; white-space:nowrap;
  padding:.28em .85em; border-radius:999px; color:#141310;
  background:var(--lx-grad); box-shadow:0 6px 16px -8px rgba(230,199,110,.7);
}
.luxe-page .skill-card__desc{ margin-top:.55em; font-size:1.35rem; line-height:1.85; color:rgba(231,221,198,.76); }
@media (max-width:560px){
  .luxe-page .skill-card{ padding:24px 20px; gap:16px; }
  .luxe-page .skill-ic{ width:50px; height:50px; }
  .luxe-page .skill-ic svg{ width:25px; height:25px; }
}

/* ---- Environment：経験者に用意している環境（アイコン付き縦カード） ---- */
.luxe-page .env-card{ padding:34px 28px 30px; }
.luxe-page .env-card .skill-ic{ margin-bottom:20px; }
.luxe-page .env-card .skill-card__ttl{ font-size:1.9rem; }

/* ---- 右下の固定ボタン（ENTRY／ページ上部へ）も黒×金に ---- */
.luxe-body #fixed-link .to-entry{
  color:#141310; border:1.5px solid transparent;
  background:var(--lx-grad);
  box-shadow:0 16px 34px -14px rgba(230,199,110,.65);
}
.luxe-body #fixed-link .to-entry:hover{ color:#141310; }
.luxe-body #fixed-link .to-entry .arrow::before{ background:#141310; }
.luxe-body #fixed-link .to-entry .arrow::after{ border-top-color:#141310; border-right-color:#141310; }
.luxe-body #fixed-link .to-top{
  color:var(--lx-g1); border:1.5px solid transparent;
  background:linear-gradient(#161007,#0b0805) padding-box, var(--lx-grad) border-box;
  box-shadow:0 10px 26px -12px rgba(0,0,0,.8), 0 0 18px -6px rgba(230,199,110,.5);
}
.luxe-body #fixed-link .to-top:hover{
  background:var(--lx-grad); color:#141310; border-color:transparent;
}

/* ---- スマホ下部の固定CTAバーも黒×金に ---- */
@media (max-width:899px){
  .luxe-body .sp-cta{ background:#0a0805; border-top:1px solid rgba(230,199,110,.3); box-shadow:0 -8px 26px -14px rgba(0,0,0,.9); }
  .luxe-body .sp-cta__btn--sub{ color:var(--lx-g1); background:linear-gradient(#100c07,#0b0805); }
  .luxe-body .sp-cta__btn--main{ color:#141310; background:var(--lx-grad); }
}