@charset "UTF-8";

#framepc-faq,
#framesp-faq {
  --mt-frame-faq: 0;
  --width-frame-faq: 1200;

  position: relative;
  width: calc(var(--width-frame-faq) * 1px);
  margin: calc(var(--mt-frame-faq) * 1px) auto 0;
  left: 0;
  right: 0;
text-align: center;

border: solid red 0px;
}
.title-faq {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
/*
  top: calc(var(--top-title-faq-up) * 1px);
  padding-bottom: calc(var(--mb-title-faq-up) * 1px);
*/
}
.title-faq {
  --width-title-faq: 1000;
}

.faq {
  --mt-faq: 50;
  --pt-faq: 100;

/*  text-align: left; */
  margin: calc(var(--mt-faq) * 1px) auto 0;
  padding-top: calc(var(--pt-faq) * 1px);

  line-height: 180%;
}

.faq .title {
  --mr-title: 500;

  font-size: 32px;
  color: white;
  margin-right: calc(var(--mr-title) * 1px);
}
.faq .item {
  --mt-item: (-30);
  --ml-item: 35;
  --width-item: 1000;

  text-align: left;
  padding: 0;
  border-radius: 15px;
  margin-top: calc(var(--mt-item) * 1px);
  margin-left: calc(var(--ml-item) * 1px);
  width: calc(var(--width-item) * 1px);

  background-color: white;
  color: black;

}
.faq .item .question {
  --mt-item-question: (-30);

  margin-top: calc(var(--mt-item-question) * 1px);
  font-size: 28px;
  font-weight: bold;
}
.faq .item .answer {
  --mt-item-answer: (-30);

  margin-top: calc(var(--mt-item-answer) * 1px);
  font-size: 22px;
}

/* 1201px未満 */
@media screen and (max-width: 1200px) {
  #framesp-faq {
    margin-top: calc(var(--mt-frame-faq) / 1000 * 100vw);
    width: 96vw;
  }
  .title-faq {
    width: calc(var(--width-title-faq) / 1000 * 100vw);
    margin-left: 0;
    padding-left: 0;
  }
  .faq {
    margin-top: calc(var(--mt-faq) / 1000 * 100vw);
    padding-top: calc(var(--pt-faq) / 1000 * 100vw);
    margin: 0 auto;
    width: 80vw;
  }
  .faq .title {
    margin-right: calc(var(--mr-title) / 1000 * 100vw);
    font-size: 18px;
  }
  .faq .item {
    --mt-item: 50;

    margin-top: calc(var(--mt-item) / 1000 * 100vw);
    margin-left: 0;
    padding-left: 0;
    width: 86vw;
    line-height: 140%;
  }
  .faq .item .question {
    --mt-item-answer: 20;

    margin-top: calc(var(--mt-item-answer) / 1000 * 100vw);
    font-size: 18px;
  }
  .faq .item .answer {
    --mt-item-answer: 20;

    margin-top: calc(var(--mt-item-answer) / 1000 * 100vw);
    font-size: 14px;
  }
}