@font-face {
  font-family: "myself";
  src: url("/scss/fonts/myself.eot");
  src: url("/scss/fonts/myself.eot#iefix") format("embedded-opentype"), url("/scss/fonts/myself.woff") format("woff"), url("/scss/fonts/myself.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.list-question {
  width: 94%;
  max-width: 1024px;
  margin: 32px auto;
}
.list-question li {
  border-bottom: 2px dashed #b2a7a0;
}
.list-question a {
  color: #675042;
  display: block;
  position: relative;
  padding: 16px 32px 16px 48px;
  line-height: 1.4;
}
.list-question a:hover {
  background: #fcf6db;
}
.list-question a::before {
  content: url(/image/content/faq/icon/q.svg);
  display: block;
  width: 32px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.list-question a::after {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.3em;
  line-height: 1;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}

#faq .single h1 {
  width: 94%;
  max-width: 1024px;
  margin: 32px auto;
  border-bottom: 2px solid #675042;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  position: relative;
  padding: 16px 16px 16px 64px;
}
#faq .single h1::before {
  content: url(/image/content/faq/icon/q.svg);
  width: 48px;
  position: absolute;
  top: 0;
  left: 0;
}
#faq .single .content {
  position: relative;
  width: 94%;
  max-width: 1024px;
  margin: 32px auto;
  padding: 0 16px 0 64px;
}
#faq .single .content::before {
  content: url(/image/content/faq/icon/a.svg);
  display: block;
  width: 48px;
  position: absolute;
  top: 0;
  left: 0;
}
#faq .single .content p {
  width: auto;
  max-width: unset;
}
#faq .single .content p.title {
  font-weight: bold;
}
#faq .link-block.category li a {
  display: block;
}
#faq .link-block.category li a::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.3em;
  line-height: 1;
  font-size: 22px;
  font-size: 1.375rem;
}
#faq .link-block.category li.about a::before {
  content: "\f1ad";
}
#faq .link-block.category li.support a::before {
  content: "\f004";
}
#faq .link-block.category li.trial a::before {
  content: "\f518";
}
#faq .link-block.category li.tutor a::before {
  content: "\f118";
  font-weight: 400;
}
#faq .link-block.category li.lesson a::before {
  content: "\f303";
}
#faq .link-block.category li.price a::before {
  content: "\f4d3";
}
#faq #about .title-post02::before {
  content: "\f1ad";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.3em;
  line-height: 1;
}
#faq #support .title-post02::before {
  content: "\f004";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.3em;
  line-height: 1;
}
#faq #trial .title-post02::before {
  content: "\f518";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.3em;
  line-height: 1;
}
#faq #tutor .title-post02::before {
  content: "\f118";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.3em;
  line-height: 1;
  font-weight: 400;
}
#faq .title-post02::before {
  color: #ef7e17;
  font-size: 28px;
  font-size: 1.75rem;
}
#faq #lesson .title-post02::before {
  content: "\f303";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.3em;
  line-height: 1;
}
#faq #price .title-post02::before {
  content: "\f4d3";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.3em;
  line-height: 1;
}/*# sourceMappingURL=page.css.map */