@charset "utf-8";


/* ------------------interview-mv-------------- */
.interview-mv{
    background-color: var(--color-text-primary);
}

.interview-mv__container{
    display: flex;
    justify-content: center;
    align-items: end;
    padding: 40px 80px 0 0;
}

.interview-mv__image{
    width: 720px;
}

.interview-mv__image img{
    display: block;
    width: 100%;
}



.interview-mv__title{
    width: 640px;
    padding: 0 120px 48px 0;
}

.interview-mv__message{
    display: block;
    margin-bottom: 80px;
}

.interview-mv__message span{
    display: block;
    width: fit-content;
    padding: 16px 12px 16px 24px;
    background-color: var(--white);
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    color: var(--color-text-primary);
}

.interview-mv__message-right{
    margin: -9px 0 0 40px;
}

.interview-mv__department{
    display: block;
    margin-bottom: 24px;
    padding: 0 4px 14px;
    border-bottom: 1px solid var(--white);
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    color: var(--white);
}

.interview-mv__initial{
    margin-right: 16px;
    font-family: "Josefin Sans", sans-serif;
    font-size: 56px;
    font-weight: 500;
    line-height: 1;
    color: var(--white);
}

.interview-mv__year{
    font-size: 20px;
    font-weight: 400;
    line-height: 1.8;
    color: var(--white);
}




/* ------------------question---------------------- */
.question{
    padding: 104px 0 136px;
}

.question-list{
    width: 100%;
    max-width: 1040px;
    margin: 0 auto 80px;
}

.question__title{
    width: fit-content;
    margin-bottom: 24px;
    padding: 16px 24px;
    background-color: var(--primary);
}

.question-title__number{
    margin-right: 16px;
    font-family: "Josefin Sans", sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    color: var(--white);
}

.question-title__text{
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    color: var(--white);
}

.question__detail{
    margin-bottom: 64px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    color: var(--color-text-primary);
}

.question__detail:last-child{
    margin-bottom: 0;
}


.interview-link{
    margin: 0 auto;
}


@media screen and (max-width:750px) {

    /* ------------------interview-mv-------------- */

    .interview-mv__container{
        display: block;
        max-width: calc((100 / 390) * 358 * 1vw);
        margin: 0 auto;
        padding: calc((100 / 390) * 14 * 1vw) 0 0;
    }

    .interview-mv__image{
        width: 100%;
    }



    .interview-mv__title{
        width: 100%;
        padding: 0 0 calc((100 / 390) * 32 * 1vw);
    }

    .interview-mv__message{
        display: block;
        margin: calc((100 / 390) * -60 * 1vw) 0 calc((100 / 390) * 32 * 1vw) 0;
        position: relative;
        z-index: 10;
    }

    .interview-mv__message span{
        padding: calc((100 / 390) * 12 * 1vw) calc((100 / 390) * 6 * 1vw) calc((100 / 390) * 12 * 1vw) calc((100 / 390) * 18 * 1vw);
        font-size: calc((100 / 390) * 20 * 1vw);
    }

    .interview-mv__message-right{
        margin: calc((100 / 390) * -9 * 1vw) 0 0 calc((100 / 390) * 32 * 1vw);
    }

    .interview-mv__department{
        margin-bottom: calc((100 / 390) * 22 * 1vw);
        padding: 0 calc((100 / 390) * 4 * 1vw) calc((100 / 390) * 14 * 1vw);
        border-bottom: calc((100 / 390) * 1 * 1vw) solid var(--white);
        font-size: calc((100 / 390) * 18 * 1vw);
    }

    .interview-mv__initial{
        margin-right: calc((100 / 390) * 14 * 1vw);
        font-size: calc((100 / 390) * 48 * 1vw);
    }

    .interview-mv__year{
        font-size: calc((100 / 390) * 16 * 1vw);
    }




    /* ------------------question---------------------- */
    .question{
        padding: calc((100 / 390) * 56 * 1vw) 0 calc((100 / 390) * 72 * 1vw);
    }

    .question-list{
        margin: 0 auto calc((100 / 390) * 40 * 1vw);
    }

    .question__title{
        display: flex;
        width: 100%;
        margin-bottom: calc((100 / 390) * 16 * 1vw);
        padding: calc((100 / 390) * 16 * 1vw);
    }

    .question-title__number{
        display: block;
        width: fit-content;
        margin-right: calc((100 / 390) * 8 * 1vw);
        padding-top: calc((100 / 390) * 4 * 1vw);
        font-size: calc((100 / 390) * 21 * 1vw);
    }

    .question-title__text{
        display: block;
        width: fit-content;
        font-size: calc((100 / 390) * 17 * 1vw);
        line-height: 1.4;
    }

    .question__detail{
        margin-bottom: calc((100 / 390) * 32 * 1vw);
        font-size: calc((100 / 390) * 15 * 1vw);
    }


}