@charset "UTF-8";
/*=====================
初めての方へ　 */

/*======================
accordion faq*/
.aco_faq {
  text-align: start;
  counter-reset: faq_number 0;
  .accordion_item {
    .aco_faq_ti {
      &::before {
        counter-increment: faq_number 1;
        content: "Q0" counter(faq_number);
        background: rgba(var(--bg_color02), 1);
        color: rgba(var(--light_tx_color), 1);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-family: "Cinzel", serif;
        font-weight: 500;
        position: absolute;
        inset: 0 auto 0 0;
        font-size: 1.2em;

        inline-size: clamp(56px, 4.39vw, 60px);
      }
    }

    &:nth-of-type(n + 10) {
      .aco_faq_ti {
        &::before {
          content: "Q" counter(faq_number);
        }
      }
    }

    .aco_inner {
      padding-block: 0;
      padding-inline: clamp(16px, 1.76vw, 24px);
      background: rgba(var(--bg_white), 1);
      border: 1px transparent solod;
      border-block-start: none;
    }
    &.open {
      .aco_faq_ti {
        &::after {
          content: "\e15b";
        }
      }
      .aco_inner {
        padding-block: clamp(22px, 2.34vw, 32px);
        border: 1px rgba(var(--bg_color01), 1) solod;
        border-block-start: none;
      }
    }
    & + .accordion_item {
      -webkit-margin-before: 24px;
      margin-block-start: 24px;
    }
  }

  .cts_p {
    & + .note_list {
      margin-block-start: 1em;
    }
    & + .num_list {
      margin-block-start: 1em;
    }
  }
  .num_list{
    & + .note_list {
      margin-block-start: 1em;
    }
    & + .cts_p {
      margin-block-start: 1em;
    }
  }

}

.aco_faq_ti {
  background: rgba(var(--subcolor01), 1);
  color: rgba(var(--light_tx_color), 1);
  font-size: clamp(1.6rem, 1.32vw, 1.8rem);
  padding-block: 1em;
  padding-inline: calc(clamp(56px, 4.39vw, 60px) + 1em) calc(clamp(50px, 4.39vw, 60px) + 1em);
  line-height: 1.4;
  position: relative;

  &::after {
    font-family: "Material Symbols Sharp";
    content: "\e145";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8em;
    text-align: center;
    inline-size: clamp(50px, 4.39vw, 60px);
    border-inline-start: 1px solid rgba(var(--light_tx_color), 1);
    block-size: calc(100% - 24px);

    position: absolute;
    inset: 50% 0 auto auto;
    transform: translateY(-50%);
  }

  &:hover {
    opacity: 0.6;
  }
}

.kome {
  font-size: 1.2rem;
  color: rgba(var(--error_color), 1);
  vertical-align: text-top;
}