@charset "UTF-8";
/* CSS Document */

/* PC
---------------------------------------------------------------------- */
@media (min-width: 1001px) {
    .pc_none {
        display: none;
    }

    #interview {
        padding: 120px 0 180px;
    }
    #interview .w1200 {
        max-width: 1200px;
        margin: auto;
    }
    #interview .ch3_3 {
        text-align: center;
        margin-bottom: 25px;
    }
    #interview .interview_lead {
        margin-bottom: 50px;
        display: flex;
        justify-content: center;
    }
    .interview_staff {
        display: flex;
        justify-content: center;
        gap: 2.221%;
    }
    .interview_staff li {
        /*width: 15.629vw !important;*/
    }
    .interview_staff li>div{
        padding: 0 10px;
        width: 100%;
        height: 100%;
    }
    .interview_staff li a {
        display: flex;
        flex-direction: column;
        height: 100%;
        color: #231815;
    }
    .interview_staff .img {
    }
    .interview_staff .txt {
    }
    .interview_staff .txt .i_w_position {
        padding: 0.2em 0.5em;
        background-color: #4f68ac;
        color: #FFF;
    }
    .interview_staff .txt .i_w_name {
        padding: 0.2em 0.5em;
        display: flex;
        justify-content: space-between;
    }
    .interview_staff .txt .i_w_name .yourName {
        font-size: 20px;
        font-weight: bold;
    }
    .interview_staff .txt .i_w_name .nyushaN {
        font-size: 13px;
    }

    .slide_loop_interview .slick-prev:before, .slide_loop_interview .slick-next:before {
        content: "";
        display: block;
        width: 40px;
        height: 40px;
    }
    .slide_loop_interview .slick-prev:before {
        background: url(../images/slide_prev.svg) center center no-repeat;
        background-size: contain;
        margin-left: -20px;
    }
    .slide_loop_interview .slick-next:before {
        background: url(../images/slide_next.svg) center center no-repeat;
        background-size: contain;
    }

    .comsoo {
        position: relative;
    }
    .commingsoon {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        z-index: 10;
        white-space: nowrap;
    }
    .commingsoon {
        text-align: center;
    }
    .commingsoon span {
        padding: 0.2em 8em;
        background-color: #dbdcdc;
        color: #FFF;
        font-size: 40px;
    }


} /* End PC */


/* ---------------------------------------------------------------------- */


/* SP
---------------------------------------------------------------------- */
@media (max-width: 1000px) {

    .sp_none {
        display: none;
    }

    #interview {
        padding: 16vw 0;
    }
    #interview .w1200 {
        width: 82vw;
        margin: auto;
    }
    #interview .ch3_3 {
        text-align: center;
        margin-bottom: 6vw;
    }
    #interview .interview_lead {
        margin-bottom: 8vw;
    }
    .interview_staff {
        display: flex !important;
        justify-content: center;
        flex-wrap: wrap;
        /*gap: 2%;*/
    }
    .interview_staff li {
        /*width: 47vw !important;*/
        /*margin-bottom: 1.9vw;*/
    }
    .interview_staff li>div {
        padding: 0 1vw;
    }
    .interview_staff li a {
        display: flex;
        flex-direction: column;
        height: 100%;
        color: #231815;
    }
    .interview_staff .img {
    }
    .interview_staff .txt {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .interview_staff .txt .i_w_position {
        padding: 0.2em 0.5em;
        background-color: #4f68ac;
        color: #FFF;
        font-size: 3.3vw;
        line-height: 1.2;
        height: 100%;
    }
    .interview_staff .txt .i_w_name {
        padding: 0.2em 0.5em;
        margin-top: auto;
    }
    .interview_staff .txt .i_w_name .yourName {
        display: block;
        font-size: 4vw;
        font-weight: bold;
    }
    .interview_staff .txt .i_w_name .nyushaN {
        display: block;
        font-size: 3.3vw;
    }


    .slide_loop_interview .slick-prev:before {
        background: url(../images/slide_prev.svg) center center no-repeat;
        background-size: contain;
        margin-left: -2vw;
    }
    .slide_loop_interview .slick-next:before {
        background: url(../images/slide_next.svg) center center no-repeat;
        background-size: contain;
    }
    .slide_loop_interview .slick-prev:before, .slide_loop_interview .slick-next:before {
        content: "";
        display: block;
        width: 6vw;
        height: 6vw;
    }

    .comsoo {
        position: relative;
    }
    .commingsoon {
        position: absolute;
        left: 50%;
        top: 30%;
        transform: translateX(-50%) translateY(-50%);
        z-index: 10;
        white-space: nowrap;
    }
    .commingsoon {
        text-align: center;
    }
    .commingsoon span {
        padding: 0.2em 8em;
        background-color: #dbdcdc;
        color: #FFF;
        font-size: 6vw;
    }


} /* End PC */