/*--------------------------------
	base
--------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');
body {
  font-family: 'Montserrat', sans-serif;
}

/*--------------------------------
	body
--------------------------------*/
section {
  margin: 0 auto;
  width: 1000px;
}
.acc-wrap {
  margin-top: 60px;
  background: #fafafa;
  border-radius: 20px;
  border: 1px solid #eee;
  position: relative;
  line-height: 90px;
}
h1{
  padding-left: 20px;
}
.acc-toggle,
.acc-toggle-child {
  height: 90px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  cursor: pointer;
}
.acc-toggle-child {
  margin-top: 90px;
}
.acc-body {
  display: none;transition: .3s;
  background: #fafafa;
  border-radius: 20px;
  border: 1px solid #eee;
  padding: 20px;
  margin: 20px;
}
.acc-c-body {
  display: none;transition: .3s;
}

.active > .acc-body {
  display: block;
  transition: .3s;
}
.acc-c-body.active {
  display: block;
  transition: .3s;
}