@charset "utf-8";
/* ========================================================
 support-faq-category
======================================================== */
.support-faq-category{
  border-bottom:solid 1px #83D1D5;
  max-width: 1160px;
  margin: 0 auto;
}
.support-faq-category > .accordion-heading{
  border-top:solid 1px #83D1D5;
}
.support-faq-category > .accordion-heading a{
  padding: 1.8em 2em 1.8em 3.7em;
  font-size: 18px;
}
.support-faq-category > .accordion-heading a::before,
.support-faq-category > .accordion-heading a::after{
  right: 0.5em;
}
.supportcategory-icon{
  position: absolute;
  left: 10px;
  top: calc(50% - 21px);
  width: 42px;
  height: 42px;
  font-size: 0;
  line-height: 0;
  text-align: center;
  border-radius: 9999px;
  background-color: #83D1D5;
}
.support-faq-category > .accordion-body{
  background-color: #EFF9F8;
  padding: 50px;
}
@media screen and (max-width: 768px){
  .support-faq-category > .accordion-heading a{
    font-size: 4.1vw;
  }
  .supportcategory-icon{
    left: 3vw;
    width: 10.7vw;
    height: 10.7vw;
    top: calc(50% - 5.35vw);
  }
  .support-faq-category > .accordion-body{
    padding: 0 3vw;
  }
}
/* .faq-list
----------------------- */
.faq-list{
  border-bottom: solid 1px #DDDDDD;
}
.faq-list > .accordion-heading{
  border-top:solid 1px #DDDDDD;
}
.faq-list > .accordion-heading::before{
  content: "Q.";
  font-size: 1.5em;
  line-height: 1em;
  left: 0;
  top: 1.4em;
  color: #00B7BD;
  position: absolute;
  pointer-events: none;
  letter-spacing: 0.05em;
  font-family: "Inter", "Noto Sans JP", sans-serif;
}
.faq-list > .accordion-heading a{
  padding: 1.8em 2em;
  font-size: 18px;
}
.faq-list > .accordion-body{
  display: block;
  background-color: #fff;
  padding: 1.5em 2em 1.5em 4.5em;
  position: relative;
  margin-bottom: 2em;
}
.faq-list > .accordion-body::before{
  content: "A.";
  font-size: 1.25em;
  line-height: 1em;
  left: 2em;
  top: 1.4em;
  position: absolute;
  pointer-events: none;
  color: #727272;
  letter-spacing: 0.05em;
  font-family: "Inter", "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 768px){
  .faq-list > .accordion-heading a{
    font-size: 3.8vw;
  }
  .faq-list > .accordion-body{
    padding: 1.5em 1em 1.5em 2.5em;
    font-size: 3.3vw;
  }
  .faq-list > .accordion-body::before{
    left: 3vw;
  }
}