/* ================================================================ */
/* ===== MEN'S SALON B-SHINE — LIGHT / CREAM THEME OVERRIDE ======= */
/* ================================================================ */
/*
  ヒーローバナー(hero-mens.webp)の世界観に全体を統一した
  明るいクリーム基調 × 黒セリフ × ゴールド × ネイビーのテーマ。

  Background base : #F3EEE7  (warm ivory / cream)
  Surface (card)  : #FFFFFF / #FCFAF6
  Navy panel      : #13202E / #0F1822  (ドロワー・サイド・追従バナー)
  Primary accent  : #C9A452  (warm gold)
  Gold (text)     : #A87C2E  (濃いゴールド＝明背景でのコントラスト確保)
  Secondary accent: #5B8FA8  (steel blue)
  Text primary    : #201C16  (near-black warm)
  Text secondary  : #4C463E
  Text muted      : #8B8479
  Border          : rgba(40,30,15,.10) / gold rgba(201,164,82,.30)
  Shadow          : rgba(70,55,30,.12)
*/

/* ---- global background (mobile) ---- */
body {
  background:
    radial-gradient(900px 500px at 12% 0%,  rgba(201,164,82,.10) 0%, transparent 60%),
    radial-gradient(900px 500px at 100% 28%, rgba(91,143,168,.07) 0%, transparent 55%),
    linear-gradient(180deg, #F4EFE8 0%, #EFE9E1 100%) !important;
  background-attachment: fixed !important;
  color: #201C16 !important;
}

/* ---- global background (PC >= 920 px) ---- */
@media (min-width: 920px) {
  body {
    background:
      linear-gradient(180deg, rgba(244,239,232,.88) 0%, rgba(238,232,224,.92) 100%),
      url('../assets/exterior-day.png') center center / cover no-repeat !important;
    background-attachment: fixed, fixed !important;
  }
  body::before {
    background-image: radial-gradient(circle, rgba(201,164,82,.22) 1px, transparent 1.5px) !important;
    opacity: .22 !important;
  }
  /* floating orbs — gold / steel palette */
  body .pc-deco .orb-1 { background: radial-gradient(circle, rgba(201,164,82,.26) 0%, rgba(201,164,82,0) 70%) !important; }
  body .pc-deco .orb-2 { background: radial-gradient(circle, rgba(91,143,168,.22) 0%, rgba(91,143,168,0) 70%) !important; }
  body .pc-deco .orb-3 { background: radial-gradient(circle, rgba(180,144,60,.18) 0%, rgba(180,144,60,0) 70%) !important; }
  body .pc-deco .orb-4 { background: radial-gradient(circle, rgba(55,80,100,.20) 0%, rgba(55,80,100,0) 70%) !important; }
  body .pc-deco .orb-5 { background: radial-gradient(circle, rgba(201,164,82,.16) 0%, rgba(201,164,82,0) 70%) !important; }
  body .pc-deco .sparkle { filter: drop-shadow(0 0 6px rgba(201,164,82,.70)) !important; }
}

/* ================================================================ */
/* ===== STAGE / HERO ============================================= */
/* ================================================================ */
body .stage { background: #F4EFE8 !important; }

/* FV メイン画像 → 新ヒーローバナー（ロゴ・見出し・要点・募集を内包した完結型）
   画像が完結しているため、オーバーレイのテキストロゴ(.logo)とFVコピー(.fv-copy)は使用しない */
body .fv-main {
  background-image: url('../assets/hero-mens.webp') !important;
  background-size: contain !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  aspect-ratio: 1 / 1 !important; /* 新店舗バナー(1254x1254 正方形)に合わせる */
}

/* オーバーレイのテキストロゴは新画像が自前のロゴを持つため非表示 */
body .logo { display: none !important; }

/* bg-wave → 内装写真を淡いクリームで重ねる */
body .bg-wave {
  background: url('../assets/interior.png') center top / cover no-repeat !important;
  mix-blend-mode: normal !important;
  opacity: 0.10 !important;
  height: 100% !important;
  aspect-ratio: unset !important;
}

/* メンズフェイスアイコン（装飾）— 削除済み */
body .fv-face-icon { display: none !important; }
@media (min-width: 481px) {
  body .stage {
    box-shadow: 0 -2px 0 rgba(201,164,82,0), 0 30px 80px rgba(70,55,30,.18), 0 6px 20px rgba(70,55,30,.10) !important;
  }
}

/* ================================================================ */
/* ===== HAMBURGER BUTTON (navy circle) ========================== */
/* ================================================================ */
body .menu {
  background: linear-gradient(135deg, #1C2A38 0%, #15212E 60%, #0F1822 100%) !important;
  box-shadow:
    0 10px 24px rgba(15,24,34,.42),
    0 4px 10px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.14) !important;
}
body .menu:hover { filter: brightness(1.15) !important; }
body .menu:focus-visible { outline-color: #C9A452 !important; }

/* ================================================================ */
/* ===== MOBILE CTA BUTTONS ======================================= */
/* ================================================================ */
body .cta-btn.primary {
  background: linear-gradient(135deg, #DEB870 0%, #C9A452 60%, #8A6820 100%) !important;
  box-shadow: 0 10px 24px rgba(201,164,82,.40), inset 0 1px 0 rgba(255,255,255,.4) !important;
}
body .cta-btn.secondary {
  background: linear-gradient(135deg, #A0C4D0 0%, #6A9FB5 60%, #5B8FA8 100%) !important;
  box-shadow: 0 10px 24px rgba(91,143,168,.34), inset 0 1px 0 rgba(255,255,255,.4) !important;
}
/* mobile sticky CTA bar (in-stage) — クリーム背景に */
body .mobile-cta {
  background: linear-gradient(180deg, rgba(244,239,232,0) 0%, rgba(244,239,232,.92) 30%, #F4EFE8 100%) !important;
}

/* ================================================================ */
/* ===== ABOUT WRAP =============================================== */
/* ================================================================ */
body .about-wrap { background: #F8F4ED !important; }
@media (min-width: 481px) {
  body .about-wrap {
    box-shadow: 0 30px 80px rgba(70,55,30,.16), 0 6px 20px rgba(70,55,30,.10) !important;
    margin-top: -1px;
  }
}

/* keystrip */
body .keystrip {
  background: linear-gradient(180deg, #FFFFFF 0%, #FBF6EC 100%) !important;
  border-top-color: rgba(201,164,82,.20) !important;
}
body .keystrip .pill {
  background: #FBF6EC !important;
  color: #A87C2E !important;
  border-color: rgba(201,164,82,.40) !important;
}
body .keystrip .pill.teal { color: #4A7B92 !important; border-color: rgba(91,143,168,.40) !important; }
body .keystrip .lead { color: #4C463E !important; }
body .keystrip .lead em { color: #A87C2E !important; }

/* section headings */
body .sec-h .kicker { color: #B0935A !important; }
body .sec-h h2 { color: #201C16 !important; }
body .sec-h h2 em {
  background: linear-gradient(180deg, #C9A452 0%, #A87C2E 60%, #8A6820 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important;
}
body .sec-h::after { background: linear-gradient(90deg, #C9A452, #5B8FA8) !important; }

/* body copy */
body .body-copy { color: #4C463E !important; }
body .body-copy .mark {
  color: #201C16 !important;
  background-image: linear-gradient(rgba(201,164,82,.30), rgba(201,164,82,.30)) !important;
}
body .body-copy .mark.teal {
  background-image: linear-gradient(rgba(91,143,168,.28), rgba(91,143,168,.28)) !important;
}

/* pull quote */
body .pull {
  border-left-color: #C9A452 !important;
  background: linear-gradient(90deg, rgba(201,164,82,.12) 0%, rgba(255,255,255,0) 100%) !important;
  color: #2E281F !important;
}

/* check list */
body .check-list li {
  background: #FFFFFF !important;
  border-color: rgba(40,30,15,.10) !important;
  color: #4C463E !important;
  box-shadow: 0 4px 14px rgba(70,55,30,.07) !important;
}
body .check-list .box { border-color: #C9A452 !important; color: #C9A452 !important; background: transparent !important; }

/* ---- 3 reasons ---- */
body .reason {
  background: #FFFFFF !important;
  border-color: rgba(201,164,82,.26) !important;
  box-shadow: 0 14px 30px rgba(70,55,30,.10), 0 2px 6px rgba(70,55,30,.06) !important;
}
body .reason .num {
  background: linear-gradient(135deg, #DEB870 0%, #C9A452 60%, #8A6820 100%) !important;
  box-shadow: 0 8px 18px rgba(201,164,82,.40), inset 0 1px 0 rgba(255,255,255,.4) !important;
}
body .reasons .reason:nth-child(2) .num {
  background: linear-gradient(135deg, #A0C4D0 0%, #6A9FB5 60%, #5B8FA8 100%) !important;
  box-shadow: 0 8px 18px rgba(91,143,168,.40), inset 0 1px 0 rgba(255,255,255,.4) !important;
}
body .reasons .reason:nth-child(3) .num {
  background: linear-gradient(135deg, #E0C070 0%, #C49030 100%) !important;
  box-shadow: 0 8px 18px rgba(196,144,48,.40), inset 0 1px 0 rgba(255,255,255,.4) !important;
}
body .reason h3 { color: #201C16 !important; }
body .reason p { color: #5C564D !important; }
body .reason .stat { background: rgba(201,164,82,.14) !important; color: #A87C2E !important; }

/* ================================================================ */
/* ===== WHY CHOSEN SECTION ======================================= */
/* ================================================================ */
body .why-chosen {
  background:
    radial-gradient(800px 360px at 50% 0%, rgba(201,164,82,.10) 0%, transparent 60%),
    linear-gradient(180deg, #FBF7F0 0%, #F6F1EA 100%) !important;
  border-top-color: rgba(201,164,82,.18) !important;
}
body .why-chosen .badge {
  background: linear-gradient(135deg, #DEB870, #C9A452) !important;
  box-shadow: 0 8px 18px rgba(201,164,82,.30) !important;
}
body .why-chosen h2.title { color: #201C16 !important; }
body .why-chosen h2.title em { color: #A87C2E !important; font-size: 28px; }
body .why-chosen h2.title .br-name {
  background: linear-gradient(180deg, #C9A452 0%, #A87C2E 60%, #8A6820 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important;
}
body .why-chosen .intro { color: #4C463E !important; }
body .why-chosen .sub-h { color: #201C16 !important; }
body .why-chosen .sub-h::before,
body .why-chosen .sub-h::after { background: #C9A452 !important; }
body .why-chosen .sub-h em { color: #A87C2E !important; }
body .why-list li {
  background: #FFFFFF !important;
  border-color: rgba(201,164,82,.24) !important;
  box-shadow: 0 8px 20px rgba(70,55,30,.08) !important;
  color: #4C463E !important;
}
body .why-list li .n {
  background: linear-gradient(135deg, #DEB870, #C9A452) !important;
  box-shadow: 0 4px 10px rgba(201,164,82,.32), inset 0 1px 0 rgba(255,255,255,.4) !important;
}
body .why-list li:nth-child(2) .n { background: linear-gradient(135deg, #A0C4D0, #5B8FA8) !important; box-shadow: 0 4px 10px rgba(91,143,168,.32), inset 0 1px 0 rgba(255,255,255,.4) !important; }
body .why-list li:nth-child(3) .n { background: linear-gradient(135deg, #E0C070, #C49030) !important; }
body .why-list li:nth-child(4) .n { background: linear-gradient(135deg, #9AAFBE, #5B7A9A) !important; }
body .why-chosen .closer {
  background: rgba(201,164,82,.06) !important;
  border-color: rgba(201,164,82,.24) !important;
  color: #4C463E !important;
}
body .why-chosen .closer .promise { color: #A87C2E !important; }

/* ================================================================ */
/* ===== 5 PILLARS (DETAIL REASONS) =============================== */
/* ================================================================ */
body .detail-reasons { background: #F8F4ED !important; }
body .detail-reasons .sec-h2 .kicker { color: #B0935A !important; }
body .detail-reasons .sec-h2 h2 { color: #201C16 !important; }
body .detail-reasons .sec-h2 h2 em {
  background: linear-gradient(180deg, #C9A452 0%, #A87C2E 60%, #8A6820 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important;
}
body .dcard {
  background: #FFFFFF !important;
  border-color: rgba(201,164,82,.24) !important;
  box-shadow: 0 14px 30px rgba(70,55,30,.10), 0 2px 6px rgba(70,55,30,.06) !important;
}
body .dcard .ph {
  background: repeating-linear-gradient(135deg, #F0EAE0 0 12px, #F6F1EA 12px 24px) !important;
  color: #B0935A !important;
}
body .dcard:nth-of-type(2) .ph { background: repeating-linear-gradient(135deg, #E6EDF2 0 12px, #EFF3F6 12px 24px) !important; color: #5B8FA8 !important; }
body .dcard:nth-of-type(3) .ph { background: repeating-linear-gradient(135deg, #F2EAD8 0 12px, #F7F1E4 12px 24px) !important; color: #C49030 !important; }
body .dcard:nth-of-type(4) .ph { background: repeating-linear-gradient(135deg, #ECE8F4 0 12px, #F3F0F8 12px 24px) !important; color: #7C6BB8 !important; }
body .dcard:nth-of-type(5) .ph { background: repeating-linear-gradient(135deg, #E6EDF2 0 12px, #EFF3F6 12px 24px) !important; color: #5B8FA8 !important; }
body .dcard .num-line .n {
  background: linear-gradient(135deg, #DEB870, #C9A452) !important;
  box-shadow: 0 4px 10px rgba(201,164,82,.32), inset 0 1px 0 rgba(255,255,255,.4) !important;
}
body .dcard:nth-of-type(2) .num-line .n { background: linear-gradient(135deg, #A0C4D0, #5B8FA8) !important; }
body .dcard:nth-of-type(3) .num-line .n { background: linear-gradient(135deg, #E0C070, #C49030) !important; }
body .dcard:nth-of-type(4) .num-line .n { background: linear-gradient(135deg, #C8B5E8, #7C6BB8) !important; }
body .dcard:nth-of-type(5) .num-line .n { background: linear-gradient(135deg, #9DBCEB, #4F7AC2) !important; }
body .dcard .num-line .label { color: #B0935A !important; }
body .dcard h3 { color: #201C16 !important; }
body .dcard p { color: #5C564D !important; }

/* ================================================================ */
/* ===== STAFF VOICES ============================================= */
/* ================================================================ */
body .staff-voices {
  background:
    radial-gradient(620px 260px at 50% 0%, rgba(201,164,82,.10) 0%, transparent 65%),
    linear-gradient(180deg, rgba(248,244,237,.93) 0%, rgba(246,241,234,.97) 35%),
    url('../assets/interior-art.png') center top / cover no-repeat !important;
  border-top-color: rgba(201,164,82,.18) !important;
}
body .staff-voices .sv-head .kicker { color: #B0935A !important; }
body .staff-voices .sv-head h2 { color: #201C16 !important; }
body .staff-voices .sv-head::after { background: linear-gradient(90deg, #C9A452, #5B8FA8) !important; }
body .sv-hero .photo .badge {
  background: rgba(255,255,255,.92) !important;
  border-color: rgba(201,164,82,.40) !important;
  color: #2E281F !important;
  box-shadow: 0 6px 14px rgba(70,55,30,.18) !important;
}
body .sv-hero .photo .badge .role { color: #8B8479 !important; }
body .sv-hero .quote-card {
  background: #FFFFFF !important;
  border-color: rgba(201,164,82,.22) !important;
  box-shadow: 0 14px 30px rgba(70,55,30,.12), 0 2px 6px rgba(70,55,30,.06) !important;
}
body .sv-hero .quote-card::before,
body .sv-hero .quote-card::after { color: #C9A452 !important; }
body .sv-hero .quote-card .headline { color: #201C16 !important; }
body .sv-hero .quote-card .headline em { color: #A87C2E !important; }
body .sv-hero .quote-card .body { color: #4C463E !important; }
body .sv-hero .quote-card .body em {
  color: #A87C2E !important;
  background: linear-gradient(180deg, transparent 60%, rgba(201,164,82,.26) 60%) !important;
}
body .sv-feat {
  background: #FFFFFF !important;
  border-color: rgba(201,164,82,.20) !important;
  box-shadow: 0 6px 16px rgba(70,55,30,.08) !important;
}
body .sv-feat .ico { color: #C9A452 !important; }
body .sv-feat--green .ico { color: #5B8FA8 !important; }
body .sv-feat .txt { color: #4C463E !important; }
body .sv-feat .txt em { color: #A87C2E !important; }
body .sv-feat--green .txt em { color: #4A7B92 !important; }
body .sv-compare {
  background: linear-gradient(180deg, #FBF7F0 0%, #F6F1EA 100%) !important;
  border-color: rgba(201,164,82,.24) !important;
}
body .sv-compare .title { color: #201C16 !important; }
body .sv-compare .title::before,
body .sv-compare .title::after { background: rgba(40,30,15,.14) !important; }
body .sv-compare .row + .row { border-top-color: rgba(201,164,82,.24) !important; }
body .sv-compare .cell.before .tag { background: #B7AFA2 !important; }
body .sv-compare .cell.current .tag { background: #C9A452 !important; }
body .sv-compare .cell .lbl { color: #8B8479 !important; }
body .sv-compare .cell .num { color: #4C463E !important; }
body .sv-compare .cell.before .num { color: #A39C90 !important; }
body .sv-compare .cell.current .num { color: #A87C2E !important; }
body .sv-compare .arrows { color: #C9A452 !important; }

/* ================================================================ */
/* ===== OWNER MESSAGE ============================================ */
/* ================================================================ */
body .owner {
  background: #FFFFFF !important;
  border-top-color: rgba(201,164,82,.20) !important;
}
body .owner .kicker { color: #B0935A !important; }
body .owner h2 { color: #201C16 !important; }
body .owner h2 em { color: #A87C2E !important; }
body .owner .lead-q { color: #201C16 !important; }
body .owner .lead-q em {
  background: linear-gradient(180deg, #C9A452 0%, #8A6820 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important;
}
body .owner p { color: #44403A !important; }
body .owner blockquote {
  background: #FBF6EC !important;
  border-left-color: #C9A452 !important;
  color: #3A352D !important;
}
body .owner .signature { border-top-color: rgba(40,30,15,.12) !important; }
body .owner .signature .co { color: #6A645C !important; }
body .owner .signature .name { color: #201C16 !important; }
body .owner .signature .name .small { color: #6A645C !important; }
body .owner .ext-link {
  border-color: rgba(201,164,82,.50) !important;
  background: #FFFFFF !important;
  color: #9A7030 !important;
}
body .owner .ext-link:hover { background: #F7F4EE !important; }

/* ================================================================ */
/* ===== RECRUIT FLOW (採用までの流れ) ============================ */
/* ================================================================ */
body .recruit-flow {
  background:
    radial-gradient(700px 280px at 50% 0%, rgba(201,164,82,.10) 0%, transparent 60%),
    radial-gradient(500px 220px at 50% 100%, rgba(201,164,82,.07) 0%, transparent 65%),
    linear-gradient(180deg, #FBF7F0 0%, #F6F1EA 100%) !important;
  border-top-color: rgba(201,164,82,.18) !important;
}
body .recruit-flow::before { background: radial-gradient(circle at 30% 30%, rgba(201,164,82,.22), transparent 60%), radial-gradient(circle at 70% 70%, rgba(91,143,168,.16), transparent 60%) !important; }
body .recruit-flow::after  { background: radial-gradient(circle at 30% 30%, rgba(91,143,168,.16), transparent 60%), radial-gradient(circle at 70% 70%, rgba(201,164,82,.22), transparent 60%) !important; }
body .recruit-flow .rf-tag { color: #8B8479 !important; }
body .recruit-flow .rf-tag::before,
body .recruit-flow .rf-tag::after { background: #C9A452 !important; }
body .recruit-flow h2 { color: #201C16 !important; }
body .recruit-flow h2::after { background: linear-gradient(90deg, transparent, rgba(201,164,82,.55), transparent) !important; }
body .recruit-flow .rf-sub { color: #8B8479 !important; }
body .rf-body p { color: #6A645C !important; }
body .recruit-flow .rf-closing { color: #4C463E !important; }
body .recruit-flow .rf-closing em {
  background: linear-gradient(180deg, #C9A452 0%, #A87C2E 60%, #8A6820 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important;
}
body .recruit-flow .rf-closing .rf-heart { color: #C9A452 !important; }
/* step icon colors */
body .rf-step--pink  { color: #C9A452 !important; }
body .rf-step--green { color: #5B8FA8 !important; }
body .rf-step--blue  { color: #5B7A9A !important; }
body .rf-step--teal  { color: #4F97A2 !important; }
body .rf-step--coral { color: #C9A452 !important; }
body .rf-step--pink  .rf-icon { background: radial-gradient(circle at 50% 50%, rgba(201,164,82,.18) 0%, rgba(201,164,82,0) 70%) !important; }
body .rf-step--green .rf-icon { background: radial-gradient(circle at 50% 50%, rgba(91,143,168,.18) 0%, rgba(91,143,168,0) 70%) !important; }
body .rf-step--blue  .rf-icon { background: radial-gradient(circle at 50% 50%, rgba(91,122,154,.18) 0%, rgba(91,122,154,0) 70%) !important; }
body .rf-step--teal  .rf-icon { background: radial-gradient(circle at 50% 50%, rgba(79,151,162,.18) 0%, rgba(79,151,162,0) 70%) !important; }
body .rf-step--coral .rf-icon { background: radial-gradient(circle at 50% 50%, rgba(201,164,82,.18) 0%, rgba(201,164,82,0) 70%) !important; }

/* ================================================================ */
/* ===== RECRUIT DETAILS (募集要項) ================================ */
/* ================================================================ */
body .recruit {
  background: #F8F4ED !important;
  border-top-color: rgba(201,164,82,.18) !important;
}
body .recruit .kicker { color: #B0935A !important; }
body .recruit h2.sec-title { color: #201C16 !important; }
body .recruit h2.sec-title::after { background: linear-gradient(90deg, #DEB870, #C9A452) !important; }
body .recruit dl { border-top-color: rgba(201,164,82,.28) !important; }
body .recruit dt { color: #A87C2E !important; }
body .recruit dd { color: #4C463E !important; border-bottom-color: rgba(40,30,15,.10) !important; }
body .recruit dd .note { color: #8B8479 !important; }
body .recruit dd ul li::before { background: #C9A452 !important; }
body .recruit dd .pay-line + .pay-line { border-top-color: rgba(40,30,15,.10) !important; }
body .recruit dd .pay-line .role { color: #201C16 !important; }
body .recruit dd .pay-line .amount { color: #A87C2E !important; }
body .charm {
  background: linear-gradient(180deg, #FBF7F0 0%, #F5F0E8 100%) !important;
  border-color: rgba(201,164,82,.28) !important;
}
body .charm h3 { color: #201C16 !important; }
body .charm h3 em { color: #A87C2E !important; }
body .charm li { color: #4C463E !important; border-bottom-color: rgba(40,30,15,.08) !important; }
body .charm li::before { background: linear-gradient(135deg, #DEB870, #C9A452) !important; }
body .charm li ul li { color: #6A645C !important; }
body .charm li ul li::before { color: #B0935A !important; }
body .recruit-cta {
  background: #FFFFFF !important;
  border-color: rgba(201,164,82,.36) !important;
  box-shadow: 0 10px 28px rgba(70,55,30,.10) !important;
}
body .recruit-cta p { color: #4C463E !important; }
body .recruit-cta .strong-line { color: #201C16 !important; }
body .recruit-cta .quotes { background: #FBF6EC !important; color: #5C564D !important; }

/* ================================================================ */
/* ===== FAQ ====================================================== */
/* ================================================================ */
body .faq {
  background: linear-gradient(180deg, #FBF7F0 0%, #F6F1EA 100%) !important;
  border-top-color: rgba(201,164,82,.18) !important;
}
body .faq .kicker { color: #B0935A !important; }
body .faq h2.sec-title { color: #201C16 !important; }
body .faq h2.sec-title::after { background: linear-gradient(90deg, #DEB870, #C9A452) !important; }
body .faq-item {
  background: #FFFFFF !important;
  border-color: rgba(201,164,82,.26) !important;
  box-shadow: 0 6px 16px rgba(70,55,30,.07) !important;
}
body .faq-item[open] {
  border-color: rgba(201,164,82,.55) !important;
  box-shadow: 0 10px 24px rgba(201,164,82,.16) !important;
}
body .faq-item summary { color: #201C16 !important; }
body .faq-item summary .qmark {
  background: linear-gradient(135deg, #DEB870, #C9A452) !important;
  box-shadow: 0 3px 8px rgba(201,164,82,.32), inset 0 1px 0 rgba(255,255,255,.4) !important;
}
body .faq-item summary .toggle { color: #C9A452 !important; }
body .faq-item .a { border-top-color: rgba(201,164,82,.24) !important; }
body .faq-item .a::before { background: rgba(201,164,82,.16) !important; color: #A87C2E !important; }
body .faq-item .a p { color: #4C463E !important; }
body .faq-item .a ul li { color: #4C463E !important; }
body .faq-item .a ul li::before { background: #C9A452 !important; }
body .faq-item .a .pointer {
  background: linear-gradient(180deg, rgba(201,164,82,.12) 0%, rgba(160,120,40,.10) 100%) !important;
  border-left-color: #C9A452 !important;
  color: #2E281F !important;
}
body .faq-item .a .pointer .arrow { color: #C9A452 !important; }

/* ================================================================ */
/* ===== DUAL-CTA BUTTONS ========================================= */
/* ================================================================ */
body .dual-cta .ab.pink {
  background: linear-gradient(135deg, #DEB870 0%, #C9A452 60%, #8A6820 100%) !important;
  box-shadow: 0 12px 28px rgba(201,164,82,.42), inset 0 1px 0 rgba(255,255,255,.4) !important;
  animation: ctaPulseGold 2.4s ease-in-out infinite !important;
}
body .dual-cta .ab.apply {
  background: linear-gradient(135deg, #DEB870 0%, #C9A452 50%, #7A5C10 100%) !important;
  box-shadow: 0 14px 32px rgba(201,164,82,.48), inset 0 1px 0 rgba(255,255,255,.4) !important;
  animation: ctaPulseGoldStrong 2.4s ease-in-out infinite !important;
  animation-delay: 1.2s !important;
}
@keyframes ctaPulseGold {
  0%, 100% { box-shadow: 0 10px 24px rgba(201,164,82,.40), inset 0 1px 0 rgba(255,255,255,.4); }
  50%      { box-shadow: 0 14px 32px rgba(201,164,82,.60), 0 0 0 6px rgba(201,164,82,.12), inset 0 1px 0 rgba(255,255,255,.5); }
}
@keyframes ctaPulseGoldStrong {
  0%, 100% { box-shadow: 0 14px 32px rgba(201,164,82,.48), inset 0 1px 0 rgba(255,255,255,.4); }
  50%      { box-shadow: 0 18px 40px rgba(201,164,82,.66), 0 0 0 8px rgba(201,164,82,.14), inset 0 1px 0 rgba(255,255,255,.5); }
}

/* ================================================================ */
/* ===== FORM SECTION ============================================= */
/* ================================================================ */
body .form-wrap { background: #F8F4ED !important; }
body .form-wrap h2 {
  background: linear-gradient(180deg, #C9A452 0%, #A87C2E 60%, #8A6820 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important;
}
body .form-wrap .lead { color: #6A645C !important; }
body .form-wrap label { color: #44403A !important; }
body .form-wrap input,
body .form-wrap textarea,
body .form-wrap select {
  border-color: rgba(40,30,15,.18) !important;
  background: #FFFFFF !important;
  color: #201C16 !important;
}
body .form-wrap input::placeholder,
body .form-wrap textarea::placeholder { color: #A39C90 !important; }
body .form-wrap input:focus,
body .form-wrap textarea:focus,
body .form-wrap select:focus {
  border-color: #C9A452 !important;
  box-shadow: 0 0 0 3px rgba(201,164,82,.20) !important;
  background: #FFFDF9 !important;
}
body .form-wrap input.error,
body .form-wrap textarea.error,
body .form-wrap select.error {
  border-color: #C9A452 !important;
  background: rgba(201,164,82,.08) !important;
}
body .form-wrap .field-error { color: #B0742A !important; }
body .form-wrap label .req { color: #C9A452 !important; }
body .form-wrap .privacy { background: #FBF6EC !important; color: #6A645C !important; }
body .form-wrap .privacy a { color: #A87C2E !important; }
body .form-wrap .privacy-consent { color: #6A645C !important; }
body .form-wrap .privacy-consent a { color: #A87C2E !important; }
body .form-wrap .alert-error {
  background: rgba(201,164,82,.10) !important;
  border-color: rgba(201,164,82,.45) !important;
  color: #B0742A !important;
}
/* select options */
body .form-wrap select option { background: #FFFFFF; color: #201C16; }

/* ---- LINE card ---- */
body .line-card {
  background:
    radial-gradient(420px 180px at 100% 0%, rgba(6,199,85,.10) 0%, transparent 60%),
    linear-gradient(180deg, #FFFFFF 0%, #F8F4ED 100%) !important;
  border-color: rgba(6,199,85,.28) !important;
  box-shadow: 0 14px 30px rgba(70,55,30,.10), 0 2px 6px rgba(70,55,30,.06) !important;
}
body .line-card__divider span { background: #F8F4ED !important; color: #2FA968 !important; }
body .line-card__lead { color: #201C16 !important; }
body .line-card__sub { color: #6A645C !important; }

/* ================================================================ */
/* ===== COLUMNS SECTION ========================================== */
/* ================================================================ */
body .columns {
  background:
    radial-gradient(620px 260px at 50% 0%, rgba(201,164,82,.10) 0%, transparent 65%),
    linear-gradient(180deg, #FBF7F0 0%, #F6F1EA 100%) !important;
  border-top-color: rgba(201,164,82,.18) !important;
}
@media (min-width: 481px) {
  body .columns {
    box-shadow: 0 30px 80px rgba(70,55,30,.16), 0 6px 20px rgba(70,55,30,.10) !important;
  }
}
body .columns .columns-head .kicker { color: #B0935A !important; }
body .columns .columns-head h2 { color: #201C16 !important; }
body .columns .columns-head h2 em {
  background: linear-gradient(180deg, #C9A452 0%, #A87C2E 60%, #8A6820 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important;
}
body .columns .columns-head::after { background: linear-gradient(90deg, #C9A452, #5B8FA8) !important; }
body .columns .columns-head .lead { color: #6A645C !important; }
body .column-link {
  background: #FFFFFF !important;
  border-color: rgba(201,164,82,.22) !important;
  box-shadow: 0 8px 20px rgba(70,55,30,.08), 0 2px 6px rgba(70,55,30,.05) !important;
  color: #201C16 !important;
}
body .column-link:hover {
  box-shadow: 0 14px 28px rgba(70,55,30,.14), 0 4px 10px rgba(70,55,30,.08) !important;
  border-color: rgba(201,164,82,.50) !important;
}
body .column-tag { color: #A87C2E !important; background: rgba(201,164,82,.12) !important; }
body .column-body h3 { color: #201C16 !important; }
body .column-body .read-more { color: #A87C2E !important; }
body .column-link[data-color="pink"]   .column-thumb { background: linear-gradient(135deg, #DEB870, #C9A452) !important; }
body .column-link[data-color="green"]  .column-thumb { background: linear-gradient(135deg, #A0C4D0, #5B8FA8) !important; }
body .column-link[data-color="orange"] .column-thumb { background: linear-gradient(135deg, #E0C070, #C49030) !important; }

/* ================================================================ */
/* ===== NAV DRAWER (navy panel) ================================== */
/* ================================================================ */
body .nav-drawer { background: rgba(15,24,34,.55) !important; }
body .nav-drawer .panel {
  background:
    radial-gradient(420px 180px at 100% 0%, rgba(201,164,82,.10) 0%, transparent 60%),
    linear-gradient(180deg, #18242F 0%, #122029 60%, #0E1822 100%) !important;
  box-shadow: -10px 0 40px rgba(15,24,34,.45) !important;
}
body .nav-drawer .close {
  background: linear-gradient(135deg, #243341 0%, #18242F 100%) !important;
  border-color: rgba(201,164,82,.35) !important;
  color: #C9A452 !important;
  box-shadow: 0 4px 10px rgba(0,0,0,.30) !important;
}
body .nav-drawer .nav-sec { color: #C9A452 !important; }
body .nav-drawer li { border-bottom-color: rgba(201,164,82,.16) !important; }
body .nav-drawer li:first-child { border-top-color: rgba(201,164,82,.16) !important; }
body .nav-drawer li a { color: #E6E2DA !important; }
body .nav-drawer li a .num { color: #C9A452 !important; }
body .nav-drawer li a .arr { color: #C9A452 !important; }
body .nav-drawer li a:hover {
  color: #DEB870 !important;
  background: linear-gradient(90deg, transparent 0%, rgba(201,164,82,.10) 100%) !important;
}
body .nav-drawer .nav-btn.pink {
  background: linear-gradient(135deg, #DEB870 0%, #C9A452 60%, #8A6820 100%) !important;
  box-shadow: 0 8px 20px rgba(201,164,82,.40), inset 0 1px 0 rgba(255,255,255,.4) !important;
}
body .nav-drawer .nav-btn.apply {
  background: linear-gradient(135deg, #DEB870 0%, #C9A452 50%, #7A5C10 100%) !important;
  box-shadow: 0 10px 24px rgba(201,164,82,.50), inset 0 1px 0 rgba(255,255,255,.4) !important;
}

/* ================================================================ */
/* ===== PC SIDE PANELS (navy panel) ============================= */
/* ================================================================ */
@media (min-width: 920px) {
  body .side-cta .panel {
    background: linear-gradient(160deg, rgba(24,36,47,.97) 0%, rgba(15,24,34,.94) 100%) !important;
    border-color: rgba(201,164,82,.30) !important;
    box-shadow: 0 30px 60px rgba(15,24,34,.40), 0 10px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08) !important;
  }
  body .side-cta .panel::before {
    background: linear-gradient(135deg,
      rgba(201,164,82,.5) 0%,
      rgba(255,255,255,0) 35%,
      rgba(91,143,168,.4) 65%,
      rgba(255,255,255,0) 100%) !important;
  }
  body .side-cta .panel::after {
    background: radial-gradient(circle, rgba(201,164,82,.20) 0%, transparent 65%) !important;
  }
  body .side-cta .eyebrow {
    color: #C9A452 !important;
    background: linear-gradient(90deg, rgba(201,164,82,.16), rgba(91,143,168,.16)) !important;
  }
  body .side-cta .head { color: #F2EEE6 !important; }
  body .side-cta .head em {
    background: linear-gradient(180deg, #DEB870 0%, #C9A452 60%, #8A6820 100%) !important;
    -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important;
  }
  body .side-cta .benefit-stats .stat {
    background: linear-gradient(135deg, #1E2C39 0%, #233341 100%) !important;
    border-color: rgba(201,164,82,.24) !important;
  }
  body .side-cta .benefit-stats .stat.green {
    background: linear-gradient(135deg, #1A2832 0%, #1E3040 100%) !important;
    border-color: rgba(91,143,168,.28) !important;
  }
  body .side-cta .benefit-stats .num { color: #DEB870 !important; }
  body .side-cta .benefit-stats .stat.green .num { color: #8FBAD0 !important; }
  body .side-cta .benefit-stats .label { color: #A7A095 !important; }
  body .side-cta .contact-feats li {
    background: linear-gradient(135deg, rgba(26,38,49,.94) 0%, rgba(22,34,46,.60) 100%) !important;
    border-color: rgba(91,143,168,.24) !important;
    color: #DDD8CF !important;
  }
  body .side-cta .contact-feats li em { color: #8FBAD0 !important; }
  body .side-cta .pc-cta.pink {
    background: linear-gradient(135deg, #DEB870 0%, #C9A452 60%, #8A6820 100%) !important;
    box-shadow: 0 6px 16px rgba(201,164,82,.34), inset 0 1px 0 rgba(255,255,255,.4) !important;
  }
  body .side-cta .pc-cta.apply {
    background: linear-gradient(135deg, #DEB870 0%, #C9A452 50%, #7A5C10 100%) !important;
    box-shadow: 0 8px 20px rgba(201,164,82,.45), inset 0 1px 0 rgba(255,255,255,.4) !important;
  }
  @keyframes ctaPulseApplyMini {
    0%, 100% { box-shadow: 0 8px 20px rgba(201,164,82,.45), inset 0 1px 0 rgba(255,255,255,.4); }
    50%      { box-shadow: 0 12px 28px rgba(201,164,82,.65), 0 0 0 5px rgba(201,164,82,.10), inset 0 1px 0 rgba(255,255,255,.5); }
  }
}

/* ================================================================ */
/* ===== LEGAL / ARTICLE / THANKS PAGES ========================== */
/* ================================================================ */
body .legal-wrap,
body .article-stage { background: #F8F4ED !important; }
@media (min-width: 481px) {
  body .legal-wrap,
  body .article-stage {
    box-shadow: 0 30px 80px rgba(70,55,30,.16), 0 6px 20px rgba(70,55,30,.10) !important;
  }
}
body .legal-head { border-bottom-color: rgba(201,164,82,.28) !important; }
body .legal-back { color: #B0935A !important; }
body .legal-back:hover { color: #A87C2E !important; }
body .legal-head .kicker { color: #B0935A !important; }
body .legal-head h1 { color: #201C16 !important; }
body .legal-head .legal-sub { color: #8B8479 !important; }
body .legal-body h2 { color: #201C16 !important; border-left-color: #C9A452 !important; }
body .legal-body p,
body .legal-body ul { color: #4C463E !important; }
body .legal-contact { background: #FFFFFF !important; border-color: rgba(201,164,82,.22) !important; }
body .legal-foot { border-top-color: rgba(201,164,82,.28) !important; }
body .legal-back-btn {
  background: linear-gradient(135deg, #DEB870 0%, #C9A452 60%, #8A6820 100%) !important;
  box-shadow: 0 10px 24px rgba(201,164,82,.40) !important;
}
body .thanks-wrap { background: #F8F4ED !important; }
body .thanks-wrap .icon {
  background: linear-gradient(135deg, #A0C4D0 0%, #6A9FB5 60%, #5B8FA8 100%) !important;
  box-shadow: 0 14px 30px rgba(91,143,168,.34) !important;
}
body .thanks-wrap h1 { color: #201C16 !important; }
body .thanks-wrap .lead { color: #4C463E !important; }
body .thanks-wrap .back {
  background: linear-gradient(135deg, #DEB870 0%, #C9A452 60%, #8A6820 100%) !important;
  box-shadow: 0 10px 24px rgba(201,164,82,.40) !important;
}
body .article-back { color: #B0935A !important; }
body .article-back:hover { color: #A87C2E !important; }
body .article-cat { background: linear-gradient(135deg, #DEB870, #C9A452) !important; }
body .article h1 { color: #201C16 !important; }
body .article-lead {
  color: #4C463E !important;
  background: linear-gradient(180deg, rgba(201,164,82,.10) 0%, rgba(160,120,40,.08) 100%) !important;
  border-left-color: #C9A452 !important;
}
body .article-toc { background: #FFFFFF !important; border-color: rgba(201,164,82,.24) !important; }
body .article-toc h2 { color: #B0935A !important; }
body .article-toc li { color: #4C463E !important; }
body .article-toc a { color: #4C463E !important; }
body .article-toc a:hover { color: #A87C2E !important; }
body .article > section h2 { color: #201C16 !important; border-bottom-color: #C9A452 !important; }
body .article > section h3 { color: #201C16 !important; border-left-color: rgba(201,164,82,.60) !important; }
body .article > section p { color: #4C463E !important; }
body .article > section li { color: #4C463E !important; }
body .article > section em {
  background: linear-gradient(180deg, transparent 60%, rgba(201,164,82,.24) 60%) !important;
}
body .article-cta-block {
  background: linear-gradient(180deg, rgba(201,164,82,.10) 0%, rgba(160,120,40,.08) 100%) !important;
  border-color: rgba(201,164,82,.24) !important;
}
body .article-cta-block .article-cta-lead { color: #201C16 !important; }
body .related-articles { border-top-color: rgba(201,164,82,.28) !important; background: #F6F1EA !important; }
body .related-articles .related-title { color: #201C16 !important; }
body .related-articles .related-title::after { background: linear-gradient(90deg, #C9A452, #5B8FA8) !important; }
body .related-list li a {
  background: #FFFFFF !important;
  border-color: rgba(201,164,82,.20) !important;
  color: #201C16 !important;
}
body .related-list li a:hover { border-color: rgba(201,164,82,.45) !important; }
body .related-list .r-num { color: #A87C2E !important; }
body .related-list .r-title { color: #201C16 !important; }
body.article-page .form-wrap { border-top-color: rgba(201,164,82,.28) !important; }

/* ---- 4番柱 統計画像（上部エリア） ---- */
body .pillar-04-ph {
  background: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  overflow: hidden !important;
}
body .pillar-04-ph img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* ---- 2番・3番柱：画像比率がコンテナ(16:9)と合わないため contain に変更 ---- */
body .dcard:nth-of-type(2) .pillar-04-ph {
  background: #ECF1F4 !important;
}
body .dcard:nth-of-type(3) .pillar-04-ph {
  background: #F7F1E4 !important;
}
body .dcard:nth-of-type(2) .pillar-04-ph img,
body .dcard:nth-of-type(3) .pillar-04-ph img {
  object-fit: contain !important;
  object-position: center center !important;
}

/* pillar-01-stats: 切り取り位置を上に寄せる(人物の頭側がしっかり見える) */
body .dcard:nth-of-type(1) .pillar-04-ph img {
  object-position: center top !important;
}

/* ---- LINE card URL表示 ---- */
body .line-url-box {
  margin: 14px auto 0 !important;
  padding: 12px 16px !important;
  background: rgba(6,199,85,.06) !important;
  border: 1px solid rgba(6,199,85,.22) !important;
  border-radius: 8px !important;
  text-align: center !important;
  max-width: 320px !important;
}
body .line-url-label {
  font-size: 0.75rem !important;
  color: #8B8479 !important;
  margin: 0 0 6px !important;
}
body .line-url-link {
  display: block !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  color: #1FA85A !important;
  text-decoration: underline !important;
  word-break: break-all !important;
}

/* ---- 採用動画 ---- */
body .recruit-movie-wrap {
  width: 100%;
  max-width: 800px;
  margin: 0 auto 48px;
  padding: 0 16px;
  box-sizing: border-box;
}
body .recruit-movie {
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 12px;
  box-shadow: 0 10px 32px rgba(70,55,30,.22), 0 0 0 1px rgba(201,164,82,.24);
  background: #000;
  display: block;
}
@media (min-width: 920px) {
  body .recruit-movie-wrap {
    padding: 0;
  }
}

/* ---- Logo overrides: nav drawer + PC side panel (navy地なので白反転を維持) ---- */
body .nav-drawer .nav-logo {
  content: url('../assets/logo-mens.png') !important;
  filter: invert(1) brightness(1.8) !important;
  width: 160px !important;
  height: auto !important;
}
body .side-cta .brand-logo {
  content: url('../assets/logo-mens.png') !important;
  filter: invert(1) brightness(1.8) !important;
  width: 160px !important;
  height: auto !important;
}

/* ================================================================ */
/* ===== VISIT CTA (サロン見学ボタン) ============================= */
/* ================================================================ */
body .dual-cta .ab.visit {
  background: linear-gradient(135deg, #7FA9BE 0%, #5B8FA8 55%, #3E6B82 100%) !important;
  box-shadow: 0 12px 28px rgba(91,143,168,.38), inset 0 1px 0 rgba(255,255,255,.35) !important;
}
body .dual-cta .ab.visit .sub {
  display: block;
  font-size: 10.5px;
  font-weight: 500;
  opacity: .85;
  margin-top: 2px;
  letter-spacing: .02em;
}
body .side-cta .pc-cta.visit {
  background: linear-gradient(135deg, #7FA9BE 0%, #5B8FA8 55%, #3E6B82 100%) !important;
  box-shadow: 0 6px 16px rgba(91,143,168,.34), inset 0 1px 0 rgba(255,255,255,.35) !important;
}

/* ================================================================ */
/* ===== STAFF VOICE PROFILE (属性行) ============================= */
/* ================================================================ */
body .sv-card .quote-card .sv-profile {
  display: inline-block;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .06em;
  color: #A87C2E;
  border: 1px solid rgba(201,164,82,.45);
  border-radius: 999px;
  padding: 3px 12px;
  margin: 0 0 10px;
}

/* ================================================================ */
/* ===== MOBILE STICKY FLOATING CTA (追従バナー) ================== */
/* ヒーローを過ぎてスクロールすると下部に出現。フォーム到達で退避   */
/* バナー画像の下部ネイビー帯と調和させたダークネイビー基調         */
/* ================================================================ */
.sticky-cta {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 80; /* メニュー(90)より下、ドロワー(100)より下 */
  display: flex;
  gap: 9px;
  padding: 9px 12px calc(9px + env(safe-area-inset-bottom));
  background: linear-gradient(180deg, rgba(15,24,34,.86) 0%, rgba(15,24,34,.97) 42%, #0F1822 100%);
  border-top: 1px solid rgba(201,164,82,.40);
  box-shadow: 0 -8px 24px rgba(15,24,34,.30);
  transform: translateY(120%);
  opacity: 0;
  pointer-events: none;
  transition: transform .32s cubic-bezier(.22,.61,.36,1), opacity .25s ease;
}
.sticky-cta.show {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}
/* タブレット幅では480pxステージに合わせて中央寄せ */
@media (min-width: 481px) {
  .sticky-cta {
    left: 50%;
    right: auto;
    transform: translate(-50%, 120%);
    width: 480px;
    max-width: 100%;
    border-radius: 16px 16px 0 0;
  }
  .sticky-cta.show { transform: translate(-50%, 0); }
}
/* PC（サイドパネルが出る幅）では非表示 */
@media (min-width: 920px) {
  .sticky-cta { display: none !important; }
}

.sticky-cta .sc-btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  height: 50px;
  border-radius: 12px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: .03em;
  color: #fff;
  text-decoration: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28);
  transition: transform .12s ease, filter .12s ease;
}
.sticky-cta .sc-btn:active { transform: scale(.97); }
.sticky-cta .sc-btn .ico { display: inline-flex; }
.sticky-cta .sc-btn.line {
  background: linear-gradient(135deg, #18D45A 0%, #06C755 60%, #04A848 100%);
  box-shadow: 0 6px 16px rgba(6,199,85,.40), inset 0 1px 0 rgba(255,255,255,.28);
}
.sticky-cta .sc-btn.apply {
  background: linear-gradient(135deg, #DEB870 0%, #C9A452 50%, #7A5C10 100%);
  box-shadow: 0 6px 16px rgba(201,164,82,.45), inset 0 1px 0 rgba(255,255,255,.32);
  animation: scApplyPulse 2.4s ease-in-out infinite;
}
@keyframes scApplyPulse {
  0%, 100% { box-shadow: 0 6px 16px rgba(201,164,82,.45), inset 0 1px 0 rgba(255,255,255,.32); }
  50%      { box-shadow: 0 8px 22px rgba(201,164,82,.66), 0 0 0 4px rgba(201,164,82,.10), inset 0 1px 0 rgba(255,255,255,.42); }
}
@media (prefers-reduced-motion: reduce) {
  .sticky-cta .sc-btn.apply { animation: none; }
  .sticky-cta { transition: none; }
}

/* ================================================================ */
/* ===== 信頼・落ち着き強化 / CTA一本化（2026-07 改修） ========== */
/* ターゲット：20代後半〜30代前半の男性美容師                       */
/* ================================================================ */

/* --- 信頼バッジ帯（FV直下・運営会社の実在性を明示） --- */
body .trust-band {
  margin: 0 auto;
  padding: 22px 16px 4px;
  text-align: center;
}
body .trust-band .trust-lead {
  font-family: "Shippori Mincho", serif;
  font-size: 16px;
  line-height: 1.75;
  color: #2E281F;
  margin: 0 0 16px;
}
body .trust-band .trust-lead strong { color: #201C16; font-weight: 700; }
body .trust-band .trust-lead em {
  font-style: normal;
  background: linear-gradient(180deg, #C9A452 0%, #A87C2E 60%, #8A6820 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
body .trust-band .trust-badges {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  max-width: 460px;
}
body .trust-band .trust-badges li {
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  background: #FFFFFF;
  border: 1px solid rgba(201,164,82,.26);
  border-radius: 12px;
  padding: 11px 12px;
  box-shadow: 0 4px 14px rgba(70,55,30,.07);
}
body .trust-band .tb-ico {
  flex: 0 0 auto;
  width: 34px; height: 34px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 9px;
  background: linear-gradient(135deg, #1C2A38 0%, #0F1822 100%);
  color: #DEB870;
  font-size: 15px;
}
body .trust-band .tb-txt { display: flex; flex-direction: column; line-height: 1.3; min-width: 0; }
body .trust-band .tb-txt em { font-style: normal; font-weight: 700; font-size: 13px; color: #201C16; }
body .trust-band .tb-txt small { font-size: 10.5px; color: #8B8479; margin-top: 1px; }
body .trust-band .trust-note { font-size: 10.5px; color: #A39C90; margin: 12px 0 0; line-height: 1.5; }
@media (min-width: 481px) {
  body .trust-band .trust-badges { grid-template-columns: repeat(4, 1fr); max-width: 720px; }
  body .trust-band .trust-badges li { flex-direction: column; text-align: center; gap: 8px; }
  body .trust-band .tb-txt { align-items: center; text-align: center; }
}

/* --- 数字の根拠注記 --- */
body .pill-note,
body .claim-note {
  font-size: 11.5px;
  line-height: 1.65;
  color: #8B8479;
  background: rgba(201,164,82,.06);
  border-left: 2px solid rgba(201,164,82,.4);
  padding: 8px 12px;
  border-radius: 0 6px 6px 0;
  margin: 12px auto;
  text-align: left;
}
body .claim-note { max-width: 640px; }
body .keystrip .pill-note { max-width: 440px; }

/* --- CTA下の安心コピー（ボタン外に配置） --- */
body .cta-reassure {
  text-align: center;
  font-size: 12px;
  line-height: 1.6;
  color: #6A645C;
  margin: 10px auto 0;
  max-width: 460px;
}

/* --- CTAテキストリンク（募集要項など二次導線） --- */
body .cta-textlink { text-align: center; margin: 10px 0 4px; }
body .cta-textlink a {
  display: inline-block;
  font-size: 13.5px;
  font-weight: 600;
  color: #8A6820;
  text-decoration: none;
  border-bottom: 1px solid rgba(138,104,32,.4);
  padding-bottom: 2px;
  letter-spacing: .02em;
}
body .cta-textlink a:hover { color: #A87C2E; border-bottom-color: #A87C2E; }

/* --- 2ボタンCTA（縦積み・大きめタップ領域） --- */
body .dual-cta--pair {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}
/* LINE導線を主役に（ブランドグリーンを明示） */
body .dual-cta .ab.line {
  background: linear-gradient(135deg, #18D45A 0%, #06C755 60%, #04A848 100%) !important;
  box-shadow: 0 12px 28px rgba(6,199,85,.34), inset 0 1px 0 rgba(255,255,255,.4) !important;
}

/* --- 落ち着き優先：CTAの点滅アニメーションを停止 --- */
body .dual-cta .ab.pink,
body .dual-cta .ab.apply,
body .sticky-cta .sc-btn.apply {
  animation: none !important;
}

/* --- 見学の安心チップ（CTA直下） --- */
body .visit-chips {
  list-style: none;
  margin: 14px auto 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  max-width: 480px;
}
body .visit-chips li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  font-weight: 600;
  color: #2E281F;
  background: #FFFFFF;
  border: 1px solid rgba(201,164,82,.40);
  border-radius: 999px;
  padding: 6px 12px;
  box-shadow: 0 2px 8px rgba(70,55,30,.06);
}
body .visit-chips li i { color: #C9A452; font-size: 12px; }

/* --- 数字の根拠ノート（なぜ可能か） --- */
body .why-possible {
  max-width: 460px;
  margin: 14px auto 0;
  padding: 12px 16px;
  font-size: 12.5px;
  line-height: 1.75;
  color: #3A352D;
  background: linear-gradient(180deg, #FFFFFF 0%, #FBF6EC 100%);
  border: 1px solid rgba(201,164,82,.30);
  border-radius: 10px;
  text-align: left;
}
body .why-possible strong { color: #A87C2E; font-weight: 700; }
body .why-possible a { color: #A87C2E; font-weight: 600; text-decoration: underline; }

/* --- 5つの柱：画像を廃止しテキストのみ。余白を最適化 --- */
body .detail-reasons .dcard .ph { display: none !important; }
body .detail-reasons .dcard {
  margin-top: 16px !important;
}
body .detail-reasons .dcard .body {
  padding: 24px 22px 26px !important;
}
/* 番号ラインと見出しの間隔を少し広げて読みやすく */
body .detail-reasons .dcard .num-line { margin-bottom: 12px !important; }
body .detail-reasons .dcard h3 { margin-bottom: 14px !important; }