#voice figcaption {
  position: absolute;
  top: 1vw;
  right: 1vw;
  background-color: rgba(18, 63, 48, .8);
  padding: .5vw 1vw;
}
#voice .order-md-2 figcaption {
  left: 1vw;
  right: auto;
}
.text-area {
  padding: 0 0 0 3vw;
}
.img-left .text-area {
  padding: 0 3vw 0 0;
}
.text-area > div {
  padding: 1.5vw 2vw;
  border-radius: 1vw;
  position: relative;
}
.text-area p:last-child {
  margin-bottom: 0;
}
.text-area > div::before {
  content: "";
  display: block;
  position: absolute;
  background-color: #fff;
  width: 2vw;
  height: 2vw;
  transform: rotate(45deg);
  z-index: -1;
}

@media (min-width: 768px){
  #recruit, #recruit2, #voice {
    padding: 0 10vw;
  }
  .text-area > div::before {
    top: 30%;
    left: -1vw;
    margin-top: -1vw;
  }
  .img-left .text-area > div::before {
    left: auto;
    right: -1vw;
  }
}

@media (max-width: 991px){
  
}

@media (max-width: 767px){
  #recruit, #recruit2, #voice {
    padding: 0 5vw;
  }
  #voice figcaption {
    top: 2vw;
    right: 2vw;
    padding: 1vw 2vw;
  }
  #voice .order-md-2 figcaption {
    left: 1vw;
    right: auto;
  }
  .text-area {
    padding: 4vw 0 0 0 !important;
  }
  .text-area > div {
    padding: 3vw;
    border-radius: 2vw;
  }
  .text-area p:last-child {
    margin-bottom: 0;
  }
  .text-area > div::before {
    content: "";
    display: block;
    position: absolute;
    background-color: #fff;
    width: 4vw;
    height: 4vw;
    top: -2vw;
    left: 50%;
    margin-left: -2vw;
    margin-top: 0;
    transform: rotate(45deg);
  }
}

@media (max-width: 575px){
  
}