.ph { padding: 96px 0 120px; background: var(--sky); }
.ph__in { max-width: 820px; }
.ph__title { font-size: 40px; }
.ph__lead { margin-top: 14px; color: var(--ink-2); font-size: 18px; }
.ph__box { margin: 36px 0 32px; padding: 26px 28px; border: 1px solid var(--line); border-radius: var(--r-xl); background: #fff; box-shadow: var(--sh-1); }
.ph__box-title { display: flex; align-items: flex-start; gap: 12px; font-family: var(--f-head); font-size: 18px; font-weight: 700; }
.ph__box-title .ball { margin-top: calc(.925em - 6px); }
.ph__plan { margin-top: 10px; color: var(--ink-2); font-size: 15.5px; }
@media (max-width: 760px) {
  .ph { padding: 64px 0 80px; }
  .ph__title { font-size: 30px; }
  .ph--guide .ph__title { font-size: 28px; }
  .ph--guide .ph__lead { font-size: 16.5px; }
}
@media (max-width: 370px) {
  .ph--guide .ph__title { font-size: 26px; }
  .ph--guide .ph__lead { font-size: 16px; }
}