
#faq_content .text {
  font-family: var(--ff-maru);
  font-size: clamp( 1.6rem, calc( 1.4rem + 0.5555555555555556vw ), 2.1rem );
  max-width: 80rem;
  margin: 0 auto 7rem;
  @media (min-width:768px) {
    margin-bottom: 10rem;
  }
}
#faq_content .faq_item {
  padding: 3rem;
  background: #FFF;
  border: 0.1rem solid var(--light-gray);
  border-radius: 1rem;

  +.faq_item {
    margin-top: 7rem;
  }
  & dt {
    display: flex;
    margin-bottom: 2rem;
    gap: 0 1em;

    &::before {
      content: "Q";
      color: var(--key-color);
      font-family: var(--ff-maru);
      font-size: clamp( 2rem, calc( 1.36rem + 1.7777777777777777vw ), 3.6rem );
      flex-shrink: 0;
    }
    & span {
      margin-top: 0.2em;
    }
  }
  & dd {
    display: flex;
    gap: 0 1em;
    &::before {
      content: "A";
      color: #F45F3A;
      font-family: var(--ff-maru);
      font-size: clamp( 2rem, calc( 1.36rem + 1.7777777777777777vw ), 3.6rem );
      flex-shrink: 0;
    }
    & span:not(.reader_text) {
      margin-top: 1%;
    }
  }
}
/*スクリーンリーダー用テキスト*/
#faq_content .reader_text {
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  padding: 0;
  margin: -0.1rem;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}