@charset "UTF-8";

.lp_wrap .faq {
  background-color: #f7f6f3;
}
.lp_wrap .faq .head {
  width: 24.133%;
  margin: auto;
  padding: 15% 0 10%;
}
.lp_wrap .faq dl {
  padding: 0% 4% 10%;
}
.lp_wrap .faq dl dt {
  position: relative;
  cursor: pointer;
  z-index: 1;
}
.lp_wrap .faq dl dt::after {
  content: "";
  display: block;
  position: absolute;
  top: 0%;
  right: 4%;
  width: 4.35%;
  height: 100%;
  background: url("../image/faq-open.png") center center/contain no-repeat;
  transition: 0.4s;
  transform: rotate(0deg);
}
.lp_wrap .faq dl dt.open::after {
  transform: rotate(45deg);
}
.lp_wrap .faq dl dt:nth-of-type(n + 2) {
  margin-top: 4%;
}
.lp_wrap .faq dl dd {
  display: none;
  position: relative;
}
.lp_wrap .faq dl dd .tel1 a {
  position: absolute;
  top: 33%;
  left: 52%;
  width: 12.1%;
  height: 14%;
  cursor: pointer;
}
.lp_wrap .faq dl dd .draft1 a {
  position: absolute;
  top: 33%;
  left: 74.7%;
  width: 22.8%;
  height: 14%;
  cursor: pointer;
}
.lp_wrap .faq dl dd .draft1_2 a {
  position: absolute;
  top: 53.4%;
  left: 7.1%;
  width: 14.3%;
  height: 14%;
  cursor: pointer;
}
.lp_wrap .faq dl dd .tel2 a {
  position: absolute;
  top: 57%;
  left: 16.4%;
  width: 12.1%;
  height: 10%;
  cursor: pointer;
}
.lp_wrap .faq dl dd .draft2 a {
  position: absolute;
  top: 57%;
  left: 39%;
  width: 36.6%;
  height: 10%;
  cursor: pointer;
}