@charset "UTF-8";
/* veriable */
/* Youtubeのエリア */
/* line 12, G:/xampp/htdocs/daisan/css/recruit.sass */
.v_content {
  margin: 0 auto; }
  @media (min-width: 768px) {
    /* line 12, G:/xampp/htdocs/daisan/css/recruit.sass */
    .v_content {
      width: 800px;
      padding: 90px 0 190px; } }
  @media (max-width: 767px) {
    /* line 12, G:/xampp/htdocs/daisan/css/recruit.sass */
    .v_content {
      width: 90%;
      padding: 45px 0 95px; } }
  /* line 20, G:/xampp/htdocs/daisan/css/recruit.sass */
  .v_content h3 {
    color: #0a0a4e;
    letter-spacing: 5px; }
    @media (min-width: 768px) {
      /* line 20, G:/xampp/htdocs/daisan/css/recruit.sass */
      .v_content h3 {
        font-size: 30px;
        line-height: 50px;
        margin-bottom: 63px; } }
    @media (max-width: 767px) {
      /* line 20, G:/xampp/htdocs/daisan/css/recruit.sass */
      .v_content h3 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 30px; } }
  @media (min-width: 768px) {
    /* line 31, G:/xampp/htdocs/daisan/css/recruit.sass */
    .v_content p {
      margin-bottom: 16px; } }
  @media (max-width: 767px) {
    /* line 31, G:/xampp/htdocs/daisan/css/recruit.sass */
    .v_content p {
      margin-bottom: 15px; } }
  @media (min-width: 768px) {
    /* line 36, G:/xampp/htdocs/daisan/css/recruit.sass */
    .v_content .adjust_margin {
      margin-bottom: 70px; } }
  @media (max-width: 767px) {
    /* line 36, G:/xampp/htdocs/daisan/css/recruit.sass */
    .v_content .adjust_margin {
      margin-bottom: 40px; } }

/* line 42, G:/xampp/htdocs/daisan/css/recruit.sass */
.youtube {
  position: relative; }
  @media (min-width: 768px) {
    /* line 42, G:/xampp/htdocs/daisan/css/recruit.sass */
    .youtube {
      width: 800px;
      height: 450px; } }
  @media (max-width: 767px) {
    /* line 42, G:/xampp/htdocs/daisan/css/recruit.sass */
    .youtube {
      width: 100%;
      height: 0;
      padding-top: 56.25%;
      overflow: hidden; } }
  /* line 52, G:/xampp/htdocs/daisan/css/recruit.sass */
  .youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* ページ内リンク */
