/*共通*/

.rec-cont-fc-inline {
    display: block;
    text-align: center;
}

.rec-cont {
    overflow: hidden;
}

.rec-cont .moz-p {
    margin-bottom: 1.5rem;
}


/*pcトップ*/

.pc-head {
    background: linear-gradient(25deg, rgba(192, 178, 181, 0.7), rgba(92, 17, 77, 0.6)), url(/assets/images/mat-pc-01.webp);
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 300px;
}


/*flex要素*/

.rec-cont-pcflex,
.rec-cont-pcflex-item1,
.rec-cont-pcflex-item2,
.rec-cont-pcflex-item3,
.rec-cont-pcflex-item4 {
    width: 100%;
}

.rec-cont-pcflex-item2 {
    margin: 1rem;
}

.rec-cont-pcflex {
    display: block;
}


/*line*/

.rec-line {
    background: #00B900;
    color: #ffffff;
    text-decoration: none;
    padding: 0.1rem 0.3rem;
    border-radius: 5px;
    font-weight: 300;
    font-size: 0.8rem;
}


/*recruit*/

.rec-background {
    background-image: url(/assets/images/recruit/recruit-img1.webp);
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 73%;
    margin-top: 2rem;
}

.rec-cont .moz-top {
    width: 70%;
    padding-top: 0rem;
    position: relative;
    margin-bottom: 1rem;
    z-index: 1;
}

