@charset "UTF-8";
/*======================================
faq
/*======================================*/
.faq main dt, .faq main dd {
  position: relative;
  text-align: left;
}
.faq main dt:before, .faq main dt:after, .faq main dd:before, .faq main dd:after {
  position: absolute;
  font-family: "ToppanBunkyuMidashiMinchoStdN-ExtraBold", serif;
  content: "";
  font-size: 16px;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  left: 0;
  text-align: center;
  letter-spacing: 0;
  color: #fff;
}
.faq main dt:before {
  background: rgba(15, 20, 75, 1);
  top: -.5em;
}
.faq main dd:before {
  background: rgba(205, 180, 135, 1);
  top: -.8em
}
.faq main dt:after {
  content: "Q";
  font-size: 20px;
  top: -.4em;
}
.faq main dd:after {
  content: "A";
  font-size: 23px;
  top: -.5em;
}
.faq main dt {
  font-size: 120%;
  line-height: 1.4em;
  padding: 0 0 1em 4rem;
}
.faq main dd {
  font-size: 100%;
  line-height: 1.6em;
  padding: 0 0 0 4rem;
}
.faq main dt:not(:first-of-type) {
  margin-top: 3em;
}
.faq main dd p {
  text-align: justify;
}
.faq main dd p:not(:last-of-type) {
  margin-bottom: .5em;
}
.faq main dd p.aside {
  font-size: 70%;
  text-indent: -1em;
  padding-left: 1em;
}
.faq main dd ul {
  margin: 1em 0;
}
.post-list li:not(:last-of-type) {
  margin-bottom: .5em;
}
@media screen and (min-width:768px) {
  .faq main dt {
    font-size: 140%;
    padding: 0 0 2em 4rem;
  }
  .faq main dt br {
    display: none;
  }
  .faq main dd {
    font-size: 100%;
    padding: 0 0 0 4rem;
  }
  .faq main dt:not(:first-of-type) {
    margin-top: 4em;
  }
  .faq main dd ul {
    margin: 1.5em 0;
  }
} /*END QUERY*/