/*======================
  faq
======================*/
.faq dl dt span, .faq dl dd span {
  font-size: 10vw;
  font-weight: bold;
  margin-right: .3em;
  line-height: 1.0;
  vertical-align: bottom;
}
.faq dl dt {
  text-indent: -2.8em;
  padding: 8% 1em 8% 2.8em;
  font-weight: bold;
  cursor: pointer;
  position: relative;
  border-bottom: solid 1px #d8d8d8;
  transition: .3s;
}
.faq dl dt:after {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2222px%22%20height%3D%2222px%22%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3B%7D%20.st1%7Bfill%3A%23B5293C%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2-6_23_%22%3E%20%3Ccircle%20class%3D%22st0%22%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%2211%22%2F%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M11%2C22C4.9%2C22%2C0%2C17.1%2C0%2C11S4.9%2C0%2C11%2C0s11%2C4.9%2C11%2C11S17.1%2C22%2C11%2C22z%20M11%2C2c-5%2C0-9%2C4-9%2C9c0%2C5%2C4%2C9%2C9%2C9%20c5%2C0%2C9-4%2C9-9C20%2C6%2C16%2C2%2C11%2C2z%22%2F%3E%3C%2Fg%3E%3Cpolygon%20class%3D%22st1%22%20points%3D%2216%2C10%2012%2C10%2012%2C6%2010%2C6%2010%2C10%206%2C10%206%2C12%2010%2C12%2010%2C16%2012%2C16%2012%2C12%2016%2C12%20%22%2F%3E%3C%2Fsvg%3E") no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0%, -50%);
}
.faq dl dt span {
  color: #db91a8;
}
.faq dl dt.active {
  border-bottom: none;
}
.faq dl dt.active:after {
  background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2222px%22%20height%3D%2222px%22%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3B%7D%20.st1%7Bfill%3A%23B5293C%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88_1_6_139_%22%20transform%3D%22translate(444%201625)%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2-6_139_%22%3E%20%3Ccircle%20class%3D%22st0%22%20cx%3D%22-433%22%20cy%3D%22-1614%22%20r%3D%2211%22%2F%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M-433-1603c-6.1%2C0-11-4.9-11-11s4.9-11%2C11-11s11%2C4.9%2C11%2C11S-426.9-1603-433-1603z%20M-433-1623c-5%2C0-9%2C4-9%2C9%20s4%2C9%2C9%2C9s9-4%2C9-9S-428-1623-433-1623z%22%2F%3E%20%3C%2Fg%3E%20%3Crect%20x%3D%22-438%22%20y%3D%22-1615%22%20class%3D%22st1%22%20width%3D%2210%22%20height%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center;
  background-size: contain;
}
.faq dl dt:first-child {
  padding-top: 0;
}
.faq dl dt:hover {
  opacity: .8;
}
.faq dl dd {
  text-indent: -6.4em;
  padding-left: 5.4em;
  padding-bottom: 8%;
  border-bottom: solid 1px #d8d8d8;
  display: none;
}
.faq dl dd span {
  color: #bf273d;
}
.faq dl dd span:before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 1em;
  background: #d8d8d8;
  vertical-align: middle;
  margin: -3px 1em 0 .8em;
  line-height: 1.0;
}
.faq dl dd a {
  color: #bf273d;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .faq dl dt span, .faq dl dd span {
    font-size: 2.5vw;
  }
  .faq dl dt {
    padding: 1em 1em 1em 2.8em;
  }
  .faq dl dt:first-child:after {
    margin-top: -5px;
  }
  .faq dl dd {
    padding-bottom: 1em;
  }
}
@media screen and (min-width: 1280px) {
  .faq dl dt span, .faq dl dd span {
    font-size: 32px;
  }
}