/* 共通 */
#staff-interview,#requirements,#recruit-message{
    padding: 120px 0;
}

.section-title__box{
    gap: 40px;
}

#recruit-top .btn,#recruit-message .btn{
    width: 233px;
    height: 75px;
    font-size: 16px;
}

#recruit-top .btn-icon,#recruit-message .btn-icon{
    rotate: -90deg;
}

/* リクルートトップ */
#recruit-top {
    padding: 80px 0 120px;
}

.recruit-top__img img{
    width: 482px;
}

/* スタッフインタビュー */
#staff-interview .section__inner{
    gap: 80px;
}

.interview__head{
    gap: 16px;
}

.interview__heading,.interview__title{
    gap: 16px;
}

.interview__label{
    font-size: 48px;
    line-height: 1.375em;
}

.interview__icon{
    width: 103px;
}

.interview{
    gap: 40px;
}

.interview__questions {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  width: 880px;
}

.interview-question{
    gap: 16px;
}

.interview-question__answer{
    border-radius: 20px;
    width: 420px;
    height: 140px;
    padding: 20px;
}

.interview--01 .interview-question__answer{
    background-color: rgba(255, 228, 134, 0.5)
}

.interview--02 .interview-question__answer{
    background-color: rgba(150,230,185,0.5);
}

.interview--03 .interview-question__answer{
    background-color: rgba(161,218,253,0.5);
}

/* パートタイマー求人情報 */
#requirements .section__inner{
    gap: 40px;
}

.job-info{
    gap: 10px;
}

.job-info dt,.job-info dd{
    font-size: 14px;
    line-height: 2.35em;
    color: #000;
}

.job-info__item{
    padding: 8px 0;
}

.job-info__item{
    gap: 40px;
}

.job-info__title{
    padding: 6px 0;
    text-align: center;
    background-color: #FFD7E1;
    width: 100px;
    height: 45px;
    border-radius: 10px;
}

.girl{
    width: 261px;
    top: -18px;
    right: 0;
}

.boy{
    width: 309px;
    top: 512px;
    left: -0.56vw;
}

.dog{
    width: 308px;
    bottom: -190px;
    right: 40px;
}

/* 入社を考えている方へ */
#recruit-message .section__inner{
    gap: 80px;
    align-items: flex-end;
}

.recruit-message-text__box{
    gap: 24px;
}

.recruit-message__text{
    gap: 16px;
}

@media screen and (max-width: 1079px) {
    /* 共通 */
    #staff-interview,#requirements,#recruit-message{
        padding: clamp(40px,10.6vw,80px) 0;
    }

    .section-title__box{
        gap: clamp(40px,10.6vw,80px);
    }

    #recruit-top .btn,#recruit-message .btn{
        width: 62.1vw;
        max-width: 466px;
        height: auto;
        font-size: clamp(16px,4.2vw,32px);
    }

    /* リクルートトップ */
    #recruit-top {
        padding: clamp(40px,10.6vw,80px) 0;
    }

    #recruit-top .section__inner{
        gap: clamp(40px,10.6vw,80px);
    }

    .recruit-top__img img{
        width: 100%;
    }

    /* スタッフインタビュー */
    #staff-interview .section__inner{
        gap: clamp(40px,10.6vw,80px);
    }

    .interview__label{
        font-size: 64px：clamp(32px,8.5vw,64px);
    }

    .interview__heading,.interview__title{
        gap: clamp(8px,2.1vw,16px);
    }

    .interview__icon{
        width: 21vw;
        max-width: 160px;
    }

    .interview{
        gap: clamp(40px,10.6vw,80px);
    }

    .interview__head{
        gap: clamp(16px,4.2vw,32px);
    }

    .interview__heading{
        gap: clamp(8px,2.1vw,16px);
    }

    .interview__questions {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .interview-question{
        gap: 16px;
    }

    .interview-question__answer{
        width: 100%;
        height: auto;
        padding: clamp(15px,4vw,30px);
    }

    /* パートタイマー求人情報 */
    #requirements .section__inner{
        gap: clamp(40px,10.6vw,80px);
    }

    .job-info{
        gap:  clamp(40px,10.6vw,80px);
    }

    .job-info dt,.job-info dd{
        font-size: clamp(14px,3.7vw,28px);
    }

    .job-info__item{
        padding: clamp(8px,2.1vw,16px) 0;
        gap: clamp(16px,4.2vw,32px);
    }

    .job-info__title{
        padding: clamp(6px,1.6vw,12px) 0;
        width: 26.6vw;
        height: auto;
    }

    .girl{
        width: 39.6%;
        top: 10%;
        right: 0;
    }

    .boy{
        width: 46.9%;
        top: 54%;
        left: auto;
        right: -2%;
    }

    .dog{
        width: 46.7%;
        bottom: -5.5%;
        right: -10%;
    }

    /* 入社を考えている方へ */
    #recruit-message{
        padding-bottom: 0;
    }

    #recruit-message .section__inner{
        gap: 80px;
        align-items: center;
    }

    .recruit-message-text__box{
        gap: 24px;
    }

    .recruit-message__text{
        gap: clamp(16px,4.2vw,32px);
    }

    .recruit-message__text h4{
        font-size: clamp(18px,4.8vw,36px);
        line-height: 1.97em;
    }
}