.interview-list {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 10vw;
    background-image: url("../images/recruit_bg.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top;
    background-attachment: fixed;
}
.interview-list_img01 {
    position: fixed;
    width: 20%;
    bottom: 0;
    left: 0;
}
.interview-list_img02 {
    position: fixed;
    width: 25%;
    top: 8vw;
    right: 0;
}
.interview-list_box01 {
    position: relative;  
    padding: 0 0 15vw;
}
.interview-list_box01 h2 {
    padding:7vw 0 1vw 0;
    font-size: 4.17vw;
    font-weight: 500;
    text-align: center;
    color: #e60033;
}
.interview-list_box01 h3 {
    font-size: 3.13vw;
    text-align: center;
    font-weight: 500;
}
.interview-list_box01 h3::before {
    content: ' ';
    margin-right: 1vw;
    padding: 1.2vw;
    background-image: url(../images/top_company03.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}
.interview-list_box01 h3::after {
    content: ' ';
    margin-left: 1vw;
    padding: 1.2vw;
    background-image: url(../images/top_company03.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}
.interview-list_box01 img {
    position: absolute;
    top: 0;
    width: 100%;
}
@media screen and (max-width:480px) {
    .interview-list {
    padding: 20vw 0;
    background-size: auto 100%;
}
.interview-list_box01 {
    position: relative;  
    padding: 0 0 15vw;
}
.interview-list_box01 h2 {
    padding:4vw 0 1vw 0;
    font-size: 7vw;
}
.interview-list_box01 h3 {
    font-size: 6vw;
}
.interview-list_box01 h3::before {
    padding: 3vw;
}
.interview-list_box01 h3::after {
    padding: 3vw;
}
.interview-list_box01 img {
    position: absolute;
    top: 10vw;
    width: 100%;
}
}
.interview-list_box02 {
    position: relative;
}
.interview-list_box02_img01 {
    position: absolute;
    top: -5vw;
    width: 100%;
    z-index: -1;
}
.interview-list_box02_img02 {
    position: absolute;
    top: 26vw;
    left: 10vw;
    width: 24%;
}
.interview-list_box02_block {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    justify-content:space-between;
    width: 70%;
    margin: 0 auto;
}
.interview-list_box02_block_left {
    width: 40%;
}

.interview-list_box_block_img02 {
    display: none;
}
.interview-list_box_block_img a:hover .interview-list_box_block_img01 {
    display: none;
}
.interview-list_box_block_img a:hover .interview-list_box_block_img02 {
    display: block;
}
.interview-list_box02_block_right {
    width: 55%;
    margin-top: 12vw;
}
.interview-list_box02_block_right h2 {
    font-weight: 500;
    font-size: 2.61vw;
    letter-spacing: .2vw;
}
.interview-list_box02_block_right p {
    margin-top: 3vw;
    font-weight: 500;
}
.interview-list_box_span01 {
    font-size: 1.84vw;
}
.interview-list_box_span02 {
    font-size: 2.61vw;
}
.interview-list_box_span03 {
    font-size: 2.1vw;
}
.interview-list_box_span04 {
    margin-left: 2vw;
    font-size: 1.57vw;
}

@media screen and (max-width:480px) {
    
.interview-list_box02_img02 {
    display: none;
}
.interview-list_box02_block {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    justify-content:space-between;
    width: 85%;
    margin: 0 auto;
}
.interview-list_box02_block_left {
    width: 100%;
}
.interview-list_box02_block_right {
    width: 100%;
    margin-top: 10vw;
}
.interview-list_box02_block_right h2 {
    font-weight: 500;
    font-size: 6vw;
    letter-spacing: .2vw;
}
.interview-list_box02_block_right p {
    margin-top: 3vw;
    font-weight: 500;
}
.interview-list_box_span01 {
    font-size: 4vw;
}
.interview-list_box_span02 {
    font-size: 5vw;
}
.interview-list_box_span03 {
    font-size: 4vw;
}
.interview-list_box_span04 {
    margin-left: 2vw;
    font-size: 3vw;
}
}
.interview-list_box03 {
    position: relative;
}
.interview-list_box03_img01 {
    position: absolute;
    top: 3vw;
    right: 8vw;
    width: 6%;
}
.interview-list_box03_block {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    justify-content:space-between;
    flex-direction: row-reverse;
    width: 80%;
    margin: 10vw auto;
}
.interview-list_box03_block_right {
    width: 35%;
}
.interview-list_box03_block_left {
    width: 65%;
    margin-top: 8vw;
}
.interview-list_box03_block_left h2 {
    font-weight: 500;
    font-size: 2.61vw;
    letter-spacing: .2vw;
}
.interview-list_box03_block_left p {
    margin-top: 3vw;
    font-weight: 500;
}
@media screen and (max-width:480px) {
    
.interview-list_box03_img01 {
    display: none;
}
.interview-list_box03_block {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    justify-content:space-between;
    width: 85%;
    margin: 20vw auto;
}
.interview-list_box03_block_right {
    width: 100%;
}
.interview-list_box03_block_left {
    width: 100%;
    margin-top: 10vw;
}
.interview-list_box03_block_left h2 {
    font-weight: 500;
    font-size: 6vw;
    letter-spacing: .2vw;
}
.interview-list_box03_block_left p {
    margin-top: 3vw;
    font-weight: 500;
}
}
.interview-list_box04 {
    position: relative;
}
.interview-list_box04_img01 {
    position: absolute;
    top: -5vw;
    width: 100%;
    z-index: -1;
}
.interview-list_box04_img02 {
    position: absolute;
    top: 27vw;
    left: 5vw;
    width: 29%;
}
.interview-list_box04_block {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    justify-content:space-between;
    width: 70%;
    margin: 0 auto;
}
.interview-list_box04_block_left {
    width: 40%;
}
.interview-list_box04_block_right {
    width: 55%;
    margin-top: 5vw;
}
.interview-list_box04_block_right h2 {
    font-weight: 500;
    font-size: 2.61vw;
    letter-spacing: .2vw;
}
.interview-list_box04_block_right p {
    margin-top: 3vw;
    font-weight: 500;
}

@media screen and (max-width:480px) {
    
.interview-list_box04_img02 {
    display: none;
}
.interview-list_box04_block {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    justify-content:space-between;
    width: 85%;
    margin: 0 auto;
}
.interview-list_box04_block_left {
    width: 100%;
}
.interview-list_box04_block_right {
    width: 100%;
    margin-top: 10vw;
}
.interview-list_box04_block_right h2 {
    font-weight: 500;
    font-size: 6vw;
    letter-spacing: .2vw;
}
.interview-list_box04_block_right p {
    margin-top: 3vw;
    font-weight: 500;
}
}
.interview-list_box05 {
    position: relative;
}
.interview-list_box05_img01 {
    position: absolute;
    top: 27vw;
    right: 9vw;
    width: 6%;
}
.interview-list_box05_block {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    justify-content:space-between;
    flex-direction: row-reverse;
    width: 80%;
    margin: 10vw auto 20vw;
}
.interview-list_box05_block_right {
    width: 35%;
}
.interview-list_box05_block_left {
    width: 65%;
    margin-top: 8vw;
}
.interview-list_box05_block_left h2 {
    font-weight: 500;
    font-size: 2.61vw;
    letter-spacing: .2vw;
}
.interview-list_box05_block_left p {
    margin-top: 3vw;
    font-weight: 500;
}
@media screen and (max-width:480px) {
    
.interview-list_box05_img01 {
    display: none;
}
.interview-list_box05_block {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    justify-content:space-between;
    width: 85%;
    margin: 20vw auto;
}
.interview-list_box05_block_right {
    width: 100%;
}
.interview-list_box05_block_left {
    width: 100%;
    margin-top: 10vw;
}
.interview-list_box05_block_left h2 {
    font-weight: 500;
    font-size: 6vw;
    letter-spacing: .2vw;
}
.interview-list_box05_block_left p {
    margin-top: 3vw;
    font-weight: 500;
}
}