/* //////////////////////////////////////////////////

Title : faq.scss
For   : hospis/

Created       : 2025-10-06
Last Modified : 2025-10-06

==========================================

Content

////////////////////////////////////////////////// */
/**
 * common
 */
.l-faq__section {
  max-width: var(--container-narrow);
  width: 100%;
  margin-inline: auto;
}

.c-faq__heading {
  border-bottom: 1px solid var(--color-theme-light);
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .c-global-anchor {
    padding-inline: calc(var(--global-gutter) * 1);
  }
  .l-faq__section {
    -webkit-margin-before: var(--faq-section-spacer, 7.5rem);
            margin-block-start: var(--faq-section-spacer, 7.5rem);
    padding-inline: calc(var(--global-gutter) * 2);
  }
  .l-faq__section + .l-faq__section {
    --faq-section-spacer: 6rem;
  }
  .c-faq__shell {
    -webkit-margin-before: 1.5rem;
            margin-block-start: 1.5rem;
  }
  .c-faq__heading {
    --heading-font-size: 1.8rem;
    --heading-line-height: 1;
    -webkit-padding-after: 2rem;
            padding-block-end: 2rem;
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .c-global-anchor {
    max-width: var(--container-narrow);
    width: 100%;
    margin-inline: auto;
  }
  .l-faq__section {
    -webkit-margin-before: var(--faq-section-spacer, 10rem);
            margin-block-start: var(--faq-section-spacer, 10rem);
  }
  .c-faq__shell {
    -webkit-margin-before: 5rem;
            margin-block-start: 5rem;
    padding-inline: 3rem;
  }
  .c-faq__heading {
    --heading-line-height: 1;
    -webkit-padding-after: 1.5rem;
            padding-block-end: 1.5rem;
  }
}
/*# sourceMappingURL=faq.css.map */