@charset "UTF-8";

/*--------------------------------------------------------------
# FAQリスト
--------------------------------------------------------------*/
.page_intro .text {
  font-size: var(--fs-large);
}
.faq_content {
  padding-top: 0;
}
.faq_content .block_title {
  background-image: linear-gradient(to right, var(--key-color), var(--key-color) 25%, var(--fc-base) 25%,var(--fc-base) 100%);
  background-size: 100% 0.2rem;
  background-position: left bottom;
  background-repeat: no-repeat;
}
.faq_content details {
  margin-top: 2.4rem;
  padding: 2em 1em;
  border-radius: 1rem;
  box-shadow: 0.1rem 0.2rem 1rem rgba(0,0,0,0.3);
  cursor: pointer;
  @media (min-width:768px) {
    padding: 2em;
  }

  & summary {
    display: flex;
    list-style-type: none;
    color: #847B6E;
    font-weight: 700;
    font-size: clamp( 1.6rem, calc( 1.5142857142857142rem + 0.2380952380952381vw ), 1.8rem );
    align-items: center;

    &::before {
      content: "Q．";
      color: var(--key-color);
      font-size: clamp( 1.9rem, calc( 1.7714285714285715rem + 0.35714285714285715vw ), 2.2rem );
    }
    &::after {
      display: inline-block;
      content: "＋";
      color: #847B6E;
      margin: 0 0 0 auto;
    }
  }
  .answer_wrap {
    display: flex;
    align-items: baseline;

    &::before {
      content: "A．";
      color: var(--key-color);
      font-size: clamp( 1.9rem, calc( 1.7714285714285715rem + 0.35714285714285715vw ), 2.2rem );
      font-weight: 700;
      margin-top: 2.4rem;
    }
    .text_wrap {
      margin-top: 2.4rem;
      & p:nth-child(1) {
        margin: 0;
      }
    }
    .btn_wrap {
      margin-top: 2.4rem;
      .btn {
        min-width: auto;
        width: min(100%,30rem);
        padding: 0.5em;
      } 
    }
  }
  &[open] summary::after {
    content: "－";
  }
}