@scope (.area-prmy-faq) to (.area-scdy-faq) {}
@scope (.area-scdy-faq) to (.area-tery-faq) {
  :scope .body .list-qa > .item {
    border-block-end-color: #b89445;
    border-block-end-style: solid;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-qa > .item {
      border-block-end-width: 0.05208vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-qa > .item {
      border-block-end-width: 0.09766vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-qa > .item {
      border-block-end-width: 0.25vw;
    }
  }
  :scope .body .list-qa > .item:first-of-type {
    border-block-start-color: #b89445;
    border-block-start-style: solid;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-qa > .item:first-of-type {
      border-block-start-width: 0.05208vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-qa > .item:first-of-type {
      border-block-start-width: 0.09766vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-qa > .item:first-of-type {
      border-block-start-width: 0.25vw;
    }
  }
  :scope .body .list-qa > .item .question,
  :scope .body .list-qa > .item .answer {
    position: relative;
    display: grid;
    align-items: center;
    inline-size: 100%;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-qa > .item .question,
    :scope .body .list-qa > .item .answer {
      gap: 1.25vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-qa > .item .question,
    :scope .body .list-qa > .item .answer {
      gap: 1.95313vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-qa > .item .question,
    :scope .body .list-qa > .item .answer {
      gap: 4vw;
    }
  }
  :scope .body .list-qa > .item .question::before,
  :scope .body .list-qa > .item .answer::before {
    content: "";
    position: static;
    align-self: flex-start;
    display: inline-block;
    color: #1f4e79;
    font-family: "Times New Roman", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    text-transform: uppercase;
    line-height: 1;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-qa > .item .question::before,
    :scope .body .list-qa > .item .answer::before {
      font-size: 1.875vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-qa > .item .question::before,
    :scope .body .list-qa > .item .answer::before {
      font-size: 3.125vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-qa > .item .question::before,
    :scope .body .list-qa > .item .answer::before {
      font-size: 6vw;
    }
  }
  :scope .body .list-qa > .item .question::before {
    grid-area: symbol;
  }
  :scope .body .list-qa > .item .question .btn-trigger {
    grid-area: btn-trigger;
  }
  @media screen and (min-width: 601px) {
    :scope .body .list-qa > .item .question {
      grid-template-areas: "symbol btn-trigger";
      grid-template-columns: max-content 1fr;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-qa > .item .question {
      grid-template-areas: "symbol" "btn-trigger";
      grid-template-columns: 1fr;
      grid-template-rows: repeat(2, max-content);
    }
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-qa > .item .question {
      padding-inline-start: 1.25vw;
      padding-inline-end: 1.25vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-qa > .item .question {
      padding-inline-start: 1.95313vw;
      padding-inline-end: 1.95313vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-qa > .item .question {
      padding-inline-start: 4vw;
      padding-inline-end: 4vw;
    }
  }
  :scope .body .list-qa > .item .question::before {
    content: "q.";
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-qa > .item .question::before {
      padding-block-start: 6vw;
    }
  }
  :scope .body .list-qa > .item .question::before {
    align-self: center;
  }
  :scope .body .list-qa > .item .question .btn-trigger {
    line-height: 1;
    appearance: none;
    cursor: pointer;
    border: 0;
    padding: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-qa > .item .question .btn-trigger {
      gap: 0.83333vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-qa > .item .question .btn-trigger {
      gap: 1.36719vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-qa > .item .question .btn-trigger {
      gap: 3vw;
    }
  }
  :scope .body .list-qa > .item .question .btn-trigger {
    letter-spacing: 0.24em;
    text-align: left;
    line-height: inherit;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-qa > .item .question .btn-trigger {
      padding-block-start: 1.875vw;
      padding-block-end: 1.875vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-qa > .item .question .btn-trigger {
      padding-block-start: 2.92969vw;
      padding-block-end: 2.92969vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-qa > .item .question .btn-trigger {
      padding-block-end: 6vw;
    }
  }
  :scope .body .list-qa > .item .question .btn-trigger .string,
  :scope .body .list-qa > .item .question .btn-trigger .mark {
    display: inline-block;
    inline-size: 100%;
  }
  :scope .body .list-qa > .item .question .btn-trigger .string {
    max-inline-size: 96%;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-qa > .item .question .btn-trigger .string {
      font-size: 0.9375vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-qa > .item .question .btn-trigger .string {
      font-size: 1.66016vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-qa > .item .question .btn-trigger .string {
      font-size: 3.75vw;
    }
  }
  :scope .body .list-qa > .item .question .btn-trigger .mark {
    position: relative;
    inline-size: 100%;
    overflow: hidden;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-qa > .item .question .btn-trigger .mark {
      max-inline-size: 1.25vw;
      block-size: 1.25vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-qa > .item .question .btn-trigger .mark {
      max-inline-size: 2.34375vw;
      block-size: 2.34375vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-qa > .item .question .btn-trigger .mark {
      max-inline-size: 6vw;
      block-size: 6vw;
    }
  }
  :scope .body .list-qa > .item .question .btn-trigger .mark::before, :scope .body .list-qa > .item .question .btn-trigger .mark::after {
    content: "";
    position: absolute;
    inline-size: 100%;
    background-color: #1f4e79;
  }
  :scope .body .list-qa > .item .question .btn-trigger .mark::before {
    inset-block-start: 50%;
    inset-inline-start: 0;
    translate: 0 -50%;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-qa > .item .question .btn-trigger .mark::before {
      max-inline-size: 1.25vw;
      block-size: 0.10417vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-qa > .item .question .btn-trigger .mark::before {
      max-inline-size: 2.34375vw;
      block-size: 0.19531vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-qa > .item .question .btn-trigger .mark::before {
      max-inline-size: 6vw;
      block-size: 0.5vw;
    }
  }
  :scope .body .list-qa > .item .question .btn-trigger .mark::after {
    inset-block-start: 0;
    inset-inline-start: 50%;
    transition: inset 0.4s ease-in-out;
    translate: -50% 0;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-qa > .item .question .btn-trigger .mark::after {
      max-inline-size: 0.10417vw;
      block-size: 1.25vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-qa > .item .question .btn-trigger .mark::after {
      max-inline-size: 0.19531vw;
      block-size: 2.34375vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-qa > .item .question .btn-trigger .mark::after {
      max-inline-size: 0.5vw;
      block-size: 6vw;
    }
  }
  :scope .body .list-qa > .item .question .btn-trigger[aria-expanded=true] .mark::after {
    inset-block-start: 100%;
  }
  :scope .body .list-qa > .item .answer:before {
    grid-area: symbol;
  }
  :scope .body .list-qa > .item .answer .text {
    grid-area: text;
  }
  :scope .body .list-qa > .item .answer .list-links {
    grid-area: list-links;
  }
  :scope .body .list-qa > .item .answer {
    background-color: rgb(247.9, 244.3, 236.4);
  }
  @media screen and (min-width: 601px) {
    :scope .body .list-qa > .item .answer {
      grid-template-areas: "symbol text" "symbol list-links";
      grid-template-columns: max-content 1fr;
      grid-template-rows: repeat(2, max-content);
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-qa > .item .answer {
      grid-template-areas: "symbol" "text" "list-links";
      grid-template-columns: 1fr;
      grid-template-rows: repeat(3, max-content);
    }
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-qa > .item .answer {
      padding-block-start: 1.875vw;
      padding-block-end: 1.875vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-qa > .item .answer {
      padding-block-start: 2.92969vw;
      padding-block-end: 2.92969vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-qa > .item .answer {
      padding-block-start: 6vw;
      padding-block-end: 6vw;
    }
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-qa > .item .answer {
      padding-inline-start: 1.25vw;
      padding-inline-end: 1.25vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-qa > .item .answer {
      padding-inline-start: 1.95313vw;
      padding-inline-end: 1.95313vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-qa > .item .answer {
      padding-inline-start: 4vw;
      padding-inline-end: 4vw;
    }
  }
  @media screen and (min-width: 1025px) {
    :scope .body .list-qa > .item .answer {
      margin-block-end: 2.5vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .list-qa > .item .answer {
      margin-block-end: 3.90625vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .list-qa > .item .answer {
      margin-block-end: 8vw;
    }
  }
  :scope .body .list-qa > .item .answer::before {
    content: "a.";
  }
}
/*# sourceMappingURL=faq.css.map */