@charset "UTF-8";
/* ===================================================================
CSS information

file name  : entry_detail.css
author     : Abilive
style info : 募集要項 詳細
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
.p-job {
  max-width: 1120px;
  margin-right: auto;
  margin-left: auto;
  --tsuruga-container-width: var(--tsuruga-content-0);
}
@media only screen and (min-width: 1025px) {
  .p-job {
    width: calc(var(--tsuruga-child-width) / var(--tsuruga-container-width) * 100%);
    --tsuruga-child-width: var(--tsuruga-content-4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-job {
    width: calc(var(--tsuruga-child-width) / var(--tsuruga-container-width) * 100%);
    --tsuruga-child-width: var(--tsuruga-content-1);
  }
}
@media only screen and (max-width: 767px) {
  .p-job {
    width: calc(var(--tsuruga-child-width) / var(--tsuruga-container-width) * 100%);
    --tsuruga-child-width: var(--tsuruga-content-1);
  }
}
@media only screen and (min-width: 1025px) {
  .p-job {
    padding-top: calc(120 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-job {
    padding-top: calc(100 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-job {
    padding-top: calc(80 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) {
  .p-job {
    margin-bottom: calc(100 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-job {
    margin-bottom: calc(60 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.p-job__title {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: calc(30 / var(--tsuruga-parent-font-size) * 1rem);
}
.p-job__title .c-tags ul {
  display: flex;
  justify-content: center;
}
.p-job__title .c-tags ul li + li:before {
  content: "/";
  margin: 0 calc(5 / var(--tsuruga-parent-font-size) * 1rem);
}
.p-job__title .c-btn {
  margin-inline: auto;
}
.p-job .c-image {
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .p-job .c-image {
    width: calc(1000 / 1120 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-job .c-image {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .p-job .c-image {
    margin-top: calc(60 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-job .c-image {
    margin-top: calc(40 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) {
  .p-job__intro {
    margin-top: calc(60 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-job__intro {
    margin-top: calc(40 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-job__intro .c-catch {
    text-align: left;
  }
}
@media only screen and (min-width: 768px) {
  .p-job__intro .c-tags {
    margin-top: calc(30 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-job__intro .c-tags {
    margin-top: calc(20 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.p-job__intro .c-tags ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: calc(10 / var(--tsuruga-parent-font-size) * 1rem);
}
@media only screen and (max-width: 767px) {
  .p-job__intro .c-tags ul {
    gap: calc(5 / var(--tsuruga-parent-font-size) * 1rem) calc(10 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) {
  .p-job__intro .c-btn {
    margin-top: calc(40 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-job__intro .c-btn {
    margin-top: calc(20 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.p-job__intro .c-btn .c-btn__link {
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .p-job__detail {
    margin-top: calc(60 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-job__detail {
    margin-top: calc(40 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.p-job__detail .c-table {
  margin-top: calc(20 / var(--tsuruga-parent-font-size) * 1rem);
}
@media only screen and (min-width: 768px) {
  .p-job__detail .c-table tr th {
    width: calc(250 / 1120 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-job__detail .c-table tr th {
    width: 35%;
  }
}
@media only screen and (min-width: 768px) {
  .p-job__apply {
    margin-top: calc(60 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-job__apply {
    margin-top: calc(40 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.p-job__apply__text {
  margin-top: calc(20 / var(--tsuruga-parent-font-size) * 1rem);
}
.p-job__apply__btn {
  display: flex;
  justify-content: center;
  gap: calc(10 / var(--tsuruga-parent-font-size) * 1rem);
}
@media only screen and (min-width: 768px) {
  .p-job__apply__btn {
    margin-top: calc(40 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-job__apply__btn {
    margin-top: calc(30 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-job__apply__btn {
    flex-direction: column;
  }
}
.p-job__apply__btn .c-btn .c-btn__link {
  margin-inline: auto;
}