.accord{  display: block;  margin: 0 10px;  }.accord_wrap {  margin: 0;  padding: 0;  margin-top: 10px;  margin-bottom: 60px;  }.accord_title {  position: relative;  user-select: none;  padding: 20px 10px;  padding-right: 50px;  background-color: #e6e6e6;  border: 1px solid transparent;  }.accord_title::before, .accord_title::after {  content: '';  display: block;  position: absolute;  top: 50%;  width: 20px;  height: 2px;  right: 16px;  background-color: #ffffff;  }.accord_title::after {  transform: rotate(90deg);  transition-duration: .1s;  }.accord_title:hover,.accord_title:active,.accord_title.is_active {   background-color: #c0c0c0;  }.accord_title.is_active::before {  opacity: 0;  }.accord_title.is_active::after {  transform: rotate(0);  }.accord_detail {  border-left: 1px solid transparent;  border-right: 1px solid transparent;  padding: 10px 10px;  line-height: 0;  height: 0;  overflow: hidden;  opacity: 0;  transition-duration: .1s;  }.accord_detail.is_open {  padding-bottom: 40px;  margin-bottom: 10px;  line-height: normal;  height: auto;  opacity: 1;  border: 1px solid #c0c0c0;  background-color: #ffffff;  }/* ------------------------------------------ */@media (min-width: 1024px) {.accord{  margin: 0 50px;  }.accord_wrap {  margin-bottom: 80px;  }.accord_title {  padding: 20px 20px;  }.accord_detail {  padding: 20px 20px;  }}