@charset "UTF-8";

.static-container .c-heading {
  margin-top: 0;
  margin-bottom: 2rem;
}

.static-section:not(:first-child) {
  margin-top: 4rem;
}

.static-heading-group {
  display: grid;
  grid-template-columns: 100%;
  gap: 1.5rem;
}

.static-heading-group .c-heading {
  margin-bottom: 0;
}

.static-heading-group .static-heading-lead {
  font-size: 1.4rem;
  line-height: var(--leading-default);
  letter-spacing: var(--tracking-default);
}

.static-section__body {
  font-size: 1.4rem;
  line-height: var(--leading-default);
  letter-spacing: var(--tracking-default);
}

.static-section__body > * + *:not(br) {
  margin-top: 6rem;
}

.static-section__body-inner > * + * {
  margin-top: 2rem;
}

.static-section__table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.static-section__table tr {
  border: none;
  border-top: 1px var(--color-gray-main) solid;
  border-bottom: 1px var(--color-gray-main) solid;
}

.static-section__table :is(th, td) {
  text-align: left;
}

.static-section__table th {
  padding: 1em 0;
  font-weight: bold;
}

.static-section__table td {
  padding: 1em;
  border: none;
}

.static-section__list {
  margin-top: 2rem;
}

.static-section__list li {
  font-size: 1.3rem;
}

.static-list--disc li {
  list-style: disc inside;
  text-indent: -1.6rem;
  padding-left: 1.6rem;
}

.static-list--num li {
  list-style: decimal inside;
  text-indent: -1.6rem;
  padding-left: 1.6rem;
}

.static-section__card {
  width: 100%;
  padding: 3rem 2rem;
  border-radius: 1.4rem;
  border: 0.5rem solid var(--color-primary);
}

.static-section__faq .static-faq__item {
  display: grid;
  grid-template-columns: 100%;
  gap: 1.2rem;
  padding: 1.8rem 0;
}

.static-section__faq .static-faq__item:not(:first-of-type) {
  border-top: 1px solid var(--color-gray-main);
}

.static-section__faq .static-faq__question,
.static-section__faq .static-faq__answer {
  display: grid;
  grid-template-columns: 2.4rem minmax(0, 1fr);
  gap: 1rem;
}

.static-section__faq .static-faq__question::before,
.static-section__faq .static-faq__answer::before {
  display: grid;
  place-content: center;
  aspect-ratio: 1;
  text-align: center;
  font-weight: var(--fw-semibold);
  letter-spacing: var(--tracking-default);
  border-radius: 50%;
}

.static-section__faq .static-faq__question {
}

.static-section__faq .static-faq__question::before {
  content: "Q";
  color: var(--color-white);
  background-color: var(--color-tertiary);
}

.static-section__faq .static-faq__answer {
}

.static-section__faq .static-faq__answer::before {
  content: "A";
  color: var(--color-tertiary);
  background-color: var(--color-primary);
}

.static-section__card > * + * {
  margin-top: 1rem;
}


.static-container .c-button {
  display: block;
  width: min(100%, 37rem);
  margin: 3rem auto 0;
}

@media (min-width: 768px) {
  .static-section:not(:first-child) {
    margin-top: 6rem;
  }

  .static-section__card {
    padding: 4rem;
  }

  .static-container .c-button {
    width: min(100%, 37rem);
    margin-top: 4rem;
  }

  .static-button-group {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
  }

  .static-button-group .c-button {
    margin-left: 0;
    margin-right: 0;
  }
}