.faq dl {
  background: var(--color-L-gray);
  box-shadow: var(--shadow-inside-all);
  margin-bottom: 60px;
  padding: 24px;
}
.faq dt {
  border-bottom: 3px dashed var(--color-gray);
  padding-bottom: 20px;
  padding-left: 2.5em;
  text-indent: -1.2em;
}
.faq dd {
  padding-top: 20px;
  padding-left: 2.5em;
  text-indent: -1.2em;
}

.faq dt::before,.faq dd::before {
  display: inline-block;
  font-family: var(--number);
  font-size: 4rem;
  font-size: clamp(3rem, 2.8rem + 1vw, 4rem);
  font-weight: bold;
  line-height: 1;
  margin-top: -0.1em;
  margin-right: .5em;
  vertical-align: middle;
}
.faq dt::before {
  content: "Q";
  color: rgba(98,151,219,.5);
  text-shadow: 0px 2px 4px #fff, 0 0 #b0cbed;
}
.faq dd::before {
  content: "A";
  color: rgba(108,167,76,.5);
  text-shadow: 0px 2px 4px #fff, 0 0 #b5d3a5;
}