.faq {
  margin-bottom: 1.5em; }
  @media screen and (max-width: 767px) {
    .faq {
      padding: 0; } }
  @media screen and (max-width: 767px) {
    .faq .faq-contents h3 {
      font-size: 14px;
      font-size: 1.4rem;
      margin-top: 1em; } }
  @media screen and (max-width: 767px) and (min-width: 480px) and (max-width: 1200px) {
    .faq .faq-contents h3 {
      font-size: 1.75px;
      font-size: 1.12rem; } }

  .faq .title {
    padding: 1.3em 0; }
    .faq .title h2 {
      font-size: 27px;
      font-size: 2.7rem;
      padding: 0 3em; }
      @media screen and (min-width: 480px) and (max-width: 1200px) {
        .faq .title h2 {
          font-size: 3.375px;
          font-size: 2.16rem; } }
      @media screen and (max-width: 767px) {
        .faq .title h2 {
          font-size: 16px;
          font-size: 1.6rem;
          text-align: left;
          line-height: 1.5; } }
  @media screen and (max-width: 767px) and (min-width: 480px) and (max-width: 1200px) {
    .faq .title h2 {
      font-size: 2px;
      font-size: 1.28rem; } }
