@charset "utf-8";

/* ────────────────────── *
 *                                              *
 * 共通設定                                     *
 *                                              *
 * ────────────────────── */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');

body {
  background: #f4f4f4;
}

.content-body {
  overflow: hidden;
}

/* ────────────────────── *
 *                                              *
 * 募集要項                                     *
 *                                              *
 * ────────────────────── */

.yaj-requirements {
  padding-top: 0px;
  padding-bottom: 100px;
  position: relative;
}

.yaj-requirements__inner {
  width: 95%;
  max-width: 1040px;
  margin: 0 auto;
}

.yaj-requirements__inner .outline {
  width: 100%;
  margin: 0 auto 130px;
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
}

.yaj-requirements__inner .outline th {
  font-size: 17px;
  line-height: 1.5;
  font-weight: 700;
  color: #fff;
  background: #dc1e37;
  text-align: center;
  vertical-align: middle;
  width: 160px;
  border-bottom: 1px solid #d1d1d1;
}

.yaj-requirements__inner .outline th span.text-small {
  font-size: 15px;
}

.yaj-requirements__inner .outline td {
  font-size: 16px;
  line-height: 1.875;
  background: #fff;
  padding: 40px 20px;
  border-bottom: 1px solid #d1d1d1;
}

.yaj-requirements__inner .outline td span.notice {
  font-size: 15px;
  color: #767676;
}

.yaj-requirements__inner .outline td em {
  font-weight: 700;
  font-style: normal;
}

.yaj-requirements__inner .outline td a {
  font-weight: 700;
  color: #dc1e37;
  text-decoration: underline;
  display: inline-block;
  padding-left: 18px;
  position: relative;
}

.yaj-requirements__inner .outline td a::before {
  content: "";
  background: url("/jp/about/company/yaj/recruit/img/requirements/icon_link.png") no-repeat center center / cover;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
  top: 10px;
}

.yaj-requirements__inner .outline td a.external::before {
  background: url("/jp/about/company/yaj/recruit/img/requirements/icon_external.png") no-repeat center center / cover;
}

@media only screen and (min-width: 0px) and (max-width: 750px) {
  .yaj-requirements {
    padding-top: calc(100vw * 100 / 750);
    padding-bottom: calc(100vw * 150 / 750);
  }

  .yaj-requirements__inner {
    width: calc(100vw * 670 / 750);
  }

  .yaj-requirements__inner .outline {
    width: 100%;
    margin: 0 auto calc(100vw * 130 / 750);
  }

  .yaj-requirements__inner .outline th {
    font-size: calc(100vw * 26 / 750);
    width: calc(100vw * 170 / 750);
  }

  .yaj-requirements__inner .outline th span.text-small {
    font-size: calc(100vw * 20 / 750);
  }

  .yaj-requirements__inner .outline td {
    font-size: calc(100vw * 24 / 750);
    padding: calc(100vw * 30 / 750);
  }

  .yaj-requirements__inner .outline td span.notice {
    font-size: calc(100vw * 22 / 750);
  }

  .yaj-requirements__inner .outline td a {
    padding-left: calc(100vw * 28 / 750);
  }

  .yaj-requirements__inner .outline td a::before {
    width: calc(100vw * 20 / 750);
    height: calc(100vw * 20 / 750);
    top: calc(100vw * 14 / 750);
  }
}



.yaj-pamphlet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
}

.yaj-pamphlet__item {
  text-align: center;
  width: 320px;
}

.yaj-pamphlet__item a,
.yaj-pamphlet__item a:hover,
.yaj-pamphlet__item a:focus {
  display: block;
  text-decoration: none;
  transition: opacity .5s;
}

.yaj-pamphlet__item a:hover {
  opacity: 0.6;
}

.yaj-pamphlet__item p {
  margin-bottom: 20px;
}

.yaj-pamphlet__item dl dt {
  font-size: 16px;
  line-height: 1.5625;
  color: #dc1e37;
  margin-bottom: 10px;
}

.yaj-pamphlet__item dl dt span {
  padding-left: 25px;
  position: relative;
}

.yaj-pamphlet__item dl dt span::before {
  content: "";
  background: url("/jp/about/company/yaj/recruit/img/requirements/icon_pdf.png") no-repeat center center / cover;
  width: 16px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 3px;
}

.yaj-pamphlet__item dl dd {
  font-size: 13px;
  color: #1a1a1a;
}

@media only screen and (min-width: 0px) and (max-width: 750px) {
  .yaj-pamphlet {
    display: block;
  }

  .yaj-pamphlet__item {
    width: 100%;
    margin-bottom: calc(100vw * 80 / 750);
  }

  .yaj-pamphlet__item:last-of-type {
    margin-bottom: 0;
  }

  .yaj-pamphlet__item p {
    margin-bottom: calc(100vw * 30 / 750);
  }

  .yaj-pamphlet__item dl dt {
    font-size: calc(100vw * 32 / 750);
    margin-bottom: calc(100vw * 10 / 750);
  }

  .yaj-pamphlet__item dl dt span {
    padding-left: calc(100vw * 50 / 750);
  }

  .yaj-pamphlet__item dl dt span::before {
    width: calc(100vw * 32 / 750);
    height: calc(100vw * 40 / 750);
    top: calc(100vw * 5 / 750);
  }

  .yaj-pamphlet__item dl dd {
    font-size: calc(100vw * 26 / 750);
  }
}