.recruit_page_01 {
  background-image: url(../assets/img/recruit_01_bg.png);
  background-size: 100% 120%;
  background-repeat: no-repeat;
  background-position: center center; }

.recruit_hd {
  max-width: 1000px;
  width: 100%;
  margin: auto;
  padding: 40px 0 0; }

.recruit_hd_pc {
  display: block; }
  @media only screen and (max-width: 768px) {
    .recruit_hd_pc .recruit_hd_pc {
      display: none; } }

.recruit_hd_sp {
  display: none; }
  @media only screen and (max-width: 768px) {
    .recruit_hd_sp .recruit_hd_pc {
      display: block; } }

.recruit_hd ul {
  margin: 2%;
  justify-content: flex-start; }

.recruit_hd ul li {
  margin: 10px; }

.recruit_hd ul li a {
  width: 90%;
  padding: 5px 15px;
  box-sizing: border-box;
  border-radius: 12px;
  font-size: 12px;
  background: #fff;
  box-shadow: 1px 1px 1px 1px rgba(199, 199, 199, 0.4); }

.top_recruit {
  background-image: url(../assets/img/top_rec_bg.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding: 100PX 0; }

.top_recruit_wrapper {
  max-width: 1000PX;
  width: 90%;
  margin: 0 auto;
  background-color: #fff;
  padding: 80px 10px 50px;
  box-sizing: border-box; }

.top_recruit_content {
  max-width: 1000px;
  width: 100%;
  margin: 30px auto 0; }

.top_recruit_content p {
  text-align: center;
  font-size: 13px;
  margin: 40px auto;
  line-height: 2; }

.rec_01 li {
  width: 46%;
  margin: 2%;
  position: relative; }
  @media (max-width: 768px) {
    .rec_01 li {
      width: 98%; } }

.rec_01 li a {
  width: 100%; }

.rec_01_box {
  box-sizing: border-box; }

.rec_01_box_r {
  padding: 40px 10px;
  box-sizing: border-box;
  width: 50%;
  background: #80c6cd;
  text-align: center;
  color: #fff; }

.rec_01_box_r h2 {
  font-size: 20px;
  color: #fff; }

.rec_01_box_r h3 {
  font-size: 12px;
  color: #fff; }

.rec_01 li:nth-child(1) .rec_01_box_l {
  background-image: url(../assets/img/rec_01_box_l.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 50%;
  padding-top: 45%; }

.rec_01 li:nth-child(2) .rec_01_box_l {
  background-image: url(../assets/img/rec_02_box_l.jpg);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  width: 50%;
  padding-top: 45%; }

.recruit_page_02 {
  padding: 130px 0 0; }
  @media (max-width: 768px) {
    .recruit_page_02 {
      padding: 40px 0 0; } }

.recruit_page_02_inner {
  max-width: 1000px;
  width: 90%;
  margin: 0 auto; }
  @media (max-width: 768px) {
    .recruit_page_02_inner {
      width: 100%; } }

.recruit_page_02_inner_content {
  margin: 60px auto;
  text-align: center; }
  @media (max-width: 768px) {
    .recruit_page_02_inner_content {
      margin: 30px auto 0; } }

.recruit_page_02_inner_content h2 {
  font-size: 20px;
  margin-bottom: 50px; }
  @media (max-width: 768px) {
    .recruit_page_02_inner_content h2 {
      font-size: 16px;
      margin-bottom: 30px; } }

.recruit_page_04 {
  max-width: 1000px;
  width: 100%;
  margin: auto;
  padding: 130px 0 50px; }
  @media (max-width: 768px) {
    .recruit_page_04 {
      padding: 80px 0 30px; } }
  .recruit_page_04 .sec_ttl_01 h3 {
    max-width: 427px;
    width: 80%;
    margin: auto; }
    @media (max-width: 768px) {
      .recruit_page_04 .sec_ttl_01 h3 {
        max-width: 250px;
        bottom: 80px; } }
  .recruit_page_04 .menu_content {
    width: 80%;
    margin: 10px auto 0; }
    @media (max-width: 768px) {
      .recruit_page_04 .menu_content {
        width: 95%; } }

.inner-video {
  max-width: 650px;
  width: 100%;
  margin: auto;
  position: relative;
  z-index: 100; }
  .inner-video iframe {
    width: 100%; }

#voice.recruit_page_04 ul li {
  width: 23%;
  margin: 1%;
  position: relative; }

.recruit_page_06 {
  max-width: 1000px;
  width: 100%;
  margin: auto; }

.recruit_page_06 .qa_modal_01 {
  width: 23.5%;
  margin: 0;
  margin-right: 2%;
  padding: 0 0 40px; }

.recruit_page_06 .qa_modal_01:nth-child(4n) {
  margin-right: 0; }

.qa_modal h2 {
  font-size: 16px;
  text-align: center; }

.qa_modal ul {
  width: 95%;
  margin: 0 auto; }

.remodalbtn {
  width: 23%;
  margin: 1%;
  position: relative;
  padding: 10px;
  box-sizing: border-box; }
  @media only screen and (max-width: 450px) {
    .remodalbtn {
      width: 48%; } }
.qa_modal h3 {
  position: relative;
  z-index: 10;
  margin-top: 5px;
  text-align: center; }
  .qa_modal h3 a {
    color: #80c5cc;
    font-size: 13px;
    line-height: 1; }
    .qa_modal h3 a:hover {
      text-decoration: underline;
      opacity: 1; }
    .qa_modal h3 a i {
      font-size: 18px;
      margin-right: 3px;
      position: relative;
      bottom: -2px; }

.recruit_page_05 {
  background-image: url(../assets/img/recruit_02_bg.png);
  background-size: 100% 120%;
  background-repeat: no-repeat;
  background-position: center center; }

.recruit_page_05_inner {
  max-width: 1000px;
  width: 90%;
  margin: 0 auto;
  padding: 0 0 40px; }
  @media (max-width: 768px) {
    .recruit_page_05_inner {
      width: 100%; } }
  .recruit_page_05_inner .rec_01 {
    max-width: 340px;
    margin: auto;
    margin-bottom: 50px; }
    @media (max-width: 768px) {
      .recruit_page_05_inner .rec_01 {
        max-width: 95%;
        margin-bottom: 15px; } }
    .recruit_page_05_inner .rec_01 li {
      width: 50%;
      margin: 0;
      position: relative; }

.qa_links {
  width: 50%;
  margin: auto;
  padding: 0;
  position: relative; }
  @media only screen and (max-width: 450px) {
    .qa_links {
      width: 95%;
      margin: auto;
      padding: 0;
      position: relative; } }

.qa_links .rec_01_box_l {
  background-image: url(../assets/img/rec_03_box_l.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 50%; }

.qa_links a {
  width: 100%; }

@media only screen and (max-width: 768px) {
  .recruit_hd_pc {
    display: none; }

  .recruit_hd_sp {
    display: block; }

  .recruit_hd_sp h2 {
    padding: 20px 0 30px;
    text-align: center;
    font-family: 'overpass-regular', sans-serif;
    font-size: 18px;
    letter-spacing: 6px;
    position: relative; }

  .recruit_hd_sp h2 span {
    position: absolute;
    bottom: 15px;
    left: 50%;
    width: 10px;
    height: 10px;
    margin-left: -5px;
    border-left: 2px solid #505050;
    border-bottom: 2px solid #505050;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    box-sizing: border-box; }

  .recruit_hd_sp h2 span:nth-of-type(2) {
    bottom: 5px; } }


/*# sourceMappingURL=recruit.css.map */