@media screen and (min-width: 960px) {
  /* PC */
  /* ----------  ---------- */
  .faq-list-item {
  }

  .faq-item-mark {
    aspect-ratio: 1 / 1;
    width: 2.5rem;

    background-color: var(--secondary-base-color-code);
    border-radius: 50%;

    overflow: hidden;
    flex-shrink: 0;

    padding-top: 0.35rem;
    padding-right: 0.35rem;
    padding-bottom: 0.35rem;
    padding-left: 0.35rem;

    margin-right: 0.65rem;

    text-align: center;
  }

  .faq-item-mark span {
    --icon-size: 1.35rem;
    max-width: 100%;
    width: fit-content;
    max-height: 100%;
    height: fit-content;

    display: inline-block;
    vertical-align: middle;
    line-height: var(--icon-size);

    color: #000000;
    font-size: var(--icon-size);
  }


  .faq-list-item__question {
    display: flex;
    align-items: center;
    margin-bottom: 0.455rem;
  }

  .faq-list-item__question-content p {
    font-weight: 700;
  }


  .faq-list-item__answer {
    display: flex;
    align-items: flex-start;
  }


}

@media screen and (max-width: 959px) {
  /* Tablet and Mobile */
  /* ----------  ---------- */
  .faq-list-item {
  }

  .faq-item-mark {
    aspect-ratio: 1 / 1;
    width: 2rem;

    background-color: var(--secondary-base-color-code);
    border-radius: 50%;

    overflow: hidden;
    flex-shrink: 0;

    padding-top: 0.35rem;
    padding-right: 0.35rem;
    padding-bottom: 0.35rem;
    padding-left: 0.35rem;

    margin-right: 0.65rem;

    text-align: center;
  }

  .faq-item-mark span {
    --icon-size: 1.15rem;

    max-width: 100%;
    width: fit-content;
    max-height: 100%;
    height: fit-content;

    display: inline-block;
    line-height: var(--icon-size);

    color: #000000;
    font-size: var(--icon-size);
  }


  .faq-list-item__question {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.455rem;
  }

  .faq-list-item__question-content p {
    font-weight: 700;
  }


  .faq-list-item__answer {
    display: flex;
    align-items: flex-start;
  }
}