@charset "utf-8";

.qa {
  padding: 0 0 200px;
  background: #bdc1cb;
}
.qa__list {
  margin: 0 auto;
  padding: 0;
  max-width: 900px;
}
.qa__item {
  margin-bottom: 20px;
  padding: 40px;
  background: #fff;
  border-radius: 10px;
}
.qa__question,
.qa__answer {
  margin: 0;
}
.qa__question {
  padding: 60px 0 35px;
}
.qa__answer {
  padding: 0 0 60px;
}

.qa_q01 {
  width: 733px;
}
.qa_q02 {
  width: 693px;
}
.qa_q03 {
  width: 828px;
}
.qa_q04 {
  width: 784px;
}

.qa_a01 {
  width: 793px;
}
.qa_a02 {
  width: 751px;
}
.qa_a03 {
  width: 769px;
}
.qa_a04 {
  width: 828px;
}

.qa__button {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}
.qa__button img,
.qa__answer img {
  display: block;
  width: 100%;
  height: auto;
}
.qa__answer {
  display: none;
}
.qa__item.is-open .qa__answer {
  display: block;
}

@media screen and (max-width: 1000px) {
  .qa {
    padding: 0 0 20vw;
  }
  .qa__list {
    max-width: 90%;
  }
  .qa__item {
    margin-bottom: 2vw;
    padding: 4vw;
    border-radius: 1vw;
  }
  .qa__question {
    padding: 6vw 0 3.5vw;
  }
  .qa__answer {
    padding: 0 0 6vw;
  }
  
  .qa_q01 {
    width: 73.3vw;
  }
  .qa_q02 {
    width: 69.3vw;
  }
  .qa_q03 {
    width: 82.8vw;
  }
  .qa_q04 {
    width: 78.4vw;
  }

  .qa_a01 {
    width: 79.3vw;
  }
  .qa_a02 {
    width: 75.1vw;
  }
  .qa_a03 {
    width: 76.9vw;
  }
  .qa_a04 {
    width: 82.8vw;
  }
}