/* ==============================================================
    [job-list]
   ============================================================== */
.p-page-about__career-list {
  margin-top: 0;
}

.page-job-list__service {
  margin-top: 40px;
  padding-block: 0;
  padding-bottom: 80px;
  background: none;
}
.page-job-list__service::before {
  height: calc(100% - 85px);
  top: 85px;
}

.page-job-list__service .container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.page-job-list__service .p-page-about__career-item {
  box-shadow: 0 0 15px #edebe899;  
}

.page-job-list__contents {
  margin-top: 40px;
  padding: 88px 0 0;
}
.page-job-list__contents::before {
  top: 200px;
  height: calc(100% - 408px)
}
.page-job-list__contents::after {
  left: 272px;
}

.page-job-list__contents-bg.page_bg-name {
  overflow: visible;
}
.page-job-list__contents-bg.page_bg-name::after {
  top: -176px;
  left: 24px;
}

.page-job-list__contents-title {
  font-size: var(--font-size-h2);
  font-weight: var(--font-weight-bold);
  color: var(--text-color);
  text-align: center;
  margin-bottom: 40px;
}

.page-job-list__contents-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 80px;
}

.page-job-list__contents .p-job-information__box {
  box-shadow: 0 0 15px #eceae799;
}

.page-job-list__contents .c-more {
  margin-top: auto;
}

@media(max-width: 767px) {
  .page-job-list__service .p-heading__box {
    margin-bottom: 0;
  }
  
  .page-job-list__contents {
    margin-top: 24px;
    padding: 40px 0 0;
  }
  .page-job-list__contents::after {
    left: 20%;
  }
  .page-job-list__contents-bg.page_bg-name::after {
    top: auto;
    bottom: 0;
  }
}