@media screen and (min-width: 768px) {
  .sp {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .pc {
    display: none;
  }
}

body.lower header.cmn nav.menu ul li a.nav_recruit {
  color: #19A3B1;
}
@media screen and (min-width: 768px) {
  body.lower main {
    margin-top: 10px;
    padding: 0 30px 110px;
  }
}
@media screen and (max-width: 767px) {
  body.lower main {
    padding-bottom: 10.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  body.lower main section.recruit {
    max-width: 1200px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  body.lower main section.recruit {
    width: 85.8666666667vw;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  body.lower main section.recruit ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 50px 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  body.lower main section.recruit ul {
    gap: 50px 28px;
  }
}
@media screen and (min-width: 768px) {
  body.lower main section.recruit ul li {
    max-width: 584px;
    width: 48%;
  }
}
@media screen and (max-width: 767px) {
  body.lower main section.recruit ul li + li {
    margin-top: 12vw;
  }
}
@media screen and (min-width: 768px) {
  body.lower main section.recruit ul li div.title {
    margin-top: 24px;
    padding: 8px 0 8px 30px;
    border-left: 5px solid #19A3B1;
  }
}
@media screen and (max-width: 767px) {
  body.lower main section.recruit ul li div.title {
    margin-top: 2.6666666667vw;
    padding: 1.4666666667vw 0 1.4666666667vw 6.1333333333vw;
    border-left: 0.6666666667vw solid #19A3B1;
  }
}
body.lower main section.recruit ul li div.title h3 {
  display: table;
  position: relative;
}
@media screen and (min-width: 768px) {
  body.lower main section.recruit ul li div.title h3 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  body.lower main section.recruit ul li div.title h3 {
    font-size: 5.3333333333vw;
  }
}
body.lower main section.recruit ul li div.title h3:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(50%, 25%);
  background-color: #FFCE00;
  border-radius: 100px;
}
@media screen and (min-width: 768px) {
  body.lower main section.recruit ul li div.title h3:before {
    width: 30px;
    height: 30px;
  }
}
@media screen and (max-width: 767px) {
  body.lower main section.recruit ul li div.title h3:before {
    width: 5.8666666667vw;
    height: 5.8666666667vw;
  }
}
body.lower main section.recruit ul li div.title h3 span {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  body.lower main section.recruit ul li div.title p {
    margin-top: 8px;
  }
}
@media screen and (max-width: 767px) {
  body.lower main section.recruit ul li div.title p {
    margin-top: 1.4666666667vw;
  }
}
@media screen and (min-width: 768px) {
  body.lower main section.recruit a.cmn_btn1 {
    width: 247px;
    height: 42px;
    margin: 110px 5px 0 auto;
  }
}
@media screen and (max-width: 767px) {
  body.lower main section.recruit a.cmn_btn1 {
    width: 45.7333333333vw;
    margin: 16vw auto 0;
  }
}