/* Hides from IE Mac \ */
/* End Hack */
body {
  display: none; }
  body.ipd {
    height: 1400px; }

    .is-pc {
      display: block;
    }

    .is-sp {
      display: none !important;
    }

#contents {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  margin-top: -77px;
}

#contents .btns {
    width: 100%;
    max-width: 1015px;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    top: 84px;
    left: 50%;
    transform: translate(-50%,0);
}

#contents .btns a {
    margin-left: 15px;
}

#contents .btns a:last-child {
  margin-right: 15px;
}

#contents #entrybtn{
margin-left: 0px;
}

  #contents #entrybtn,#contents #syokusyubtn,#contents #special-btn,#contents #newgraduatebtn,#contents #middlebtn {
    display: none;
  }

  #contents #ceomessage {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 17;
  }


  #contents #contents-inwrap {
    width: 1280px;
    height: 780px;
    overflow: hidden;
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 0;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top; }
  #contents #mesh-top {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 11; }
  #contents #mesh-bottom {
    display: none;
    position: absolute;
    left: 0px;
    top: 252px;
    z-index: 12; }
    #contents #mesh-bottom img {
      vertical-align: bottom; }
  #contents #mesh-all {
    height: 780px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
    background-image: url("../images/recruit/top/pattern2.png"); }
  #contents #name-line {
    width: 0px;
    height: 100px;
    position: absolute;
    left: 0px;
    top: 630px;
    z-index: 16;
    overflow: hidden; }
  #contents #mesen {
    width: 0px;
    height: 116px;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 213px;
    z-index: 13; }
  #contents #text {
    position: absolute;
    left: 0px;
    top: 300px;
    z-index: 14; }
    #contents #text .text {
      position: absolute;
      left: 0px;
      top: -100px;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -webkit-transform-origin: center center;
      -moz-transform-origin: center center;
      -ms-transform-origin: center center;
      transform-origin: center center; }
    #contents #text #t1 {
      left: 45px;
      top: 9px; }
    #contents #text #t2 {
      left: 144px;
      top: 18px; }
    #contents #text #t3 {
      left: 236px;
      top: 55px; }
    #contents #text #t4 {
      left: 298px;
      top: 22px; }
    #contents #text #t5 {
      left: 398px;
      top: 62px; }
    #contents #text #t6 {
      left: 492px;
      top: 35px; }
    #contents #text #t7 {
      left: 578px;
      top: 75px; }
    #contents #text #t8 {
      left: 644px;
      top: 44px; }
    #contents #text #t9 {
      left: 744px;
      top: 51px; }
    #contents #text #t10 {
      left: 844px;
      top: 92px; }
    #contents #text #t11 {
      left: 904px;
      top: 59px; }
    #contents #text #t12 {
      left: 1006px;
      top: 68px; }
    #contents #text #t13 {
      left: 1098px;
      top: 78px; }
  #contents #enterbtn {
    position: absolute;
    left: 540px;
    top: 506px;
    z-index: 15;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    cursor: pointer; }
  #contents .personal .over image {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform-origin: 76px 230px 0px;
    -moz-transform-origin: 76px 230px 0px;
    -ms-transform-origin: 76px 230px 0px;
    transform-origin: 76px 230px 0px; }
  #contents #person1 {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0; }
    #contents #person1 svg {
      width: 191px;
      height: 780px;
      position: absolute;
      left: 0px;
      top: 0px; }
      #contents #person1 svg image.over {
        display: none;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0; }
  #contents #person2 {
    position: absolute;
    left: 150px;
    top: 0px;
    z-index: 0; }
    #contents #person2 svg {
      width: 232px;
      height: 780px;
      position: absolute;
      left: 0px;
      top: 0px; }
      #contents #person2 svg image.over {
        display: none;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0; }
  #contents #person3 {
    position: absolute;
    left: 372px;
    top: 0px;
    z-index: 0; }
    #contents #person3 svg {
      width: 234px;
      height: 780px;
      position: absolute;
      left: 0px;
      top: 0px; }
      #contents #person3 svg image.over {
        display: none;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0; }
  #contents #person4 {
    position: absolute;
    left: 563px;
    top: 0px;
    z-index: 0; }
    #contents #person4 svg {
      width: 267px;
      height: 780px;
      position: absolute;
      left: 0px;
      top: 0px; }
      #contents #person4 svg image.over {
        display: none;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0; }
  #contents #person5 {
    position: absolute;
    left: 786px;
    top: 0px;
    z-index: 0; }
    #contents #person5 svg {
      width: 248px;
      height: 780px;
      position: absolute;
      left: 0px;
      top: 0px; }
      #contents #person5 svg image.over {
        display: none;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0; }
  #contents #person6 {
    position: absolute;
    left: 1010px;
    top: 0px;
    z-index: 0; }
    #contents #person6 svg {
      width: 248px;
      height: 780px;
      position: absolute;
      left: 0px;
      top: 0px; }
      #contents #person6 svg image.over {
        display: none;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0; }
  #contents #person8 {
    position: absolute;
    left: 1010px;
    top: 0px;
    z-index: 0; }
    #contents #person8 svg {
      width: 248px;
      height: 780px;
      position: absolute;
      left: 0px;
      top: 0px; }
      #contents #person8 svg image.over {
        display: none;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0; }

        #name-line img {
        float: left;}

#bg {
  display: none; }

#footer-wrap {
  min-width: 1050px;
}

/* ボタンの色 */
.recruit-btn {
  position: relative;
  width: 100%;
  max-width: 120px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  border: 1px solid #fff;
  padding: 13px 0;
}

.recruit-btn:nth-child(3) {
  max-width: 130px;
}