.rec-cont .moz-top::after {
    content: '';
    background-image: url(/assets/images/recruit-img2.webp);
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 200px;
    height: 200px;
    top: 5rem;
    left: 140%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.rec-cont .moz-button {
    position: relative;
    z-index: 2;
    background: #5DD9CC;
    color: #ffffff;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    display: block;
    padding: 1rem 0;
    border-radius: 0.5rem;
    border: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    font-size: 1.4rem;
    text-decoration: none;
}


/*地域別給与*/

.rec-sal-box {
    border: solid 2px #1F1F1F;
    position: relative;
    margin-top: 5rem;
    padding-bottom: 10%;
    margin: 25% 1rem;
}

.rec-sal-box::before {
    position: absolute;
    background: #ffffff;
    top: -1rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    width: 50%;
    height: 100px;
    content: '';
}

.rec-sal-box::after {
    position: absolute;
    top: 1rem;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: '';
    background-image: url(/assets/images/recruit/recruit-img3.svg);
    background-size: contain;
    padding-top: 50%;
    background-repeat: no-repeat;
    height: 0;
    width: 80%;
    z-index: 1;
}

.rec-sal-box .moz-h2 {
    border-bottom: solid 1px;
    display: inline-block;
    font-weight: 400;
    z-index: 2;
    padding-top: 2rem;
    margin-bottom: 1rem;
    font-size: 1.4rem;
    position: relative;
}


/*業務内容*/

.rec-job-box {
    padding-bottom: 10%;
    padding: 1rem 2rem;
    display: block;
}

.rec-job-box .moz-h2 {
    position: relative;
    z-index: 2;
    padding-top: 25%;
    border-bottom: solid 1px;
    padding-bottom: 0.5rem;
    font-size: 1.2rem;
    line-height: 1.3;
}

.rec-job-box .moz-h2::before {
    position: absolute;
    top: 1rem;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: '';
    background-image: url(/assets/images/recruit/recruit-img4.svg);
    background-size: contain;
    padding-top: 35%;
    background-repeat: no-repeat;
    height: 0;
    width: 80%;
    z-index: 1;
}


/*先輩スタッフにインタビュー*/

.rec-int-box .moz-h2 {
    position: relative;
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-size: 1.2rem;
}

.rec-int-box .moz-h2::before {
    content: 'interview';
    position: absolute;
    top: -1rem;
    font-size: 3rem;
    left: 50%;
    font-weight: 400;
    font-family: 'Satisfy', cursive;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.rec-int-box .item-pink {
    background: #FFECEC;
}

.rec-int-box .item-purple {
    background: #F9ECFF;
}

.rec-int-box .item-blue {
    background: #ECF0FF;
}

.rec-int-box .moz-black {
    background: #333333;
    color: #ffffff;
    padding: 0.3rem 0.5rem;
    margin-right: 1rem;
}


/*全国８か所、駅近のオフィス*/

.rec-off-box .moz-h2 {
    font-size: 0.9rem;
    position: relative;
    margin-top: 50%;
    margin-bottom: 1rem;
}

.rec-off-box .moz-h2::before {
    content: '';
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block;
    background-image: url(/assets/images/recruit/recruit-img5.svg);
    left: 50%;
    padding-top: 60%;
    width: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

.rec-off-box .moz-word {
    font-size: 1.4rem;
    line-height: 1.3;
}

.rec-off-box .moz-big-word {
    font-size: 2.3rem;
}

.rec-off-box .moz-ul {
    list-style: none;
}

.rec-off-box .moz-ul-2 {
    list-style: none;
}

.rec-off-box .moz-ul-blue {
    padding-left: 1rem;
}

.rec-off-box .moz-li_blue {
    padding: 0.5rem;
    margin: 0.5rem;
    list-style: none;
    background: #E8F9FF;
}

.rec-off-box .moz-h3 {
    border-bottom: solid 1px #333333;
    padding: 0.5rem 1rem;
    font-size: 1.2rem;
}

.moz-small {
    font-weight: 400;
    font-size: 0.8rem;
}


/*電話で応募・問い合わせ*/

.rec-tell-box {
    background: #FFFEE8;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 0.5rem 0.5rem;
}

.rec-tell-box .moz-h3 {
    font-size: 1.4rem;
    border: none;
    margin-bottom: -0.5rem;
}

.rec-tell-box .moz-border {
    background: #ffffff;
    height: 5px;
    border: solid 1px #333333;
}

.rec-tell-box .moz-hr {
    border: dashed 1px #333333;
}

.rec-area .moz-ul {
    margin-left: 1rem;
}

@media screen and (min-width: 500px) {}

@media screen and (min-width: 600px) {}

@media screen and (min-width: 1001px) {
    .rec-cont-fc-inline {
        font-size: 1.1rem;
        display: inline-block;
        text-align: left;
        width: 48%;
        padding: 0.3rem;
        padding-left: 1rem;
    }
    /*flex要素*/
    .rec-cont-pcflex {
        display: flex;
        width: 100%;
    }
    .rec-cont-pcflex-item1,
    .rec-cont-pcflex-item2 {
        width: 50%;
        margin: 1rem;
    }
    .rec-cont-pcflex-item3 {
        width: 55%;
    }
    .rec-cont-pcflex-item4 {
        width: 45%;
    }
    /*快適office*/
    .rec-off-box .moz-ul-2::before {
        left: 90%;
        margin-top: 5%;
        height: 250px;
        width: 200px;
    }
    .rec-off-box .moz-li_blue {
        background: #E8EAF6;
    }
    .rec-sal-box {
        border: solid 0px #1F1F1F;
    }
    .rec-tell-box {
        background: #E8EAF6;
        margin-top: 0rem;
        margin-bottom: 0rem;
    }
    .rec-tell-box .moz-h3 {
        font-size: 2rem;
        border: none;
        margin-bottom: 0rem;
    }
    /*job*/
    .rec-job-box {
        padding-bottom: 0%;
        display: block;
    }
    .rec-job-box .moz-h2 {
        padding-top: 35%;
    }
    .rec-job-box .moz-h2::before {
        top: 5rem;
        padding-top: 35%;
        width: 65%;
    }
}

@media screen and (min-width: 1001px) {}

@media screen and (min-width: 1201px) {
    .rec-heading2::after {
        top: 5rem;
    }
}

@media screen and (min-width: 1201px) {
    .rec-cont .moz-top {
        width: 80%;
    }
    .rec-cont .moz-top::after {
        top: 5rem;
        left: 120%;
    }
    .rec-cont .moz-button {
        background: #a6dbd9;
        font-size: 1.6rem;
    }
    .moz-button:hover {
        background: #78A4A2;
        font-size: 1.6rem;
    }
    .rec-job-box {
        padding-bottom: 0%;
        display: block;
    }
    .rec-job-box .moz-h2 {
        padding-top: 25%;
        padding-bottom: 0.5rem;
        font-size: 1.2rem;
    }
    .rec-job-box .moz-h2::before {
        top: 5rem;
        padding-top: 25%;
        width: 65%;
    }
    .rec-sal-box::before {
        background: none;
    }
    .rec-sal-box {
        padding: 0.5rem;
        padding-bottom: 0%;
        margin: 25% 1rem 10%;
    }
    .rec-sal-box .moz-h2,
    .rec-job-box .moz-h2 {
        font-weight: 700;
        font-size: 1.8rem;
        color: #757B96;
    }
    /*下矢印線*/
    .rec-under-bar {
        position: relative;
        border-bottom: 2px solid #523633;
    }
    .rec-under-bar {
        background-color: #ffffff;
    }
    .rec-under-bar::before,
    .rec-under-bar::after {
        position: absolute;
        top: 100%;
        left: 45%;
        content: '';
        height: 0;
        width: 0;
        border: 45px solid transparent;
    }
    .rec-under-bar:before {
        border-top: 40px solid #211614;
    }
    .rec-under-bar:after {
        margin-top: -2px;
        border-top: 40px solid #ffffff;
    }
    /*interview*/
    .rec-int-box .item-pink {
        background: rgb(253, 253, 253);
        box-shadow: 1px 2px #32374D;
    }
    .rec-int-box .item-purple {
        background: rgb(253, 253, 253);
        box-shadow: 1px 2px #32374D;
    }
    .rec-int-box .item-blue {
        background: rgb(253, 253, 253);
        box-shadow: 1px 2px #32374D;
    }
    .rec-off-box .moz-h3 {
        font-size: 1.5rem;
    }
    .rec-off-box .moz-word {
        font-size: 2rem;
    }
    .rec-off-box .moz-big-word {
        font-size: 3rem;
    }
    .rec-off-box .moz-h2::before {
        padding-top: 70%;
    }
}

@media screen and (min-width: 1501px) {
    .rec-off-box .moz-ul-2::before {
        left: 80%;
        height: 350px;
        width: 300px;
        margin-top: 5%;
    }
}

@media screen and (max-width: 375px) {
    .rec-off-box .moz-ul-2::before {
        left: 80%;
        height: 200px;
        width: 150px;
    }
}

@media screen and (max-width: 320px) {
    /*共通*/
    .rec-cont .moz-p {
        margin-bottom: 1rem;
    }
    .rec-cont {
        font-size: 0.9rem;
    }
}
/***********contents追加*************/
.disp-inb {
    display: inline-block;
  }
  .max-w1500 {
    max-width: 1500px !important;
  }
  /*サイズ調整*/
  .wid100-80, .wid100-50, .wid100-90, .wid100-75, .wid100-78 {
    width: 100%;
  }
  .wid30 {
    width: 30%;
  }
  .wid15 {
    width: 15%;
  }
  .pc-block {
    display: none;
  }
  
  .sp-block {
    display: block;
  }
  .line-solid-2-30 {
    border: 1px solid #333333;
    width: 130px;
    margin: 0 auto;
    margin-top: -1rem;
    margin-bottom: 1rem;
  }
  .under-E0E6FF {
    background: linear-gradient(transparent 0%, #E0E6FF 0%);
    color: #333333;
    padding: 0 0.5rem;
  }
  .c-32374D {
    color: #32374D;
  }
  
  .c-757B96 {
    color: #757B96;
  }
  .fs-19-34 {
    font-size: 1.3rem;
  }
  @media screen and (min-width: 767px) {
    .moz-p {
        font-size: 1.2rem;
        line-height: 1.8;
    }
  }
  @media screen and (min-width: 1001px) {
    .cont-pc-line, .cont-pc-line2, .cont-pc-line3, .cont-pc-line4, .cont-pc-line5, .cont-pc-line6 {
      background-image: repeating-linear-gradient(-45deg, #fff, #fff 4px, transparent 0, transparent 10px);
      height: 30px;
      border: none;
      margin: 2rem 0;
  }
  .cont-pc-line5 {
    background-color: rgb(50, 55, 77);
  }
      /*svg背景　区切り*/
      .cont-pc-line-2, .cont-pc-line-3, .cont-pc-line-4, .cont-pc-line-5, .cont-pc-line-6, .cont-pc-line-7, .cont-pc-line-8, .cont-pc-line-9, .cont-pc-line-10, .cont-pc-blob-2, .cont-pc-blob-3, .cont-pc-polygon-1, .cont-pc-polygon-2 {
        content: '';
        height: 0px;
        background-repeat: no-repeat;
        width: 100%;
        background-size: contain;
        padding-top: 20%;
        margin-bottom: -17%;
        border: none;
    }
  
    .cont-pc-blob-1, .cont-pc-layered-1 {
        content: '';
        height: 0px;
        background-repeat: no-repeat;
        width: 100%;
        background-size: contain;
        padding-top: 20%;
        margin-bottom: -17%;
        border: none;
    }
    .cont-pc-line-10 {
      background-image: url("/assets/images/wave-10.svg");
  }
  .cont-pc-polygon-1 {
    background-image: url("/assets/images/polygon-1.svg");
  }
  
  .cont-pc-polygon-2 {
    background-image: url("/assets/images/polygon-2.svg");
  }
  
  .cont-pc-layered-1 {
    background-image: url("/assets/images/layered-1.svg");
  }
  .wid100-90 {
    width: 90%;
  }
  .pc-shadow-32374D {
    box-shadow: 1px 1px #32374D;
    padding: 0rem 1rem;
  }
  
  .moz-p {
    line-height: 1.8;
  }
  .pc-block {
    display: block;
  }
  
  .sp-block {
    display: none;
  }
  }
  @media screen and (min-width: 1200px) {
    .fs-19-34 {
      font-size: 2.26rem;
  }
  .pc-mg-t-2 {
    margin-top: -2rem;
  }
  }