#job-detail .job_title {
  font-size: clamp(20px, 3vw, 45px);
  font-weight: 700;
  line-height: 1.4em;
  margin-bottom: 5%;
}
@media screen and (max-width: 767px) {
  #job-detail .job_title {
    font-size: 20px;
  }
}
#job-detail .job_summary {
  display: flex;
  justify-content: start;
  align-items: start;
  margin-bottom: 3%;
}
@media screen and (max-width: 767px) {
  #job-detail .job_summary {
    display: block;
  }
}
#job-detail .job_summary .visual_area {
  width: 60%;
}
@media screen and (max-width: 767px) {
  #job-detail .job_summary .visual_area {
    width: 100%;
  }
}
#job-detail .job_summary .visual_area img {
  width: 100%;
}
#job-detail .job_summary .txt_area {
  width: 40%;
  margin-left: 3%;
}
@media screen and (max-width: 767px) {
  #job-detail .job_summary .txt_area {
    width: 100%;
    margin-top: 3%;
    margin-left: 0;
  }
}
#job-detail .job_detail_wrap {
  margin-bottom: 5%;
}
#job-detail .job_detail_wrap .job_detail {
  display: flex;
  justify-content: start;
  align-items: start;
  padding: 2% 0;
  border-bottom: 1px solid #505050;
}
@media screen and (max-width: 767px) {
  #job-detail .job_detail_wrap .job_detail {
    display: block;
  }
}
#job-detail .job_detail_wrap .job_detail .ttl {
  width: 20%;
}
@media screen and (max-width: 767px) {
  #job-detail .job_detail_wrap .job_detail .ttl {
    width: 100%;
  }
}
#job-detail .job_detail_wrap .job_detail .ttl p {
  font-weight: 600;
  color: #0737b5;
}
#job-detail .job_detail_wrap .job_detail .detail {
  width: 80%;
}
@media screen and (max-width: 767px) {
  #job-detail .job_detail_wrap .job_detail .detail {
    width: 100%;
  }
}
#job-detail .job_detail_wrap .job_detail .detail .features {
  display: flex;
  justify-content: start;
  align-items: start;
  flex-wrap: wrap;
}
#job-detail .job_detail_wrap .job_detail .detail .features p {
  margin-right: 3%;
}
#job-detail .btn_unit {
  margin-top: 5%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #job-detail .btn_unit {
    margin-top: 10%;
  }
}
#job-detail .btn_unit .btn {
  min-width: 35%;
  display: inline-block;
  padding: 1.5% 3%;
  background: linear-gradient(90deg, rgb(247, 65, 79) 0%, rgb(255, 130, 130) 100%);
  border-radius: 15px;
  font-size: clamp(20px, 2.3vw, 30px);
  text-align: center;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
}
#job-detail .btn_unit .btn:hover {
  opacity: 0.8;
}
@media screen and (max-width: 767px) {
  #job-detail .btn_unit .btn {
    padding: 3.5% 3%;
    border-radius: 10px;
    width: 100%;
    font-size: 20px;
  }
}/*# sourceMappingURL=job-detail.css.map */