<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#job .sub-mainview {
  position: relative;
  background-image: url(../img/job/mainview.jpg);
  width: 100%;
  padding: 38% 0px 100px;
}
#job .sub-mainview .title-box {
  max-width: 910px;
  width: 85%;
  animation-delay: 1s;
}

#job .job-list {
  padding: 150px 0px;
}
#job .job-list .inner {
  max-width: 1440px;
  width: 100%;
}
#job .job-list .job-item {
  align-items: stretch;
}
#job .job-list .job-item:not(:first-of-type) {
  margin: 200px 0px 0px;
}
#job .job-list .job-item .category {
  max-width: 1030px;
  width: 90%;
  margin: 0 auto 80px;
}
#job .job-list .job-item .img-box {
  max-width: 700px;
  width: 50%;
}
#job .job-list .job-item .text-box {
  max-width: 530px;
  width: 40%;
  margin: 0px auto 0px 5%;
  display: flex;
  flex-direction: column;
}
#job .job-list .job-item .text-box .lead {
  max-width: 530px;
  width: 100%;
}
#job .job-list .job-item .text-box p {
  margin: 50px 0px 0px;
  font-size: 15px;
  line-height: 2;
}
#job .job-list .job-item .text-box .btn-wrap-arrow {
  margin: auto 0px 0px;
  text-align: right;
}
#job .job-list .job-item:nth-of-type(even) {
  flex-direction: row-reverse;
}
#job .job-list .job-item:nth-of-type(even) .text-box {
  margin: 0px 5% 0px auto;
}

@media screen and (max-width: 1024px) {
  #job .sub-mainview {
    padding: 48.5% 0px 90px;
  }
  #job .job-list .job-item {
    align-items: flex-start;
  }
  #job .job-list .job-item:not(:first-of-type) {
    margin: 150px 0px 0px;
  }
  #job .job-list .job-item .category {
    width: 75%;
    margin: 0 auto 80px 5%;
  }
  #job .job-list .job-item .text-box .btn-wrap-arrow {
    margin: 50px 0px 0px;
  }
}
@media screen and (max-width: 768px) {
  #job .sub-mainview {
    padding: 46% 0px 80px;
  }
  #job .sub-mainview .title-box {
    width: 80%;
  }
  #job .job-list {
    padding: 120px 0px;
  }
  #job .job-list .job-item:not(:first-of-type) {
    margin: 100px 0px 0px;
  }
  #job .job-list .job-item .category {
    margin: 0 auto 50px 5%;
  }
  #job .job-list .job-item .img-box {
    width: 45%;
  }
  #job .job-list .job-item .text-box {
    width: 45%;
  }
  #job .job-list .job-item .text-box p {
    font-size: 14px;
    line-height: 1.7;
  }
}
@media screen and (max-width: 560px) {
  #job .sub-mainview {
    padding: 57% 0px 30px;
    background-image: url(../img/job/mainview_sp.jpg);
  }
  #job .sub-mainview .title-box {
    width: 85%;
    filter: none;
  }
  #job .job-list {
    padding: 80px 0px;
  }
  #job .job-list .inner {
    width: 90%;
  }
  #job .job-list .job-item:not(:first-of-type) {
    margin: 80px 0px 0px;
  }
  #job .job-list .job-item .category {
    margin: 0px 0px 30px;
    width: 85%;
  }
  #job .job-list .job-item .img-box {
    width: 100%;
  }
  #job .job-list .job-item .text-box {
    width: 100%;
    margin: 30px 0px 0px;
  }
  #job .job-list .job-item .text-box p {
    margin: 30px 0px 0px;
    font-size: 13px;
  }
  #job .job-list .job-item:nth-of-type(even) {
    flex-direction: row;
  }
  #job .job-list .job-item:nth-of-type(even) .text-box {
    margin: 30px 0px 0px;
  }
}/*# sourceMappingURL=job.css.map */</pre></body></html>