@media screen and (min-width: 821px) {
  .flow-intro {
    margin-bottom: 5rem;
  }
  .flow-step {
    gap: 1.25rem;
  }
  .flow-step > .item {
    gap: 2.5rem;
    grid-template-columns: 1.22fr 8.78fr;
  }
  .flow-step > .item > .ornament > .text > .number {
    font-size: 2.25rem;
  }
  .flow-step > .item > .ornament::after {
    background-image: radial-gradient(circle, var(--color-project-gold) 1.5px, rgba(165, 150, 110, 0) 1.5px);
    background-position: right top;
    background-repeat: repeat-y;
    background-size: 3px 8px;
    content: "";
    height: 100%;
    margin: auto;
    width: 3px;
  }
  .flow-step > .item > .text {
    gap: 1.25rem;
    margin-bottom: 2.5rem;
    padding-bottom: 3.75rem;
  }
  .flow-step > .item:last-child > .ornament::after {
    content: none;
  }
  .flow-faq {
    gap: 5.625rem;
  }
  .flow-faq > .content {
    gap: 2.5rem;
  }
  .flow-faq-item {
    padding: 2.5rem 1.25rem;
  }
  .flow-faq-item > .title {
    gap: 1.25rem;
  }
}

@media screen and (min-width: 821px) {
  .home-message {
    gap: 3.75rem;
  }
  .home-works {
    gap: 3.75rem;
  }
  .home-works > .content {
    gap: 3.75rem 2.5rem;
    grid-template-columns: repeat(3, 1fr);
  }
  .home-about {
    gap: 0 10%;
    grid-template-columns: 40% 50%;
  }
  .home-about > .content {
    gap: 3.125rem;
  }
  .home-about > .image {
    margin-top: 0;
    margin-left: 0;
    order: 1;
    width: 50vw;
  }
  .home-article {
    gap: 2.375rem;
    grid-template-columns: 1fr 1fr;
  }
  .home-article > .item {
    padding: 0 3.125rem;
  }
  .home-article-content {
    gap: 2.813rem;
  }
  .home-article-content > .title {
    padding-bottom: 1.875rem;
  }
  .home-article-content > .content {
    gap: 2.5rem;
  }
  .home-instagram {
    gap: 3.125rem;
  }
  .home-information > .item {
    gap: 2.5rem;
  }
  .home-information > .item + .item {
    margin-top: 3.75rem;
    padding-top: 3.75rem;
  }
  .home-information-list > dd > .list {
    justify-content: center;
  }
}