@charset "UTF-8";

#frame-faq {
  --width-frame-faq: 1000;
  --height-frame-faq: 2900;

  margin: 0 auto;
  left: 0;
  right: 0;
  width: calc(var(--width-frame-faq) * 1px * 0.5);
  height: calc(var(--height-frame-faq) * 1px * 0.5);
  background-color: black;
}
.title#faq {
  --width-title-faq: 781;
  --mt-title-faq: 30;
  --mb-title-faq: -30;

  width: calc(var(--width-title-faq) * 1px * 0.5);
  margin-top: calc(var(--mt-title-faq) * 1px);
  margin-bottom: calc(var(--mb-title-faq) * 1px);
}

.parts#faq {
  --mt-faq: 0;
  --pt-faq: 30;
  --width-faq: 780;

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

  width: calc(var(--width-faq) * 1px * 0.5);
}

.parts#faq .item {
  --mt-item: 20;
  
  text-align: left;
  color: white;

  margin-top: calc(var(--mt-item) * 1px);
border: solid yellow 0px;

}
.parts#faq .item .question {
  font-size: 14px;
  font-weight: bold;
border: solid white 0px;
}
.parts#faq .item .answer {
  font-size: 11px;
}

/* 1001px未満 */
@media screen and (max-width: 1000px) {
  #frame-faq {
    width: 100vw;
    height: calc(var(--height-frame-faq) / 1000 * 100vw * 0.8);
  }
  .title#faq {
    width: calc(var(--width-title-faq) / 1000 * 100vw );
    margin-top: calc(var(--mt-title-faq) / 1000 * 100vw);
    margin-bottom: calc(var(--mb-title-faq) / 1000 * 100vw);
  }
  .parts#faq {
    margin: calc(var(--mt-faq) / 1000 * 100vw) auto 0;
    padding-top: calc(var(--pt-faq) / 1000 * 100vw);
    width: calc(var(--width-faq) / 1000 * 100vw );
  }
  .parts#faq .item {
    margin-top: calc(var(--mt-item) / 1000 * 100vw);
  }
  .parts#faq .item .question {
    font-size: 2.5vw;
  }
  .parts#faq .item .answer {
    font-size: 2vw;
  }
}