@charset "UTF-8";

/* ======================================================
	よくあるご質問
====================================================== */
#qa_btn_wrap {
  max-width: 880px;
  padding: 0 20px;
  margin: 0 auto;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#qa_btn_wrap p {
  display: inline-block;
  padding: .8rem 0 1.1rem;
  border-radius: 6px;
  border: 1px solid #666666;
  background-color: white;
  width: 31%;
  cursor: pointer;
}

.qa_wrap .qa_wrap_list:nth-child(odd) {
  background-color: #FFFAE3;
}

.qa_wrap .qa_wrap_list {
  padding: 2rem 5% 3rem;
  margin: 1rem 0;
}
.qa_wrap .qa_wrap_list p{
  text-align: left;
}
.qa_wrap .qa_wrap_list h4 {
  font-size: 2.2rem;
  border-bottom: 1px solid #707070;
  margin: 3.9rem 0 3rem 0;
}

#qa_btn1_data {
  display: none;
}

#qa_btn2_data {
  display: none;
}

#qa_btn3_data {
  display: none;
}

.active {
  background-color: #FFEB91 !important;
}

.active_data {
  display: block !important;
}

/*----------レスポンシブ---------- */
@media screen and (max-width: 768px) {
  #qa_btn_wrap {
    margin: 0 10%;
    padding: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #qa_btn_wrap p {
    width: 100%;
    margin-bottom: 2rem;
  }
  #qa_btn_wrap p:last-child {
    margin: 0;
  }
  .qa_wrap .qa_wrap_list {
    padding: 2rem 5% 3rem;
    margin: 1rem 0;
  }
  .qa_wrap .qa_wrap_list h4 {
    font-size: 2rem;
  }
}