#title,
#recruit,
#recruitContact {
  font-family: YuGothic, 'Yu Gothic', 'TsukuARdGothic-Regular', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
  font-weight: 400;
}

#recruitContact {
  padding-bottom: 120px;
}

.titleArea{
  padding-top: 90px;
}

.titleArea .headingText {
  color: #bc83bd;
  font-size: 27px;
  text-align: center;
}

.titleArea .line {
  width: 77px;
  margin: 30px auto;
  border-top: 1px solid #bc83bd;
}

.recruitArea h3 {
  width: 680px;
  margin: 0 auto;
  color: #bc83bd;
  font-size: 19px;
}

.dataList{
  width: 680px;
  margin: 15px auto 70px;
}

dl {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #bc83bd;
}

dt,
dd {
  line-height: 1.3;
  padding: 3% 2%;
  font-size: 15px;
  border-bottom: 1px solid #bc83bd;
}

dt {
  width: 28%;
}

dd {
  width: 72%;
}

dt p {
  height: 100%;
  border-right: 1px solid #bc83bd;
}

.recruitContactArea .inner {
  text-align: center;
}

.headingContact {
  margin: 4% 0;
  text-align: center;
}

.linkColor {
  margin: 10px 0 0 0;
  color: #0000ff;
  text-decoration: underline;
}

.linkColor:hover{
  color: #000;
}

#recruitContact .cmnBtn::after {
  right: inherit;
  left: 20px;
  transform: translateY(-50%) rotate(-138deg);
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {

  #recruitContact {
    padding-bottom: 9.375vw;
  }

  .titleArea{
    padding-top: 7.031vw;
  }

  .titleArea .headingText {
    font-size: 2.109vw;
  }

  .titleArea .line {
    width: 6.016vw;
    margin: 2.344vw auto;
    border-top: 0.078vw solid #bc83bd;
  }

  .recruitArea h3 {
    width: 53.125vw;
    font-size: 1.484vw;
  }

  .dataList{
    width: 53.125vw;
    margin: 1.172vw auto 5.469vw;
  }

  dl {
    border-top: 0.078vw solid #bc83bd;
  }

  dt,
  dd {
    font-size: 1.172vw;
    border-bottom: 0.078vw solid #bc83bd;
  }

  dt p {
    border-right: 0.078vw solid #bc83bd;
  }

  .linkColor {
    margin: 0.781vw 0 0 0;
  }

  #recruitContact .cmnBtn::after {
    left: 1.563vw;
  }

}

@media only screen and (max-width: 767.9px) {

  #recruitContact {
    padding-bottom: 15vw;
  }

  .titleArea{
    padding-top: 5vw;
  }

  .titleArea .headingText {
    font-size: 5.067vw;
  }

  .titleArea .line {
    width: 15vw;
    margin: 5vw auto;
    border-top: 0.267vw solid #bc83bd;
  }

  .recruitArea h3 {
    width: 100%;
    font-size: 4.267vw;
  }

  .dataList{
    width: 100%;
    margin: 4vw auto 7.667vw;
  }

  dl {
    border-top: 0.267vw solid #bc83bd;
  }

  dt,
  dd {
    font-size: 3.733vw;
    padding: 2%;
    border-bottom: 0.267vw solid #bc83bd;
  }

  dt p {
    border-right: 0.267vw solid #bc83bd;
  }

  .linkColor {
    margin: 2.667vw 0 0 0;
  }

  #recruitContact .cmnBtn::after {
    left: 5.333vw;
  }

  .recruitBanner .bannerArea {
    padding: 10.133vw 0 8.8vw;
  }

}