/* ==============================================
   ENTERPRISE PAGE (assets/css/pages/enterprise.css)
   回収・引取のご案内 (/enterprise)
   React版 src/styles/enterprise-page.css + enterprise-page-1440.css 準拠
   ============================================== */

/* ====== 1. 共通スタイル ====== */
.enterprise-page__eyebrow {
  margin: 0;
  padding: 0 3px;
  font-family: var(--font-en);
  font-size: 11px;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.171875rem; /* 2.75px */
  text-transform: uppercase;
  color: var(--brand-primary);
}

.enterprise-page__section-title {
  margin: 0;
  font-family: var(--font-en);
  font-size: var(--fs-h2-lg, clamp(1.5rem, calc(1.5rem + 0.5vw), 2rem));
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: -0.06em;
  color: var(--ink-900);
}

.enterprise-page__card-eyebrow {
  margin: 0 0 var(--space-2);
  font-family: var(--font-en);
  font-size: 10px;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.125rem; /* 2px */
  text-transform: uppercase;
  color: color-mix(in srgb, var(--ink-900) 25%, transparent);
}

.enterprise-page__card-title {
  margin: 0;
  font-family: var(--font-jp);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.04em;
  color: var(--ink-900);
}

.enterprise-page__body {
  margin: 0;
  max-width: none;
  font-family: var(--font-jp);
  font-size: var(--fs-body);
  font-weight: 400;
  line-height: 2.14;
  color: var(--ink-500);
}

.enterprise-page__step-title {
  margin: 0 0 var(--space-3);
  font-family: var(--font-jp);
  font-size: 18px;
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0.04em;
  color: var(--ink-900);
}

/* ====== 2. COVERAGE — 回収・引取の対象 ====== */
.enterprise-page__coverage {
  background: #fff;
}
.enterprise-page__coverage-shell {
  max-width: 1240px;
  margin: 0 auto;
  padding: var(--space-24) var(--space-6);
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .enterprise-page__coverage-shell {
    padding: var(--space-32) var(--space-12);
  }
}
@media (min-width: 1024px) {
  .enterprise-page__coverage-shell {
    padding-left: var(--space-20);
    padding-right: var(--space-20);
  }
}

.enterprise-page__coverage-header {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  margin-bottom: 3.5rem;
}
@media (min-width: 768px) {
  .enterprise-page__coverage-header {
    gap: var(--space-8);
    margin-bottom: 5rem;
  }
}

.enterprise-page__services {
  display: flex;
  flex-direction: column;
}
.enterprise-page__service {
  border-top: 1px solid color-mix(in srgb, var(--ink-900) 8%, transparent);
  padding: 3rem 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-6);
}
@media (min-width: 768px) {
  .enterprise-page__service {
    grid-template-columns: 5fr 7fr;
    gap: var(--space-10);
    padding: 3.5rem 0;
    align-items: start;
  }
}
.enterprise-page__service-head {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.enterprise-page__service-title { white-space: pre-line; }
.enterprise-page__services-end {
  border-top: 1px solid color-mix(in srgb, var(--ink-900) 8%, transparent);
  height: 0;
}

/* ====== 3. PROCESS — ご依頼の流れ ====== */
.enterprise-page__process {
  background: #fff;
  padding: var(--space-24) var(--space-6);
}
@media (min-width: 768px) {
  .enterprise-page__process { padding: var(--space-32) var(--space-12); }
}
.enterprise-page__process-shell {
  max-width: 1100px;
  margin: 0 auto;
}
.enterprise-page__process-header {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  margin-bottom: 4rem;
}
@media (min-width: 768px) {
  .enterprise-page__process-header {
    gap: var(--space-8);
    margin-bottom: 5rem;
  }
}
.enterprise-page__steps {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .enterprise-page__steps { grid-template-columns: repeat(4, 1fr); }
}
.enterprise-page__step {
  position: relative;
  padding: 2rem 1.5rem 2.5rem;
}
@media (min-width: 768px) {
  .enterprise-page__step { padding: 2.5rem 2rem; }
}
.enterprise-page__step + .enterprise-page__step {
  border-top: 1px solid color-mix(in srgb, var(--ink-900) 8%, transparent);
}
@media (min-width: 768px) {
  .enterprise-page__step + .enterprise-page__step {
    border-top: none;
    border-left: 1px solid color-mix(in srgb, var(--ink-900) 8%, transparent);
  }
}
.enterprise-page__step-num {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-family: var(--font-en);
  font-size: clamp(2.5rem, 8vw, 3.75rem);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.02em;
  color: color-mix(in srgb, var(--ink-900) 6%, transparent);
  pointer-events: none;
}
@media (min-width: 768px) {
  .enterprise-page__step-num { right: 1.25rem; }
}
.enterprise-page__step-body {
  position: relative;
  z-index: 1;
  max-width: 14rem;
}
.enterprise-page__step-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-bottom: 1.25rem;
  flex-shrink: 0;
}

