@charset "UTF-8";

#careers .careers-list {
  position: relative;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 40px;
}

#careers .careers-list > li {
  width: calc((100% / 3) - ((10px * 2) / 3));
  margin-right: 10px;
  margin-bottom: 10px;
}

#careers .careers-list > li:nth-child(3n+3) {
  margin-right: 0;
}

#careers > .list > .box {
  margin-bottom: 20px;
}

#careers > .list > .box > .accordion-trigger {
  position: relative;
  padding-right: 40px;
}

#careers > .list > .box > .accordion-trigger::before,
#careers > .list > .box > .accordion-trigger::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  content: '';
  display: block;
  width: 20px;
  height: 3px;
  background-color: #000;
  border-radius: calc(3px / 2);
  margin: auto;
  transition: 300ms all ease-in-out;
}

#careers > .list > .box > .accordion-trigger:not(.onclick)::after {
  transform: rotate(90deg);
}

#careers > .list > .box > .cont > .btn-blc {
  position: relative;
  text-align: center;
  background-color: #fff;
  padding: 40px 4%;
}

#careers > .list > .box > .cont > .btn-blc > a {
  position: relative;
  text-decoration: none;
  font-size: 120%;
  color: #fff;
  background-color: #0e57c3;
  padding: 12px 20px;
}

@media screen and (max-width: 480px) {
  #careers .careers-list > li {
    width: 100%;
    margin-right: 0;
  }
}