.branch-page .branch-profile { padding-block: clamp(56px, 6vw, 84px); background: #fff; }
.branch-page .branch-profile h2 { display: flex; margin: 0 0 28px; align-items: baseline; gap: 16px; color: var(--navy-950); font-size: clamp(1.6rem, 2.5vw, 2.15rem); font-weight: 650; line-height: 1.5; letter-spacing: .015em; }
.branch-page .branch-profile h2::before { position: relative; top: .04em; flex: 0 0 4px; height: .9em; content: ""; background: var(--teal-600); }
.branch-page .branch-profile-paragraph { max-width: 1120px; margin: 0; color: #4f626f; font-size: 1.08rem; line-height: 2.15; letter-spacing: .02em; }
.branch-page .branch-profile-paragraph strong { color: var(--navy-950); font-weight: 650; }

@media (max-width: 640px) {
  .branch-page .branch-profile { padding-block: 44px; }
  .branch-page .branch-profile h2 { gap: 12px; margin-bottom: 22px; font-size: 1.5rem; }
  .branch-page .branch-profile h2::before { flex-basis: 3px; }
  .branch-page .branch-profile-paragraph { font-size: 1rem; line-height: 2; letter-spacing: .01em; }
}