.section_docs {
  padding: 20px 0;
}
.docs_box {
  width: 63%;
  margin: 0 auto;
  position: relative;
  margin-bottom: 20px;
}
.docs_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #F6F7F8;
  padding: 20px 24px;
  cursor: pointer;
}
.docs_box.opened .docs_header {
  background-color: #000000;
}
.docs_header h4 {
  font-size: clamp(1rem, 1vw, 1.5rem);
  flex: 1;
  color: #000000;
  margin-left: 24px;
}
.docs_box.opened .docs_header h4 {
  flex: 1;
  color: #F6F7F8;
}
.docs_box:hover .docs_header h4 {
  text-decoration: underline;
}

.docs_header {
  padding: 15px 19px;
}
.docs_header h4 {
  margin-right: 6px;
}
.docs_box {
  width: 100%; margin-left: 0;
}