/* =========================================================
   セクション見出し ＋ リード文
   <em> … アクセント色 / <em class="lg"> … アクセント色＋1.25倍
   ========================================================= */
.sec-title {
  font-size: clamp(24px, 2.22vw, 32px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .03em;
  color: var(--main);
  text-align: center;
}
.sec-title em { font-style: normal; color: var(--accent); }
.sec-title em.lg { font-size: 1.25em; }

.sec-lead {
  font-size: clamp(15px, 1.39vw, 20px);
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}

/* ---- Responsive ---- */
@media (max-width: 560px) {
  /* リード文を文の区切りで改行する（.sec-lead__row で囲んだ箇所） */
  .sec-lead__row { display: block; }
}