.recruit-btn::after {
  content: "";
  background-image: url("../images/recruit/top/arrow_right.png");
  background-repeat: no-repeat;
  background-size: 10px;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 980px) {
/*
  #contents #entrybtn {
    margin-left: 0px;
    position: absolute;
    left: 545px;
    z-index: 1; }
  #contents #syokusyubtn {
    margin-left: 0px;
    position: absolute;
    left: 690px;
    z-index: 2; }

  #contents #special-btn {
    margin-left: 0px;
    position: absolute;
    left: 835px;
    z-index: 2; }
*/

}


@media screen and (max-width: 640px) {
  .is-pc {
    display: none !important;
  }

  .is-sp {
    display: block !important;
  }

  .recruit-btn {
    display: none;
  }
  #contents {
    margin-top: 0px;
  }
    #contents #contents-inwrap {
      width: 320px;
      height: auto;
      margin-bottom: 0px;
      top: 0px;
    }
    #contents .btns {
      width: 320px;
      height: auto;
      padding-top: 30px;
      padding-bottom: 34px;
      background-color: #002249;
      position: relative;
      display: block;
      top: auto;
      left: auto;
      transform: translate(0px, 0px);
      margin-left: 0;
    }
    #contents #ceomessage {
      display: block;
      margin-left: 15px;
      margin-bottom: 10px;
      position: static;
      right: 0px;
      top: 0px;
      z-index: 17;
    }
      #contents #ceomessage img {
        width: 290px;
        height: 50px;
      }
    #contents #entrybtn {
      display: block;
      margin-left: 15px;
      position: static;
    }
      #contents #entrybtn img {
        width: 290px;
        height: 50px; }
    #contents #syokusyubtn {
      display: block;
      margin-left: 15px;
      margin-top: 10px;
      position: static; }
      #contents #syokusyubtn img {
        width: 290px;
        height: 50px; }

    #contents #special-btn {
      display: block;
      margin-left: 15px;
      margin-top: 10px;
      position: static; }
      #contents #special-btn img {
        width: 290px;
        height: 50px; }
    #contents #newgraduatebtn {
      display: block;
      margin-left: 15px;
      margin-top: 10px;
      position: static; }
      #contents #newgraduatebtn img {
        width: 290px;
        height: 50px; }
        #contents #middlebtn {
          display: block;
          margin-left: 15px;
          margin-top: 10px;
          position: static;
        }
        #contents #middlebtn img {
          width: 290px;
          height: 50px;
        }

    #contents #text {
      top: 68px; }
      #contents #text #t1 {
        left: 27px;
        top: 5px; }
        #contents #text #t1 img {
          width: 41px;
          height: 38px; }
      #contents #text #t2 {
        left: 70px;
        top: 9px; }
        #contents #text #t2 img {
          width: 37px;
          height: 36px; }
      #contents #text #t3 {
        left: 110px;
        top: 24px; }
        #contents #text #t3 img {
          width: 22px;
          height: 22px; }
      #contents #text #t4 {
        left: 137px;
        top: 10px; }
        #contents #text #t4 img {
          width: 40px;
          height: 40px; }
      #contents #text #t5 {
        left: 179px;
        top: 23px; }
        #contents #text #t5 img {
          width: 36px;
          height: 11px; }
      #contents #text #t6 {
        left: 221px;
        top: 15px; }
        #contents #text #t6 img {
          width: 37px;
          height: 38px; }
      #contents #text #t7 {
        left: 258px;
        top: 31px; }
        #contents #text #t7 img {
          width: 24px;
          height: 22px; }
      #contents #text #t8 {
        left: 59px;
        top: 68px; }
        #contents #text #t8 img {
          width: 40px;
          height: 41px; }
      #contents #text #t9 {
        left: 102px;
        top: 68px; }
        #contents #text #t9 img {
          width: 41px;
          height: 40px; }
      #contents #text #t10 {
        left: 147px;
        top: 82px; }
        #contents #text #t10 img {
          width: 21px;
          height: 22px; }
      #contents #text #t11 {
        left: 174px;
        top: 64px; }
        #contents #text #t11 img {
          width: 41px;
          height: 41px; }
      #contents #text #t12 {
        left: 218px;
        top: 65px; }
        #contents #text #t12 img {
          width: 35px;
          height: 38px; }
      #contents #text #t13 {
        left: 256px;
        top: 65px; }
        #contents #text #t13 img {
          width: 34px;
          height: 36px; }
    #contents #text-bg {
      position: relative;
      left: 0px;
      top: 0px;
      z-index: 13; }
      #contents #text-bg img {
        width: 320px;
        height: 265px;
        vertical-align: bottom; }
    #contents #teamtechnomobile {
      position: absolute;
      left: 73px;
      top: 215px;
      z-index: 15; }
      #contents #teamtechnomobile img {
        width: 172px;
        height: 18px; }
    #contents #enterbtn {
      display: none; }
    #contents #menuPhoto {
      width: 320px;
      position: relative;
      left: 0px;
      top: 0px; }
    #contents #person1, #contents #person2, #contents #person3, #contents #person4, #contents #person5, #contents #person6, #contents #person8 {
      position: static; }
      #contents #person1 .sp, #contents #person2 .sp, #contents #person3 .sp, #contents #person4 .sp, #contents #person5 .sp, #contents #person6 .sp, #contents #person8 .sp {
        float: left; }
        #contents #person1 .sp img, #contents #person2 .sp img, #contents #person3 .sp img, #contents #person4 .sp img, #contents #person5 .sp img, #contents #person6 .sp img, #contents #person8 .sp img {
          width: 160px;
          height: 150px;
          vertical-align: bottom; }
    #contents #name-line {
      display: none; }


#footer-wrap {
  min-width: 320px;
}

}