/* =========================================================
recruit
========================================================= */
/*------------------------------------------
navigation
------------------------------------------*/
.recruit-nav {
  padding: 0 16px;
}

.recruit-nav__select {
  max-width: 504px;
  margin: 0 auto;
  background: #F5F5F5;
  position: relative;
}

.recruit-nav__select::before {
  content: "";
  width: 9px;
  height: 9px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}

@media (max-width: 768px) {
  .recruit-nav__select::before {
    right: 16px;
  }
}
@media (min-width: 769px) {
  .recruit-nav__select::before {
    right: 32px;
  }
}
.recruit-nav__select select {
  display: block;
  width: 100%;
  height: 65px;
  position: relative;
  font-size: 14px;
  z-index: 1;
}

@media (max-width: 768px) {
  .recruit-nav__select select {
    padding: 0 44px 0 16px;
  }
}
@media (min-width: 769px) {
  .recruit-nav__select select {
    padding: 0 76px 0 32px;
  }
}
/*------------------------------------------
list
------------------------------------------*/
.recruit-list {
  padding-bottom: 80px;
}

@media (max-width: 768px) {
  .recruit-list {
    padding-top: 32px;
  }
}
@media (min-width: 769px) {
  .recruit-list {
    padding-top: 80px;
  }
}
.recruit-list__block {
  position: relative;
}

@media (min-width: 769px) {
  .recruit-list__block {
    padding: 0 0 0 329px;
  }
}
.recruit-list__block + .recruit-list__block {
  margin: 64px auto 0;
}

@media (max-width: 768px) {
  .recruit-list .c-no-item {
    padding-top: 88px;
  }
}
@media (min-width: 769px) {
  .recruit-list .c-no-item {
    padding-top: 0;
  }
}
.recruit-logo {
  border: 1px solid #B7B7B7;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 768px) {
  .recruit-logo {
    width: 68px;
  }
}
@media (min-width: 769px) {
  .recruit-logo {
    width: 240px;
  }
}
.recruit-shop {
  border-bottom: 1px solid #B7B7B7;
  position: relative;
}

@media (max-width: 768px) {
  .recruit-shop {
    min-height: 68px;
    padding: 0 0 24px 92px;
    box-sizing: content-box;
  }
}
@media (min-width: 769px) {
  .recruit-shop {
    padding: 0 0 16px;
  }
}
.recruit-shop__floor {
  padding: 0 88px 0 0;
  line-height: 1.5;
}

@media (max-width: 768px) {
  .recruit-shop__floor {
    font-size: 12px;
  }
}
@media (min-width: 769px) {
  .recruit-shop__floor {
    font-size: 14px;
  }
}
.recruit-shop__name {
  margin: 8px auto 0;
  line-height: 1.5;
}

@media (max-width: 768px) {
  .recruit-shop__name {
    font-size: 14px;
    font-weight: 700;
  }
}
@media (min-width: 769px) {
  .recruit-shop__name {
    font-size: 24px;
  }
}
.recruit-shop__txt {
  margin: 4px auto 0;
  color: #696969;
  line-height: 1.5;
}

@media (max-width: 768px) {
  .recruit-shop__txt {
    font-size: 10px;
  }
}
@media (min-width: 769px) {
  .recruit-shop__txt {
    font-size: 12px;
  }
}
.recruit-shop__txt + .recruit-shop__txt {
  margin-top: 0;
}

.recruit-shop__date {
  margin: 8px auto 0;
  color: #696969;
  line-height: 1;
}

@media (max-width: 768px) {
  .recruit-shop__date {
    font-size: 10px;
  }
}
@media (min-width: 769px) {
  .recruit-shop__date {
    font-size: 12px;
  }
}
.recruit-detail__wrap {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.4s linear;
  transition: grid-template-rows 0.4s linear, -ms-grid-rows 0.4s linear;
}

.recruit-detail__wrap.is-open {
  grid-template-rows: 1fr;
}

.recruit-detail__list {
  padding: 24px 0;
  border-bottom: 1px solid #B7B7B7;
  overflow: hidden;
}

@media (max-width: 768px) {
  .recruit-detail__list {
    min-height: 146px;
  }
}
@media (min-width: 769px) {
  .recruit-detail__list {
    min-height: 155px;
  }
}
.recruit-detail__bundle {
  display: flex;
  line-height: 1.5;
}

@media (max-width: 768px) {
  .recruit-detail__bundle {
    font-size: 12px;
  }
}
@media (min-width: 769px) {
  .recruit-detail__bundle {
    font-size: 14px;
  }
}
.recruit-detail__bundle + .recruit-detail__bundle {
  margin: 24px auto 0;
}

.recruit-detail__item {
  font-weight: 700;
  line-height: 1.5;
}

@media (max-width: 768px) {
  .recruit-detail__item {
    width: 72px;
  }
}
@media (min-width: 769px) {
  .recruit-detail__item {
    width: 112px;
  }
}
.recruit-detail__cont {
  flex: 1;
}

.recruit-detail__more {
  margin: 24px auto 0;
  text-align: center;
}

.recruit-detail__more button {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.recruit-detail__more button::before {
  content: "READ MORE";
}

.recruit-detail__more .ico {
  display: block;
  width: 12px;
  height: 1px;
  background: #000;
  position: relative;
}

.recruit-detail__more .ico::before {
  content: "";
  width: 1px;
  height: 12px;
  background: inherit;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.recruit-detail__more button.is-open::before {
  content: "CLOSE";
}

.recruit-detail__more button.is-open .ico::before {
  content: none;
}

.recruit-contact__bundle {
  display: flex;
}

.recruit-contact dt {
  font-weight: 400;
  white-space: nowrap;
}

/*------------------------------------------
banner
------------------------------------------*/
.recruit-bnr {
  padding-bottom: 80px;
}

@media (min-width: 769px) {
  .recruit-bnr__list {
    display: flex;
    justify-content: center;
    gap: 24px;
  }
}
@media (min-width: 769px) {
  .recruit-bnr__item {
    width: calc(33.33% - 16px);
  }
}
@media (max-width: 768px) {
  .recruit-bnr__item + .recruit-bnr__item {
    margin: 24px auto 0;
  }
}
.recruit-bnr__item a {
  display: block;
}