/* =========================================================
   About page CSS (faithful, no-card)
   - whitespace layout like screenshot
   - text on image (hero-like overlay)
   - company black block section
   ========================================================= */

/* =========================
   Page title bar
   ========================= */
.page-hero{
  background:#111;
  color:#fff;
  padding:34px 0;
}
.page-hero-title{
  margin:0;
  text-align:center;
  font-size:42px;
  letter-spacing:.02em;
  font-weight:800;
  line-height:1.2;
}
/* =========================
   Sections
   ========================= */
section{ padding:56px 0; }
.section-title{
  text-align:center;
  margin:0 0 26px;
  font-size:26px;
  letter-spacing:.02em;
  font-weight:800;
}

/* FAQ (top only) */
.faq{ padding:56px 0; }
.faq-list{
  max-width: 860px;
  margin: 0 auto;
  border-top:1px solid var(--line);
}
.faq-item{
  border-bottom:1px solid var(--line);
  padding:14px 0;
}
.faq-item summary{
  cursor:pointer;
  font-weight:700;
  list-style:none;
}
.faq-item summary::-webkit-details-marker{ display:none; }
.faq-item p{
  margin:10px 0 0;
  color:var(--muted);
  font-size:13px;
  line-height:1.9;
}

/* =========================
   Process (dark bar)
   ========================= */
.process{
  background:var(--dark);
  color:#fff;
  padding:0;
}
.process .bar-title{
  text-align:center;
  font-weight:800;
  letter-spacing:.02em;
  padding:22px 0 16px;
  border-bottom:1px solid rgb(255 255 255 / 94%);
  font-size: 24px;
  line-height: 1.3em;
}

.steps{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:0;
  text-align:center;
  padding-bottom: 10px;
}
.step{
  padding:10px 14px 14px;
  border-right:1px solid rgba(255,255,255,.14);
}
.step:last-child{ border-right:none; }
.step .kicker{
  font-size:15px;
  opacity:.9;
  letter-spacing:.12em;
  font-weight:800;
}
.step .desc{
  margin:0 auto 0;
  font-size:13px;
  opacity:.92;
  max-width:240px;
}
/* Breadcrumbs: 横並び + 番号消す + " > " 区切り */
.breadcrumb,
.breadcrumbs,
.bread-crumb,
#breadcrumb,
nav[aria-label="Breadcrumb"] {
  font-size: 11px; /* お好みで */
}

.breadcrumb ol,
.breadcrumbs ol,
.bread-crumb ol,
#breadcrumb ol,
nav[aria-label="Breadcrumb"] ol {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  list-style: none;
  padding: 0;
  margin: 0;
}

.breadcrumb li,
.breadcrumbs li,
.bread-crumb li,
#breadcrumb li,
nav[aria-label="Breadcrumb"] li {
  margin: 0;
  padding: 0;
}

/* 区切り記号 */
.breadcrumb li + li::before,
.breadcrumbs li + li::before,
.bread-crumb li + li::before,
#breadcrumb li + li::before,
nav[aria-label="Breadcrumb"] li + li::before {
  content: " > ";
  white-space: pre;
  opacity: .7;
}

/* =========================
   Responsive
   ========================= */
@media (max-width: 920px){
  .page-hero-title{ font-size:34px; }
}

@media (max-width: 760px){
}