@charset "utf-8";

/* ---------------------------------
        job details
------------------------------------*/
.jobDetailsTitle {
  font-size: 25px;
  font-weight: 700;
  line-height: 1.44;
  letter-spacing: 0.01em;
  color: #144B82;
}

.jobDetailsDetalisList {
  margin-top: 13px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.jobDetailsDate {
  margin-right: 15px;
}

.jobDetailsDate:last-child {
  margin-right: 0;
}

.detalisListText {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: #BABABA;
}

.jobDetailsTable {
  width: 100%;
  border-radius: 10px;
  background-color: #FFF;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.jobDetailsTable+.jobDetailsTable {
  margin-top: 30px;
}

.jobDetailsTableHeader {
  padding: 40px 40px 0;
}

.jobDetailsTableTitle {
  border-bottom: 2px solid #2695D1;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.44;
  letter-spacing: 0.01em;
  color: #1860AC;
}

.jobDetailsList {
  padding: 0 40px 30px;
}

.jobDetailsListLine {
  width: 100%;
  border-bottom: 1px solid #EFEFEF;
  padding: 24px 0;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.jobDetailsListTitle {
  width: 200px;
  padding-right: 10px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.01em;
}

.jobDetailsListText {
  width: calc(100% - 200px);
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: #0A0A0A;
}

.jobDetailsFooterBtnWrap {
  margin-top: 30px;
}

.jobDetailsTableFooter {
  /* border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; */
  border-radius: 10px;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  padding: 20px;
  background-color: #F2FCFF;
}

.jobDetailsFooterEntryWrap {
  display: none;
}

/* job detials recommend */
.jobRecommendContents {
  margin-top: 0;
  padding-top: 100px;
}

.jobRecommendList {
  width: 100%;
  margin-top: 30px;
}

.jobDetailsFooterBtn {
  margin-top: 100px;
}

.jobSearchFooterViewWrap {
  display: none;
}

/*----------------------------------------
  画面の横幅が560pxまで
----------------------------------------*/
@media (max-width: 560px) {

  /* ---------------------------------
            job search
    ------------------------------------*/
  .search .globalFooter .topBtn {
    bottom: 20% !important;
  }

  /* ---------------------------------
            job details
    ------------------------------------*/
  .jobDetailsTitle {
    font-size: 5vw;
    line-height: 1.42;
    letter-spacing: 0.03em;
  }

  .jobDetailsDetalisList {
    margin-top: 2.67vw;
  }

  .jobDetailsDate {
    margin-right: 5.35vw;
  }

  .jobDetailsDate:last-child {
    margin-right: 0;
  }

  .detalisListText {
    font-size: 3.03vw;
  }

  .pageBodyContentsTwoColumnRight__details {
    padding-top: 0;
  }

  .jobDetailsTable {
    border-radius: 0;
    box-shadow: none;
  }

  .jobDetailsTable+.jobDetailsTable {
    margin-top: 5.35vw
  }

  .jobDetailsTableHeader {
    padding: 0;
  }

  .jobDetailsTableTitle {
    border-bottom: 0.35vw solid #144B82;
    padding-bottom: 2.67vw;
    font-size: 5.17vw;
  }

  .jobDetailsList {
    padding: 0 0 3.57vw;
  }

  .jobDetailsListLine {
    border-bottom: 0.17vw solid #EFEFEF;
    padding: 3.57vw 0;
  }

  .jobDetailsListTitle {
    width: 100%;
    padding-right: 0;
    font-size: 3.92vw;
    line-height: 1.45;
  }

  .jobDetailsListText {
    margin-top: 0.89vw;
    width: 100%;
    font-size: 3.92vw;
    line-height: 1.36;
  }

  .jobDetailsFooterBtnWrap {
    margin-top: 5.35vw
  }

  .jobDetailsTableFooter {
    /* border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; */
    border-radius: 0;
    padding: 5.35vw;
    background-color: #FFF;
    box-shadow: none;
  }

  .jobDetailsFooterEntryWrap {
    display: block;
  }

  .jobDetailsFooterEntry {
    display: block;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 3.57vw 0;
    background-color: rgba(222, 238, 255, 0.8);
    z-index: 5;
  }

  .jobDetailsFooterEntryBtnWrap {}

  .jobDetailsFooterEntryBtn {}

  /* job detials recommend */
  .jobRecommendContents {
    margin-top: 0;
    padding-top: 17.85vw;
  }

  .jobRecommendList {
    margin-top: 7.14vw;
  }

  .jobSearchFooterViewWrap {
    display: block;
    width: 100%;
    min-height: 23.21vw;
  }

  .jobSearchFooterView {
    display: block;
    width: 100%;
    position: relative;
    left: auto;
    bottom: auto;
    padding: 5.35vw 0;
    background-color: rgba(222, 238, 255, 0.8);
    z-index: 5;
  }

  .jobSearchFooterView.is-fixed {
    position: fixed;
    left: 0;
    bottom: 0;
  }


  .jobDetailsFooterBtn {
    margin-top: 17.85vw;
  }

}