/* Scss Document faq*/
/* mixin
*********************************************************************/
/* media query */
.area_header {
  background-image: url("../images/main.jpg");
}

.specified ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 5px;
}
.specified ul li {
  font-size: 1.6rem;
  line-height: 1.1em;
  padding: 10px;
  width: 50%;
  box-sizing: border-box;
}
.specified ul li.long img {
  width: 100%;
  height: auto;
  max-width: 420px;
}
@media all and (max-width: 768px) {
  .specified ul li {
    width: 100%;
  }
}

.box_faq dl {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 13px 0;
  font-size: 1.5rem;
  line-height: 1.4em;
}
.box_faq dl dt {
  width: 30%;
  box-sizing: border-box;
  border: #EEE3C9 solid 3px;
  border-radius: 12px;
  padding: 5px 8px 14px 4rem;
  text-indent: -3rem;
  position: relative;
}
.box_faq dl dt::before {
  content: "Q.";
  font-size: 3rem;
  line-height: 1em;
  color: #F00;
}
.box_faq dl dt .sankaku {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0 12px 20px;
  border-color: transparent transparent transparent #EEE3C9;
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
}
.box_faq dl dd {
  width: 68%;
  box-sizing: border-box;
  border: #EEE3C9 solid 3px;
  border-radius: 12px;
  padding: 5px 8px 14px 4rem;
  text-indent: -3rem;
}
.box_faq dl dd::before {
  content: "A.";
  font-size: 3rem;
  line-height: 1em;
  color: #077FB0;
}
@media all and (max-width: 494px) {
  .box_faq dl {
    display: block;
  }
  .box_faq dl dt {
    width: 100%;
    margin-bottom: 10px;
  }
  .box_faq dl dt .sankaku {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 12px 0 12px;
    border-color: #EEE3C9 transparent transparent transparent;
    position: absolute;
    right: auto;
    top: auto;
    transform: none;
    bottom: -13px;
    left: 30px;
  }
  .box_faq dl dd {
    width: 100%;
  }
}