@charset "UTF-8";

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

  position: relative;
  margin-top: calc(var(--mt-frame-faq) * 1px);
}
.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 {

}

.faq {
  --mt-faq: 50;
  --pt-faq: 120;
  --width-faq: 950;

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

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

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

  font-size: 32px;
  color: white;
  margin-right: calc(var(--mr-title) * 1px);
}
.faq .item {
  --mt-item: 25;
  
  text-align: left;
  background-color: white;
  padding: 15px;
  border-radius: 15px;
  margin-top: calc(var(--mt-item) * 1px);

}
.faq .item .question {
  font-size: 28px;
  font-weight: bold;
}
.faq .item .answer {
  font-size: 20px;
}

/* 1001px未満 */
@media screen and (max-width: 1000px) {
  #framepc-faq,
  #framesp-faq {
  }
  .title-faq {
    width: 100vw;
  }
  .faq {
    margin-top: calc(var(--mt-faq) / 1000 * 100vw);
    padding-top: calc(var(--pt-faq) / 1000 * 100vw);
    width: 90vw;
  }
  .faq .title {
    margin-right: calc(var(--mr-title) / 1000 * 100vw);
    font-size: 18px;
  }
  .faq .item {
    margin-top: calc(var(--mt-item) / 1000 * 100vw);
  }
  .faq .item .question {
    font-size: 18px;
  }
  .faq .item .answer {
    font-size: 14px;
  }
}