/*----------------------------------------------------------------------------------------------------

  FAQ
  
----------------------------------------------------------------------------------------------------*/
.l-pgTtl__txt {
  letter-spacing: 0.2em;
}
.sec-faq {
  max-width: var(--base-width);
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  padding-left: var(--side-space);
  padding-right: var(--side-space);
  padding-top: var(--block-space-l);
  padding-bottom: var(--block-space-max);
  box-sizing: content-box;
}

/*--------------------------------------------------------------------------------
  一覧
--------------------------------------------------------------------------------*/
.faq-list {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-top: calc(var(--block-space-min) / 2);
}
.faq-box {
  border-top: 1px solid rgba(var(--color-dblue),0.6);
}
.faq-box:not(:last-of-type) {
  padding-bottom: var(--block-space-l);
}
.faq-q:before {
  content: "Q.";
  color: rgba(var(--color-blue),1);
  display: inline-block;
  width: 4rem;
  vertical-align: middle;
  margin-left: -4rem;
  font-size: var(--fs-3l);
  font-weight: 500;
  line-height: 1;
  margin-top: -0.15em;
}
.faq-q {
  padding-left: 5.5rem;
  padding-right: 1.5rem;
  padding-top: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid var(--linecolor-gray);
}
.faq-q .ttl {
  font-weight: 500;
  color: rgba(var(--color-blue),1);
  line-height: var(--line-height-m);
}
.faq-a {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5em;
}
@media print, screen and (min-width:641px) {
  .faq-q .ttl {
    font-size: var(--fs-2m);
  }
}
@media screen and (max-width:640px) {
  .faq-q .ttl {
    font-size: var(--fs-m);
  }
}