.home-faq {
  background: var(--stone);
}

.home-faq-grid {
  display: grid;
  grid-template-columns: .68fr 1.32fr;
  gap: 100px;
}

.home-faq-head h2 {
  margin: 0;
  color: var(--green);
  font-size: clamp(35px, 3.5vw, 51px);
  line-height: 1.55;
}

.home-faq-head > p:last-child {
  color: var(--muted);
}

.home-faq-list {
  border-top: 1px solid var(--line);
}

.home-faq-list details {
  border-bottom: 1px solid var(--line);
}

.home-faq-list summary {
  position: relative;
  padding: 25px 52px 25px 0;
  cursor: pointer;
  list-style: none;
  color: var(--green);
  font: 500 16px/1.7 var(--serif);
}

.home-faq-list summary::-webkit-details-marker {
  display: none;
}

.home-faq-list summary::after {
  content: "＋";
  position: absolute;
  right: 8px;
  top: 24px;
  color: var(--brass);
  font: 300 23px/1 var(--sans);
}

.home-faq-list details[open] summary::after {
  content: "−";
}

.home-faq-list details p {
  margin: -4px 50px 25px 0;
  color: var(--muted);
  font-size: 12px;
}

@media (max-width: 1080px) {
  .home-faq-grid {
    gap: 55px;
  }
}

@media (max-width: 820px) {
  .home-faq-grid {
    grid-template-columns: 1fr;
    gap: 42px;
  }
}