@charset "UTF-8";

#frame-faq {
  margin: 0 auto;
  left: 0;
  right: 0;


}
.faq {
  --mt-faq: 50;
  --width-faq: 80vw;

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

.faq .title {

  font-size: 30px;
  color: white;
}
.faq .underline {
  border-bottom: solid white 3px;
}

.faq .item {
  --mt-item: 25;
  
  text-align: left;
  background-color: white;
  color: black;
  padding: 15px;
  border-radius: 15px;
  margin-top: calc(var(--mt-item) * 1px);

}
.faq .item .question {
  font-size: 18px;
  font-weight: bold;
}
.faq .item .answer {
  font-size: 14px;
}

/* 1001px未満 */
@media screen and (max-width: 1000px) {
  #frame-faq {
  }
  .faq {
    margin-top: calc(var(--mt-faq) / 1000 * 100vw);
/*    width: calc(var(--width-faq) / 1000 * 100vw); */
    width: 90vw;
  }
  .faq .title {
    font-size: 30px;
  }
  .faq .item {
    margin-top: calc(var(--mt-item) / 1000 * 100vw);
  }
  .faq .item .question {
    font-size: 16px;
  }
  .faq .item .answer {
    font-size: 12px;
  }
}