/* ====== 4. DETAILS — 回収対象と注意事項 ====== */
.enterprise-page__details {
  background-color: color-mix(in srgb, var(--surface-paper) 50%, #fafdff);
}
.enterprise-page__details-shell {
  box-sizing: border-box;
  width: 100%;
  padding: var(--space-24) var(--space-6);
}
@media (min-width: 768px) {
  .enterprise-page__details-shell { padding: var(--space-24) var(--space-12); }
}
@media (min-width: 1024px) {
  .enterprise-page__details-shell {
    padding-top: 128px;
    padding-bottom: 128px;
    padding-left: var(--space-20);
    padding-right: var(--space-20);
  }
}
.enterprise-page__details-content {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  width: 100%;
  max-width: 56.25rem; /* 900px */
  margin: 0 auto;
  text-align: left;
}
.enterprise-page__details-eyebrow {
  font-size: 13px;
  letter-spacing: 0.2115em;
}
.enterprise-page__details-title {
  margin: 0;
  font-family: var(--font-jp);
  font-size: var(--fs-h2-lg, clamp(1.5rem, calc(1.5rem + 0.5vw), 2rem));
  font-weight: 700;
  line-height: 1.5;
  color: var(--ink-900);
}

/* ----- Detail rows ----- */
.enterprise-page__details-rows {
  font-size: 13px;
  color: var(--brand-primary);
}
.enterprise-page__details-row {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding-top: 1.25rem;
  box-sizing: border-box;
}
.enterprise-page__details-row--ruled {
  border-top: 1px solid color-mix(in srgb, var(--ink-900) 8%, transparent);
}
@media (min-width: 768px) {
  .enterprise-page__details-row {
    flex-direction: row;
    align-items: flex-start;
    gap: 0;
  }
}
.enterprise-page__detail-label {
  flex-shrink: 0;
  width: 10rem;
  font-family: var(--font-jp);
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.04em;
  color: var(--brand-primary);
}
.enterprise-page__detail-value {
  font-family: var(--font-jp);
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  color: color-mix(in srgb, var(--ink-900) 70%, transparent);
}

/* ----- Detail cases (注力 / 対応可能 / 対応していない) ----- */
.enterprise-page__cases {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
.enterprise-page__case {
  box-sizing: border-box;
  min-height: 11.9375rem;
}
.enterprise-page__case[data-accent="primary"]   { border-left: 2px solid var(--brand-primary); }
.enterprise-page__case[data-accent="secondary"] { border-left: 2px solid var(--brand-secondary); }
.enterprise-page__case[data-accent="orange"]    { border-left: 2px solid var(--brand-accent-orange); }

.enterprise-page__case-inner {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 1rem 0 1rem 3.375rem;
  max-width: 44.625rem;
}
.enterprise-page__case-title {
  margin: 0;
  font-family: var(--font-jp);
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  color: var(--ink-900);
}
.enterprise-page__case-list {
  margin: 0;
  padding-left: 19px;
  list-style: disc;
  font-family: var(--font-jp);
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  color: color-mix(in srgb, var(--ink-900) 70%, transparent);
}
.enterprise-page__case-list li { margin: 0; }
.enterprise-page__case-list li + li { margin-top: 0; }
.enterprise-page__case-note {
  margin: 0;
  font-family: var(--font-jp);
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: color-mix(in srgb, var(--ink-500) 70%, transparent);
}

/* ====== 5. GET IN TOUCH CTA (暗背景写真) ====== */
.enterprise-page__cta {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 440px;
  overflow: hidden;
  background: var(--ink-900);
}
@media (min-width: 768px) {
  .enterprise-page__cta { min-height: 520px; }
}
.enterprise-page__cta-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.enterprise-page__cta-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.enterprise-page__cta-veil {
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, var(--ink-900) 55%, transparent);
  pointer-events: none;
  z-index: 1;
}
.enterprise-page__cta-content {
  position: relative;
  z-index: 2;
  padding: var(--space-24) var(--space-6);
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 768px) {
  .enterprise-page__cta-content { padding: var(--space-32) var(--space-6); }
}
.enterprise-page__cta-eyebrow {
  margin: 0 0 var(--space-5);
  font-family: var(--font-en);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--ink-inv-500);
}
.enterprise-page__cta-title {
  margin: 0 0 var(--space-5);
  font-family: var(--font-jp);
  font-size: var(--fs-h2-md);
  font-weight: 700;
  line-height: 1.6;
  color: var(--ink-inv-900);
  text-align: center;
}
.enterprise-page__cta-lead {
  margin: 0 0 var(--space-10);
  font-family: var(--font-jp);
  font-size: var(--fs-body);
  font-weight: 400;
  line-height: 1.95;
  color: var(--ink-inv-700);
}
.enterprise-page__cta-divider {
  width: 40px;
  height: 1px;
  background: var(--line-inv);
  margin: 0 auto var(--space-10);
}

/* [Excel row35] ヒーローのクロップが上すぎ天井ばかり → object-position を下げ梱包を見せる */
@media (min-width: 1024px) {
  .page-hero--enterprise .page-hero__media-img--enterprise {
    object-position: center 62%;
  }
}