@charset "utf-8";
/*------------------------------------------------
募集要項
------------------------------------------------*/

/*========== ページタイトル ==========*/

/*背景画像*/
.page-header {
  background-image: url(../../../images/careers/recruit/recruit_page_ttl_bg.jpg);
}


/*========== recruit ==========*/

.recruit-list {
  width: 100%;
}

.recruit-item-ttl {
  color: #fff;
  background-color: #745944;
  padding: 5px 15px;
  width: 100%;
  display: block;
}

.recruit-item-txt {
  background-color: #f4ebdc;
  padding: 15px;
  width: 100%;
  display: block;
}

.recruit-item:not(:last-of-type) .recruit-item-ttl {
  border-bottom: 1px solid #f4ebdc;
}

.recruit-item:not(:last-of-type) .recruit-item-txt {
  border-bottom: 1px solid #745944;
}

@media print, screen and (min-width: 769px) {
  .recruit-list {
    width: 700px;
    margin: 50px auto;
    font-size: 1.6rem;
  }

  .recruit-item-ttl {
    color: #fff;
    background-color: #745944;
    padding: 15px;
    width: 100px;
    display: table-cell;
  }

  .recruit-item-txt {
    background-color: #f4ebdc;
    padding: 15px 15px 15px 30px;
    width: calc(100% - 100px);
    display: table-cell;
  }

}


/*========== リンクボタン ==========*/
.careers-link-item {
  width: 100%;
  max-width: 467px;
  margin: 25px auto;
}

.entry-link .link-btn {
  height: 150px;
  position: relative;
  background-position: center center;
  background-size: cover;
}

.entry-link .link-btn-band {
  color: #fff;
  display: block;
  background-color: rgba(34, 9, 3, 0.79);
  text-align: left;
  width: 100%;
  padding-left: 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px;
}

.entry-link .link-btn {
  background-image: url(../../../images/careers/careers_btn03.jpg);
}


@media print, screen and (min-width: 769px) {
  .entry-link .link-btn {
    height: 200px;
  }
  .entry-link .link-btn-band {
    font-size: 2.4rem;
    line-height: 1;
    padding: 15px 20px;
  }
}

/*リンクボタン共通 右下向き三角*/
.link-btn-band::after {
  content: "";
  display: block;
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px;
  border-color: transparent #c1943b #c1943b transparent;
}

@media print, screen and (min-width: 769px) {
  .link-btn-band::after {
    right: 10px;
    bottom: 10px;
    border-width: 8px;
  }
}

.link-btn {
  display: block;
  box-shadow: 9px 9px 7px rgba(0,0,0,0.5);
}