.p-interview__lists--link--imgInner {
    max-height: 178px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.video_modal.isShow {
    display: block;
}

.video_modal--movie {
    background-color: rgba(0, 0, 0, 0);
    width: 50%;
}
.video_modal {
    height: auto;
    z-index: 1000;
}
.video_modal {
    display: none;
    width: 90%;
    max-width: 920px;
    height: 600px;
    max-height: 80vh;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 600;
    transform: translate(-50%, -50%);
    background-color: #f3f3f3;
    box-shadow: 0 -5px 12px rgba(0, 0, 0, .16);
}

.video_modal--movie .video_card {
    z-index: 1001;
    width: 100%;
}

.video_card {
    position: relative;
    display: inline-block;
    border-radius: 4px;
    box-shadow: 6px 6px 32px rgba(0, 0, 0, .16);
    transition: all .2s ease-out 0s;
}
.video_modal_close {
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: -40px;
    right: 0;
    z-index: 650;
    cursor: pointer;
}
.video_modal--movie .video_card .movieWrap iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
}
.video_modal_bg.isShow {
    display: block;
}

.video_modal_bg {
    display: none;
    content: "";
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 550;
    background-color: rgba(0, 0, 0, .65);
}
.video_modal_close::before {
    transform: rotate(45deg);
}
.video_modal_close::after {
    transform: rotate(-45deg);
}
.video_modal_close::before, .video_modal_close::after {
    display: block;
    content: "";
    width: 2px;
    height: 32px;
    background-color: #fff;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
}
.video_modal {
    height: auto;
    z-index: 1000;
}




.contentsPage.interview .indexList .p-interview__lists li:nth-of-type(23),
.contentsPage.interview .indexList .p-interview__lists li:nth-of-type(26),
.contentsPage.interview .indexList .p-interview__lists li:nth-of-type(29),
.contentsPage.interview .indexList .p-interview__lists li:nth-of-type(32),
.contentsPage.interview .indexList .p-interview__lists li:nth-of-type(35),
.contentsPage.interview .indexList .p-interview__lists li:nth-of-type(38),
.contentsPage.interview .indexList .p-interview__lists li:nth-of-type(41),
.contentsPage.interview .indexList .p-interview__lists li:nth-of-type(44),
#order23,
#order26,
#order29,
#order32,
#order35,
#order38,
#order41,
#order44 {
    margin-top: 35px;
}
.contentsPage.interview .indexList .p-interview__lists li:nth-of-type(24),
.contentsPage.interview .indexList .p-interview__lists li:nth-of-type(27),
.contentsPage.interview .indexList .p-interview__lists li:nth-of-type(30),
.contentsPage.interview .indexList .p-interview__lists li:nth-of-type(33),
.contentsPage.interview .indexList .p-interview__lists li:nth-of-type(36),
.contentsPage.interview .indexList .p-interview__lists li:nth-of-type(39),
.contentsPage.interview .indexList .p-interview__lists li:nth-of-type(42),
.contentsPage.interview .indexList .p-interview__lists li:nth-of-type(45),
#order24,
#order27,
#order30,
#order33,
#order36,
#order39,
#order42,
#order45 {
    margin-top: 70px;
}
#order22, #order25, #order28, #order31, #order34, #order37, #order41 {
    margin-top: 0 !important;
}
/*
.contentsPage.interview .indexList .p-interview__lists li:nth-of-type(24),
.contentsPage.interview .indexList .p-interview__lists li:nth-of-type(27),
.contentsPage.interview .indexList .p-interview__lists li:nth-of-type(31),
.contentsPage.interview .indexList .p-interview__lists li:nth-of-type(33),
.contentsPage.interview .indexList .p-interview__lists li:nth-of-type(36),
.contentsPage.interview .indexList .p-interview__lists li:nth-of-type(39),
.contentsPage.interview .indexList .p-interview__lists li:nth-of-type(42),
.contentsPage.interview .indexList .p-interview__lists li:nth-of-type(45)      {
    margin-top: 70px;
}
    */

@media (max-width: 767px) {
    .p-interview__lists--link--imgInner{
        height: 50vw;
        max-height: 50vw;
    }
}

@media (min-width: 768px) and (max-width: 960px) {
    .p-interview__lists--link--imgInner {
        height:25vw;
    }
    .contentsPage.interview .indexList .p-interview__lists li:nth-of-type(11), .contentsPage.interview .indexList .p-interview__lists li:nth-of-type(14), .contentsPage.interview .indexList .p-interview__lists li:nth-of-type(17), .contentsPage.interview .indexList .p-interview__lists li:nth-of-type(2), .contentsPage.interview .indexList .p-interview__lists li:nth-of-type(20), .contentsPage.interview .indexList .p-interview__lists li:nth-of-type(5), .contentsPage.interview .indexList .p-interview__lists li:nth-of-type(8) {
        margin-top: 0;
    }
    .contentsPage.interview .indexList .p-interview__lists li:nth-of-type(12), .contentsPage.interview .indexList .p-interview__lists li:nth-of-type(15), .contentsPage.interview .indexList .p-interview__lists li:nth-of-type(18), .contentsPage.interview .indexList .p-interview__lists li:nth-of-type(21), .contentsPage.interview .indexList .p-interview__lists li:nth-of-type(3), .contentsPage.interview .indexList .p-interview__lists li:nth-of-type(6), .contentsPage.interview .indexList .p-interview__lists li:nth-of-type(9) {
        margin-top: 0;
    }
    .contentsPage.interview .indexList .p-interview__lists li:nth-of-type(23),
    .contentsPage.interview .indexList .p-interview__lists li:nth-of-type(26),
    .contentsPage.interview .indexList .p-interview__lists li:nth-of-type(29),
    .contentsPage.interview .indexList .p-interview__lists li:nth-of-type(32),
    .contentsPage.interview .indexList .p-interview__lists li:nth-of-type(35),
    .contentsPage.interview .indexList .p-interview__lists li:nth-of-type(38),
    .contentsPage.interview .indexList .p-interview__lists li:nth-of-type(41),
    .contentsPage.interview .indexList .p-interview__lists li:nth-of-type(44),
    #order23,
    #order26,
    #order29,
    #order32,
    #order35,
    #order38,
    #order41,
    #order44,
    .contentsPage.interview .indexList .p-interview__lists li:nth-of-type(24),
    .contentsPage.interview .indexList .p-interview__lists li:nth-of-type(27),
    .contentsPage.interview .indexList .p-interview__lists li:nth-of-type(30),
    .contentsPage.interview .indexList .p-interview__lists li:nth-of-type(33),
    .contentsPage.interview .indexList .p-interview__lists li:nth-of-type(36),
    .contentsPage.interview .indexList .p-interview__lists li:nth-of-type(39),
    .contentsPage.interview .indexList .p-interview__lists li:nth-of-type(42),
    .contentsPage.interview .indexList .p-interview__lists li:nth-of-type(45),
    #order24,
    #order27,
    #order30,
    #order33,
    #order36,
    #order39,
    #order42,
    #order45 {
        margin-top: 0px;
    }
}

.p-interview__lists--link--imgInner{
    position: relative;
}

.youtube_card .p-interview__lists--link--imgInner:before{
    content:"";
    width: 50px;
    height: 38px;
    background:url(/recruit/wp-content/themes/prime-planet-recruit/asset/img/interview/icon_video-ply.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin: auto;
    z-index: 10;
    display: block;
    position: absolute;
    z-index: .4s;
}

.youtube_card:hover .p-interview__lists--link--imgInner:before {
    opacity: .8;
}