@charset "utf-8";
/* Q&A */

/***************************
 ** FAQ
 */
#faq {
  margin-bottom: 4rem;
}

#faq dl {
  border-bottom: dashed 1px #e0c9ab;
  padding-bottom: 3em;
  margin-bottom: 3em;
}
#faq dl:last-child {
  margin-bottom: 0;
}
#faq dl dt {
  font-size: 1.8em;
  line-height: 1.4em;
  margin-bottom: 1.4em;
}
#faq dl dt:before {
  content: "Q";
  font-size: 2em;
  color: #7d7fbb;
  margin-right: .4em;
  display: inline-block;
  vertical-align: middle;
}
#faq dl dd {
  font-size: 1.2em;
  line-height: 1.4em;
  padding-left: 3.4em;
  text-indent: -3.4em;
}
#faq dl dd:before {
  content: "A";
  font-size: 3em;
  color: #ef5b66;
  margin-right: .4em;
  vertical-align: text-top;
}
#faq dl dd ul {
  margin-top: .6em;
  padding-left: 2em;
}
#faq dl dd ul li {
  margin-bottom: .4em;
  padding-left: 1em;
  text-indent: -1em;
}
#faq dl dd ul li:before {
  content: "・";
}
#faq dl dd ul li.admission-fee {
  padding-left: 4.7em;
  text-indent: -4.7em;
}

@media screen and (max-width: 736px) {
  #faq dl {
    padding-bottom: 2em;
    margin-bottom: 2em;
  }
  #faq dl dt {
    font-size: 1.4em;
  }
  #faq dl dd {
    font-size: 1.1em;
    padding-left: 2.8em;
    text-indent: -2.8em;
  }
  #faq dl dd:before {
    font-size: 2.4em;
  }
  #faq dl dd ul {
    margin-top: .4em;
    padding-left: 0;
  }
}

@media screen and (max-width: 480px) {
  #faq dl dt {
    font-size: 1.2em;
  }
  #faq dl dd {
    font-size: 1em;
  }
}