/* ===== personal-layout.css ===== */
/* ---- 個人ページ: コーラル+丸マーカーへの切替 ---- */
.pagetitle::after {
  background: linear-gradient(90deg, var(--coral), var(--gold) 55%, transparent);
}
.pt-en {
  color: var(--coral);
}
.pt-en::before {
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #ffb9a8, var(--coral));
}
.pagetitle::before {
  background: radial-gradient(circle, rgba(239, 122, 101, 0.22), rgba(239, 122, 101, 0) 62%);
}
nav.main a.active::after {
  background: linear-gradient(90deg, var(--coral), var(--gold));
}
.pagehero {
  background: linear-gradient(180deg, #fdfaf6 0%, #fff 100%);
}
.pagehero .hero-eyebrow {
  color: var(--coral-600);
}
.pagehero .hero-cta .btn--person {
  background: var(--coral);
  color: #fff;
  border-color: var(--coral);
}
.pagehero .hero-cta .btn--person:hover {
  background: var(--coral-600);
  box-shadow: var(--shadow-sm);
}
.caselist li::before {
  border-radius: 50%;
  background: var(--coral)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")
    center/13px no-repeat;
}
.itag::before {
  border-radius: 50%;
  background: var(--coral);
}

/* 個人サービスカード */
.sgrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}
.scard {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 26px;
  box-shadow: var(--shadow-sm);
}
.scard .khead {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 10px;
}
.scard .kico {
  flex: 0 0 48px;
  height: 48px;
  border-radius: 50%;
  background: #fdf3f0;
  color: var(--coral-600);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 0 0 1px #f3ded7;
}
.scard .kico svg {
  width: 24px;
  height: 24px;
}
.scard h3 {
  font-size: 17.5px;
  margin: 0;
  letter-spacing: 0.02em;
}
.scard p {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.95;
  margin: 0;
}
.scard p + p {
  margin-top: 8px;
}
.scard .chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}
.scard .chip {
  display: inline-flex;
  align-items: center;
  background: #fdf6f1;
  border: 1px solid #f0e2d8;
  border-radius: 999px;
  padding: 7px 14px;
  font-size: 13px;
  font-weight: 600;
  color: var(--ink);
}
@media (max-width: 860px) {
  .sgrid {
    grid-template-columns: 1fr;
  }
}

/* 安心ポイント */
.agrid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
}
.acard {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 22px 18px;
  text-align: center;
  box-shadow: var(--shadow-sm);
}
.acard .an {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.2em;
  color: var(--coral-600);
  display: block;
  margin-bottom: 12px;
}
.acard .aico {
  width: 52px;
  height: 52px;
  margin: 0 auto 12px;
  border-radius: 50%;
  background: #fdf3f0;
  color: var(--coral-600);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 0 0 1px #f3ded7;
}
.acard .aico svg {
  width: 25px;
  height: 25px;
}
.acard h3 {
  font-size: 15px;
  margin: 0 0 8px;
  line-height: 1.5;
}
.acard p {
  color: var(--muted);
  font-size: 12.5px;
  line-height: 1.8;
  text-align: left;
}
.acard small {
  display: block;
  margin-top: 8px;
  color: #a08d80;
  font-size: 11px;
  line-height: 1.7;
  text-align: left;
}
@media (max-width: 1040px) {
  .agrid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 640px) {
  .agrid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 420px) {
  .agrid {
    grid-template-columns: 1fr;
  }
}

/* あたたかい最終CTA */
.finalcta {
  background: linear-gradient(140deg, #6d392b 0%, #96513c 55%, #a8654a 100%);
}

@media (max-width: 480px) {
  .scard h3 {
    font-size: 16px;
  }
}
@media (max-width: 344px) {
  .faqband h2 {
    font-size: 17px;
  }
}