@charset "UTF-8";

/* =====================
  MV
===================== */
.mv .inner::after {
  background-image: url('/hibikino/assets/img/recruit/deco_2x.png');
  width: 10.8vw;
  height: 23.466666666666665vw;
  top: 9.4vw;
  right: 5.333333333333333vw;
}

/* =====================
  コンテンツ
===================== */
.article[data-id='1'] {
  padding-top: 3.2vw;
  padding-bottom: 25.5vw;
}

.article[data-id='1'] .h2-title {
  margin-top: 10.4vw;
}

.recruit-wrap {
  margin-top: 8.5vw;
}

.recruit-wrap ul {
  display: grid;
  gap: 8.533333333333333vw;
}

.recruit-wrap ul li {
  height: 115.73333333333333vw;
  border: solid 1px #9f9f9f;
  padding-inline: 5.6vw 5.066666666666666vw;
  padding-top: 5.333333333333333vw;
}

.recruit-wrap ul li .store-logo p {
  font-size: 2.933333333333333vw;
  color: #9f9f9f;
}

.recruit-wrap ul li .store-logo picture {
  display: block;
  margin-top: 3.2vw;
}

.recruit-wrap ul li .store-logo picture img {
  width: 78.93333333333334vw;
  height: 24.4vw;
}

.recruit-wrap ul li .recruit-list {
  font-size: 3.2vw;
  margin-top: 5.1vw;
  width: 100%;
}

.recruit-wrap ul li .recruit-list tr {
  border-top: 1px solid #9f9f9f;
}

.recruit-wrap ul li .recruit-list tr:last-child {
  border-bottom: 1px solid #9f9f9f;
}

.recruit-wrap ul li .recruit-list tr th,
.recruit-wrap ul li .recruit-list tr td {
  padding-block: 3.1vw;
  padding-inline: 1.0666666666666667vw;
}

.recruit-wrap ul li .recruit-list tr th {
  font-weight: bold;
  width: 18vw;
  vertical-align: baseline;
}

.recruit-wrap ul li .link-btn {
  width: 78.66666666666667vw;
  height: 14.133333333333333vw;
  margin-top: 6.4vw;
}

.recruit-wrap ul li .link-btn .link-anchor {
  justify-content: center;
}

.recruit-wrap ul li .link-btn .link-anchor::after {
  display: none;
}

.recruit-wrap ul li .link-btn .link-anchor span {
  font-size: 3.466666666666667vw;
  text-align: center;
}

/* =====================
  求人詳細ページ
===================== */

.req-wrap {
  margin-top: 7.733333333333333vw;
}

.req-wrap .req-catch .req-logo {
  width: 100%;
  height: 55.733333333333334vw;
  border: solid 1px #9f9f9f;
  padding: 3.2vw 2.6666666666666665vw;
}

.req-wrap .req-catch .req-logo p {
  font-size: 3.2vw;
  color: #9f9f9f;
}

.req-wrap .req-catch .req-logo picture img {
  display: block;
  margin-inline: auto;
  width: 89.33333333333333vw;
  height: 47.46666666666667vw;
}

.req-wrap .req-catch .req-p h3 {
  font-size: 4.533333333333333vw;
  font-weight: bold;
  color: #ee7951;
  margin-top: 8.533333333333333vw;
}

.req-wrap .req-catch .req-p p {
  margin-top: 3.2vw;
  line-height: 1.62;
}

.req-wrap .table {
  margin-top: 10.4vw;
}

.req-wrap .table .shop-name {
  padding-block: 5.3vw;
}

.req-wrap .table .shop-name .link-btn {
  width: 26.6vw;
  height: 6.666666666666667vw;
  font-size: 3.2vw;
  margin: 0;
  margin-top: 2.1333333333333333vw;
}

.req-wrap .table .shop-name .link-btn .link-anchor {
  padding-inline: 2.1333333333333333vw;
}

.req-wrap .table .shop-name .link-btn .link-anchor::after {
  display: none;
}

.req-wrap .table tr th {
  width: 28.6vw;
}

.req-wrap .link-btn {
  margin-top: 10.666666666666666vw;
  margin-inline: auto;
}

.req-wrap .link-btn .link-anchor {
  padding-inline: 13.6vw;
}

.sp-indent {
  display: inline-block;
  padding-left: 6em;
}