/* タブ */
.tab {
  display: flex;
  margin-bottom: 30px;
  font-weight: 600;
  border-bottom: 5px solid #9ed6d8;
}

.tab__btn {
  flex: 1;
  padding: 15px;
  background: #ffffff;
  border: none;
  cursor: pointer;
  font-size: 16px;
  transition: .3s;
   z-index: 200;
}
.tab__btn:first-child {
  border-radius: 5px 0px 0px 0px;
}
.tab__btn:last-child {
  border-radius: 0px 5px 0px 0px;
}

.tab__btn:hover {
  background: #ebfdfe;
}

.tab__btn.active {
  background: #9ed6d8;
  /*color: #fff;*/
}

/* コンテンツ */
.tabContents {
  position: relative;
  margin-top: 20px;
}

.tabContent {
  display: none;
  opacity: 0;
  transform: translateY(15px);
}

.tabContent.active {
  display: block;
  animation: fadeUp .4s ease forwards;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(15px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}