@charset "UTF-8";
/*-------------------------------------
job/show
※show以外でも使用されていそうなスタイルはcommon.scssに記載しています
--------------------------------------*/
/* line 5, app/assets/stylesheets/relasic/views/job/show.scss */
.jobdetail .jobdesc {
  padding: 30px;
}

/* line 9, app/assets/stylesheets/relasic/views/job/show.scss */
.jobdetail .jobdesc.is-transparent {
  background-color: transparent;
  padding: 0;
}

/* line 14, app/assets/stylesheets/relasic/views/job/show.scss */
.jobdetail .jobdesc.is-transparent table th {
  background-color: #fff;
}

/* line 18, app/assets/stylesheets/relasic/views/job/show.scss */
.jobdetail .jobdesc.is-transparent table th span {
  background-color: #fff;
}

/* line 22, app/assets/stylesheets/relasic/views/job/show.scss */
.jobdetail table th {
  background-color: #F1F0EA;
}

/* line 26, app/assets/stylesheets/relasic/views/job/show.scss */
.jobdetail table th span {
  text-align: left;
  width: 9em !important;
}

/* line 31, app/assets/stylesheets/relasic/views/job/show.scss */
.jobdetail .button-status,
.jobdetail .table-status {
  border-collapse: separate;
  border-spacing: 10px;
}

/* line 36, app/assets/stylesheets/relasic/views/job/show.scss */
.jobdetail .button-status td,
.jobdetail .table-status td {
  padding: 15px;
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}

@media (max-width: 768px) {
  /* line 36, app/assets/stylesheets/relasic/views/job/show.scss */
  .jobdetail .button-status td,
.jobdetail .table-status td {
    padding: 8px 15px;
  }
}

/* line 47, app/assets/stylesheets/relasic/views/job/show.scss */
.jobdetail .button-status .uk-button-secondary,
.jobdetail .table-status .uk-button-secondary {
  min-width: inherit;
}

@media (max-width: 768px) {
  /* line 53, app/assets/stylesheets/relasic/views/job/show.scss */
  .jobdetail table td {
    -webkit-box-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
    width: calc(100% - 10em);
  }
}

@media (max-width: 980px) {
  /* line 62, app/assets/stylesheets/relasic/views/job/show.scss */
  .jobdetail .uk-grid .taglist {
    margin-top: 10px;
  }
  /* line 66, app/assets/stylesheets/relasic/views/job/show.scss */
  .jobdetail .jobdesc.is-transparent {
    padding-left: 20px;
    padding-right: 20px;
  }
  /* line 71, app/assets/stylesheets/relasic/views/job/show.scss */
  .jobdetail.uk-margin-medium {
    margin-top: 0;
  }
  /* line 75, app/assets/stylesheets/relasic/views/job/show.scss */
  .jobdetail.uk-margin-medium > .uk-container .uk-margin-medium {
    margin-top: 0;
  }
  /* line 79, app/assets/stylesheets/relasic/views/job/show.scss */
  .jobdetail.uk-margin-medium table th,
.jobdetail.uk-margin-medium table th span {
    text-align: center !important;
  }
  /* line 84, app/assets/stylesheets/relasic/views/job/show.scss */
  .jobdetail.uk-margin-medium table td,
.jobdetail.uk-margin-medium table th,
.jobdetail.uk-margin-medium table th span {
    width: 100% !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 92, app/assets/stylesheets/relasic/views/job/show.scss */
  .jobdetail table tr, .joblist table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

/* line 106, app/assets/stylesheets/relasic/views/job/show.scss */
.jobdetail .uk-button.uk-button-default.is-gray:disabled {
  background-color: #999;
  border-color: #999;
  color: #fff;
}

/* line 114, app/assets/stylesheets/relasic/views/job/show.scss */
.jobdetail .uk-button:not(.is-gray):disabled {
  background-color: #F0F0F0;
  color: #ccc;
  border: 1px solid transparent;
}

/* line 124, app/assets/stylesheets/relasic/views/job/show.scss */
.table-status .uk-button-default,
.table-status .uk-button-secondary {
  padding: 0 20px;
  line-height: 35px;
  font-size: 1rem;
}