/* line 62, G:/xampp/htdocs/daisan/css/recruit.sass */
.page_link {
  background-color: #0a0a4e; }
  /* line 64, G:/xampp/htdocs/daisan/css/recruit.sass */
  .page_link ul {
    display: flex;
    justify-content: center;
    margin: 0 auto; }
    @media (min-width: 1101px) {
      /* line 64, G:/xampp/htdocs/daisan/css/recruit.sass */
      .page_link ul {
        width: 1100px; } }
    @media (max-width: 1100px) {
      /* line 64, G:/xampp/htdocs/daisan/css/recruit.sass */
      .page_link ul {
        width: 100%; } }
    @media (max-width: 960px) {
      /* line 64, G:/xampp/htdocs/daisan/css/recruit.sass */
      .page_link ul {
        width: 960px; } }
    @media (max-width: 767px) {
      /* line 64, G:/xampp/htdocs/daisan/css/recruit.sass */
      .page_link ul {
        width: 100%; } }
    /* line 74, G:/xampp/htdocs/daisan/css/recruit.sass */
    .page_link ul li {
      width: 25%;
      display: inline-block;
      text-align: center;
      vertical-align: top; }
      /* line 79, G:/xampp/htdocs/daisan/css/recruit.sass */
      .page_link ul li a {
        display: inline-block;
        text-decoration: none;
        color: #fff; }
        @media (min-width: 768px) {
          /* line 79, G:/xampp/htdocs/daisan/css/recruit.sass */
          .page_link ul li a {
            padding: 26px 0 0 0;
            line-height: 23px; } }
        @media (max-width: 767px) {
          /* line 79, G:/xampp/htdocs/daisan/css/recruit.sass */
          .page_link ul li a {
            padding: 15px 5px 0 5px;
            font-size: 11px;
            line-height: 15px; } }
  /* line 90, G:/xampp/htdocs/daisan/css/recruit.sass */
  .page_link .arrows {
    font-size: 10px;
    line-height: 10px; }
    /* line 93, G:/xampp/htdocs/daisan/css/recruit.sass */
    .page_link .arrows li {
      padding: 0;
      line-height: 10px;
      color: #0abcce;
      padding-bottom: 13px; }
      @media (min-width: 768px) {
        /* line 93, G:/xampp/htdocs/daisan/css/recruit.sass */
        .page_link .arrows li {
          font-size: 10px; } }
      @media (max-width: 767px) {
        /* line 93, G:/xampp/htdocs/daisan/css/recruit.sass */
        .page_link .arrows li {
          font-size: 8px; } }

/* 共通ヘッダ */
/* line 104, G:/xampp/htdocs/daisan/css/recruit.sass */
.section_head {
  text-align: center;
  color: #0a0a4e;
  letter-spacing: 5px; }
  @media (min-width: 768px) {
    /* line 104, G:/xampp/htdocs/daisan/css/recruit.sass */
    .section_head {
      font-size: 30px;
      line-height: 50px;
      padding: 90px 0 70px 0; } }
  @media (max-width: 767px) {
    /* line 104, G:/xampp/htdocs/daisan/css/recruit.sass */
    .section_head {
      font-size: 22px;
      line-height: 32px;
      padding: 45px 5% 35px; } }

/* 3つのポイント */
@media (min-width: 768px) {
  /* line 119, G:/xampp/htdocs/daisan/css/recruit.sass */
  .rec_point {
    margin-bottom: 110px; } }

@media (max-width: 767px) {
  /* line 119, G:/xampp/htdocs/daisan/css/recruit.sass */
  .rec_point {
    margin-bottom: 55px; } }

@media (min-width: 768px) {
  /* line 125, G:/xampp/htdocs/daisan/css/recruit.sass */
  .rec_point .box_set {
    display: table;
    width: 100%; } }

/* line 129, G:/xampp/htdocs/daisan/css/recruit.sass */
.rec_point .box_set .box_line {
  background-color: #e6e6e6; }
  @media (min-width: 768px) {
    /* line 129, G:/xampp/htdocs/daisan/css/recruit.sass */
    .rec_point .box_set .box_line {
      display: table-row;
      width: 100%; } }
  /* line 134, G:/xampp/htdocs/daisan/css/recruit.sass */
  .rec_point .box_set .box_line .imagebox {
    background-position: center;
    background-size: cover; }
    @media (min-width: 768px) {
      /* line 134, G:/xampp/htdocs/daisan/css/recruit.sass */
      .rec_point .box_set .box_line .imagebox {
        display: table-cell;
        width: 50%; } }
    @media (max-width: 767px) {
      /* line 134, G:/xampp/htdocs/daisan/css/recruit.sass */
      .rec_point .box_set .box_line .imagebox {
        width: 100%;
        height: 0;
        padding-top: 93%; } }
  @media (min-width: 768px) {
    /* line 144, G:/xampp/htdocs/daisan/css/recruit.sass */
    .rec_point .box_set .box_line .textbox {
      display: table-cell;
      width: 50%;
      padding: 50px 40px 54px; } }
  @media (max-width: 767px) {
    /* line 144, G:/xampp/htdocs/daisan/css/recruit.sass */
    .rec_point .box_set .box_line .textbox {
      padding: 30px 5% 5px; } }
  /* line 151, G:/xampp/htdocs/daisan/css/recruit.sass */
  .rec_point .box_set .box_line .textbox h4 {
    text-align: center;
    color: #0a0a4e; }
    @media (min-width: 768px) {
      /* line 151, G:/xampp/htdocs/daisan/css/recruit.sass */
      .rec_point .box_set .box_line .textbox h4 {
        font-size: 25px;
        line-height: 25px;
        margin-bottom: 50px; } }
    @media (max-width: 767px) {
      /* line 151, G:/xampp/htdocs/daisan/css/recruit.sass */
      .rec_point .box_set .box_line .textbox h4 {
        font-size: 19px;
        line-height: 19px;
        margin-bottom: 30px; } }
  /* line 162, G:/xampp/htdocs/daisan/css/recruit.sass */
  .rec_point .box_set .box_line .textbox .icon {
    display: inline-block;
    background-color: #0abcce;
    border-radius: 50%;
    color: #fff;
    box-sizing: border-box;
    text-align: center; }
    @media (min-width: 768px) {
      /* line 162, G:/xampp/htdocs/daisan/css/recruit.sass */
      .rec_point .box_set .box_line .textbox .icon {
        width: 100px;
        height: 100px;
        font-size: 50px;
        padding-top: 25px;
        margin-bottom: 30px; } }
    @media (max-width: 767px) {
      /* line 162, G:/xampp/htdocs/daisan/css/recruit.sass */
      .rec_point .box_set .box_line .textbox .icon {
        width: 80px;
        height: 80px;
        font-size: 40px;
        padding-top: 22px;
        margin-bottom: 20px; } }
  /* line 181, G:/xampp/htdocs/daisan/css/recruit.sass */
  .rec_point .box_set .box_line .textbox small {
    color: #0a0a4e;
    display: inline-block;
    margin-bottom: 10px; }
    @media (min-width: 768px) {
      /* line 181, G:/xampp/htdocs/daisan/css/recruit.sass */
      .rec_point .box_set .box_line .textbox small {
        font-size: 15px;
        line-height: 15px; } }
    @media (max-width: 767px) {
      /* line 181, G:/xampp/htdocs/daisan/css/recruit.sass */
      .rec_point .box_set .box_line .textbox small {
        font-size: 11px;
        line-height: 11px; } }
  @media (min-width: 768px) {
    /* line 191, G:/xampp/htdocs/daisan/css/recruit.sass */
    .rec_point .box_set .box_line .textbox p {
      margin-bottom: 16px; } }
  @media (max-width: 767px) {
    /* line 191, G:/xampp/htdocs/daisan/css/recruit.sass */
    .rec_point .box_set .box_line .textbox p {
      margin-bottom: 15px; } }
  @media (max-width: 767px) {
    /* line 197, G:/xampp/htdocs/daisan/css/recruit.sass */
    .rec_point .box_set .box_line .only_pc {
      display: none; } }
  @media (min-width: 768px) {
    /* line 200, G:/xampp/htdocs/daisan/css/recruit.sass */
    .rec_point .box_set .box_line .only_sp {
      display: none; } }

/* 1 週間の業務フロー例 */
@media (min-width: 768px) {
  /* line 205, G:/xampp/htdocs/daisan/css/recruit.sass */
  .rec_flow {
    margin-bottom: 110px; } }

@media (max-width: 767px) {
  /* line 205, G:/xampp/htdocs/daisan/css/recruit.sass */
  .rec_flow {
    margin-bottom: 55px; } }

/* line 210, G:/xampp/htdocs/daisan/css/recruit.sass */
.rec_flow img {
  width: 100%; }

/* 募集要項 */
/* line 216, G:/xampp/htdocs/daisan/css/recruit.sass */
.rec_detail table {
  border-collapse: collapse;
  border-bottom: solid 1px #c8c8c8; }
  @media (min-width: 768px) {
    /* line 216, G:/xampp/htdocs/daisan/css/recruit.sass */
    .rec_detail .recruit_table {
      margin-bottom: 110px; } }
  @media (max-width: 767px) {
    /* line 216, G:/xampp/htdocs/daisan/css/recruit.sass */
    .rec_detail .recruit_table {
      margin-bottom: 55px; } }
  @media (max-width: 767px) {
    /* line 223, G:/xampp/htdocs/daisan/css/recruit.sass */
    .rec_detail table tr {
      display: block;
      border-top: solid 1px #c8c8c8; } }
  /* line 227, G:/xampp/htdocs/daisan/css/recruit.sass */
  .rec_detail table tr th {
    text-align: left;
    font-size: 17px;
    line-height: 29px;
    color: #0a0a4e; }
    @media (min-width: 768px) {
      /* line 227, G:/xampp/htdocs/daisan/css/recruit.sass */
      .rec_detail table tr th {
        border-top: solid 1px #c8c8c8;
        width: 220px;
        box-sizing: border-box;
        padding: 30px 0 0 50px;
        vertical-align: top; } }
    @media (max-width: 767px) {
      /* line 227, G:/xampp/htdocs/daisan/css/recruit.sass */
      .rec_detail table tr th {
        display: block;
        padding: 20px 20px 15px; } }
  @media (min-width: 768px) {
    /* line 241, G:/xampp/htdocs/daisan/css/recruit.sass */
    .rec_detail table tr td {
      border-top: solid 1px #c8c8c8;
      padding: 30px 0; } }
  @media (max-width: 767px) {
    /* line 241, G:/xampp/htdocs/daisan/css/recruit.sass */
    .rec_detail table tr td {
      display: block;
      padding: 0 20px 20px; } }
  /* line 248, G:/xampp/htdocs/daisan/css/recruit.sass */
  .rec_detail table tr td ul {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 15px; }

  .recruit_table__text {
    margin-top: 20px;
    text-align: center;
  }

/* スタッフの声 */
@media (min-width: 768px) {
  /* line 254, G:/xampp/htdocs/daisan/css/recruit.sass */
  .rec_staff {
    margin-bottom: 100px; } }

@media (max-width: 767px) {
  /* line 254, G:/xampp/htdocs/daisan/css/recruit.sass */
  .rec_staff {
    margin-bottom: 50px; } }

/* line 259, G:/xampp/htdocs/daisan/css/recruit.sass */
.rec_staff h4 {
  background-position: center;
  background-size: cover;
  box-sizing: border-box; }
  @media (min-width: 768px) {
    /* line 259, G:/xampp/htdocs/daisan/css/recruit.sass */
    .rec_staff h4 {
      padding: 80px 0 0 55%;
      height: 350px;
      font-size: 15px;
      line-height: 15px;
      margin-bottom: 50px; } }
  @media (max-width: 767px) {
    /* line 259, G:/xampp/htdocs/daisan/css/recruit.sass */
    .rec_staff h4 {
      padding: 18px 0 0 40%;
      height: 125px;
      font-size: 11px;
      line-height: 11px;
      margin-bottom: 30px; } }
  /* line 275, G:/xampp/htdocs/daisan/css/recruit.sass */
  .rec_staff h4 strong {
    display: block; }
    @media (min-width: 768px) {
      /* line 275, G:/xampp/htdocs/daisan/css/recruit.sass */
      .rec_staff h4 strong {
        font-size: 25px;
        line-height: 37px;
        margin-bottom: 24px; } }
    @media (max-width: 767px) {
      /* line 275, G:/xampp/htdocs/daisan/css/recruit.sass */
      .rec_staff h4 strong {
        font-size: 13px;
        line-height: 17px;
        margin-bottom: 13px; } }
  /* line 285, G:/xampp/htdocs/daisan/css/recruit.sass */
  .rec_staff h4 span {
    display: block;
    font-weight: normal; }
    @media (min-width: 768px) {
      /* line 285, G:/xampp/htdocs/daisan/css/recruit.sass */
      .rec_staff h4 span {
        margin-bottom: 10px; } }
    @media (max-width: 767px) {
      /* line 285, G:/xampp/htdocs/daisan/css/recruit.sass */
      .rec_staff h4 span {
        margin-bottom: 5px; } }
  /* line 292, G:/xampp/htdocs/daisan/css/recruit.sass */
  .rec_staff h4 .name {
    display: block;
    font-weight: bold; }
    @media (min-width: 768px) {
      /* line 292, G:/xampp/htdocs/daisan/css/recruit.sass */
      .rec_staff h4 .name {
        margin-bottom: 20px; } }
    @media (max-width: 767px) {
      /* line 292, G:/xampp/htdocs/daisan/css/recruit.sass */
      .rec_staff h4 .name {
        line-height: 16px;
        margin-top: -3px;
        margin-bottom: 3px; } }
    @media (min-width: 768px) {
      /* line 301, G:/xampp/htdocs/daisan/css/recruit.sass */
      .rec_staff h4 .name b {
        font-size: 25px; } }
    @media (max-width: 767px) {
      /* line 301, G:/xampp/htdocs/daisan/css/recruit.sass */
      .rec_staff h4 .name b {
        font-weight: bold; } }

/* line 306, G:/xampp/htdocs/daisan/css/recruit.sass */
.rec_staff .txt_w {
  color: #fff; }

/* line 308, G:/xampp/htdocs/daisan/css/recruit.sass */
.rec_staff .rec_voic_text {
  position: relative; }
  .rec_staff .rec_voic_text p {
    text-indent: 1em;
  }
  @media (min-width: 768px) {
    /* line 310, G:/xampp/htdocs/daisan/css/recruit.sass */
    .rec_staff .rec_voic_text p {
      width: 55%;
      margin-bottom: 16px; } }
  @media (max-width: 767px) {
    /* line 310, G:/xampp/htdocs/daisan/css/recruit.sass */
    .rec_staff .rec_voic_text p {
      width: 100%;
      margin-bottom: 15px; } }
  @media (min-width: 768px) {
    /* line 317, G:/xampp/htdocs/daisan/css/recruit.sass */
    .rec_staff .rec_voic_text .fig {
      width: 38%;
      position: absolute;
      top: 0;
      right: 0; } }
  @media (max-width: 767px) {
    /* line 317, G:/xampp/htdocs/daisan/css/recruit.sass */
    .rec_staff .rec_voic_text .fig {
      width: 100%; } }

  @media (min-width: 768px) {
    /* line 259, G:/xampp/htdocs/daisan/css/recruit.sass */
    .rec_staff--left h4 {
      padding: 80px 55% 0 0;} }
  @media (max-width: 767px) {
    /* line 259, G:/xampp/htdocs/daisan/css/recruit.sass */
    .rec_staff--left h4 {
      padding: 18px 43% 0 4%;} }

      @media (max-width: 560px) {
        .rec_staff h4.staff_img03 {
        background-position-x: 70%;
      }
    }

  .rec_staff h4.staff_img03 {
    background-position-x: 63%;
  }
  .rec_staff h4.staff_img02 {
    background-position-x: 28%;
  }
  
  @media (max-width: 560px) {
    .rec_staff h4.staff_img02 {
      background-position-x: 37%;
    }
  }

  
  .staff_textarea__wrap {
    display: flex;
    justify-content: flex-end;
  }
  /* @media (max-width: 560px) {
    .staff_textarea__wrap {
      justify-content: normal;
    }
  } */
  .staff_textarea {
    display: flex;
    flex-direction: column;
  }
  
  
/*# sourceMappingURL=recruit.css.map */