html {
  scroll-behavior: smooth;
  scroll-padding-top: 40px;
}

.bl_faq_content {
  background: #fff;
}

.bl_faq_content ul {
  margin: 8px 24px;
}

.bl_faq_top_description {
  text-align: center;
  padding: 16px 0 32px;
}

.bl_faq_bottom_description {
  text-align: center;
  padding: 32px 0 0;
}

.bl_faq_bottom_description a {
  color: #6fc7da;
}

.bl_faq_items_area {
  border: 1px solid #888888;
}

.bl_faq_box {
  background: #fff;
  border-bottom: 1px solid #888888;
}

.bl_faq_box:last-child {
  border-bottom: 0px;
}

.bl_faq_question_text {
  position: relative;
  padding: 24px 64px 24px 24px;
  background: #fff;
  cursor: pointer;
}

.bl_faq_question_text:after {
  content: '';
  width: 14px;
  height: 14px;
  border-bottom: solid 3px #523c44;
  border-right: solid 3px #523c44;
  transform: rotate(45deg);
  position: absolute;
  top: 27px;
  right: 24px;
}

.bl_faq_question_text.is_active:after {
  transform: rotateZ(-135deg);
  top: 32px;
}

.bl_faq_answer_text {
  display: none;
  padding: 24px;
  background: #F3F3F4;
  border-top: 1px solid #eae9e9;
}

@media screen and (max-width: 480px) { 
  

  .bl_faq_top_description {
    padding: 0 0 24px;
    font-size: 16px;
  }
  
  .bl_faq_bottom_description {
    font-size: 14px;
  }

  .bl_faq_question_text {
    padding: 8px 26px 8px 8px;
    font-size: 16px;
  }
  
  .bl_faq_question_text:after {
    width: 8px;
    height: 8px;
    border-bottom: solid 2px #523c44;
    border-right: solid 2px #523c44;
    top: 12px;
    right: 10px; 
  }
  
  .bl_faq_question_text.is_active:after {
    top: 15px;
  }
  
  .bl_faq_answer_text {
    font-size: 16px;
    padding: 8px;
  }
}
}