/* *** ▼▼▼▼　UIパーツ完成後削除　▼▼▼ *** */
.faqList {
}
.faqList li {
  overflow: hidden;
  margin: 0 0 10px;
}
.faqList li:last-child {
  margin: 0;
}
.faqList dl {
  width: 100%;
  background: #328ffe;
}
.faqList dl dt {
  position: relative;
  padding: 10px 50px 10px 34px;
  vertical-align: middle;
  font-weight: bold;
  color: #fff;
}
.faqList dl dt:before {
  content: "＋";
  position: absolute;
  right: 10px;
  top: 7px;
  /*
  top: 50%;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
  */
  border: 1px solid #fff;
  width: 24px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.faqList dl dt.active:before {
  content: "－";
}


.faqList dl dt span {
  display: block;
}
.faqList dl dt span:before {
  position: absolute;
  left: 10px;
  content: "Ｑ";
  line-height: 1;
  font-weight: bold;
  font-size: 20px;
}
.faqList dl dt:after {
  z-index: 1;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateY(100%) translateX(-50%);
  -webkit- transform: translateY(100%) translateX(-50%);
  border: 20px solid transparent;
  border-top: 10px solid #328ffe;
}

.faqList dl dd {
  display: none; /* accordion */
  position: relative;
  padding: 20px;
  background: #f0f8fe;
}