.sec_guide_steps_ptn_1 {
  padding-block: 64px;
  background: var(--cream);
  @media (max-width: 760px) { padding-block: 52px; }
  > .wrap { max-width: 1000px; }
  .head { text-align: center; }
  .list { margin-top: 32px; list-style: none; }
  li { padding: 28px; display: flex; align-items: start; gap: 24px; background: var(--white); border: 1px solid var(--line); border-radius: 18px;
    & + li { margin-top: 16px; }
    @media (max-width: 700px) { padding: 22px; gap: 16px; }
    @media (max-width: 400px) { padding: 20px; flex-direction: column; }
  }
  .num { width: 40px; height: 40px; display: grid; flex: 0 0 auto; place-items: center; background: var(--sage-dark); color: var(--white); font-family: var(--font-en); font-size: 18px; font-weight: 800; line-height: 1em; border-radius: 50%; }
  .main { min-width: 0; }
  h3 { color: var(--heading); font-size: 22px; font-weight: 800; line-height: 1.5em;
    @media (max-width: 600px) { font-size: 20px; }
  }
  p { margin-top: 12px; font-size: var(--copy-size); line-height: 1.75em; }
  .notice_ptn_1 { margin-top: 28px; }
}