@charset "UTF-8";



.interview_list{
    padding: 0 3.8%;
    border-top: solid 1px var(--color-border);
}


/* hover  */
@media (hover: hover) and (pointer: fine){

}

/* sp */
@media screen and (max-width: 767px){
}


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

.interview_main{
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.interview_main:before{
    content: "";
    z-index: 1;
    position: absolute;
    background: url(../img/common/bg3.png) 0 0 repeat-x;
    background-size: auto 100%;
    left: 0;
    right: 0;
    bottom: -11vw;
    height: 1260px;
}
.interview_main_inner{
    display: grid;
    /* gap: 127px 0; */
    position: relative;
    z-index: 5;
    padding-bottom: 157px;
}

.interview_main_box1{}
.interview_main_box1 + .interview_main_box1{
    margin-top: 127px;
}
.interview_mes{
    line-height: 2.4;
    margin-bottom: 67px;
}
.interview_img1{
    overflow: hidden;
    border-radius: 10px;
}
.interview_img2{
    margin-left: calc((100% - 100vw) / 2);
    margin-right: calc((100% - 100vw) / 2);
    margin-top: 155px;
}




/* hover  */
@media (hover: hover) and (pointer: fine){

}

/* sp */
@media screen and (max-width: 767px){
    .interview_main{}
    .interview_main:before{
    height: 126rem;
    bottom: -24rem;
}
    .interview_main_inner{
    padding-bottom: 6rem;
}
    .interview_main_box1{}
    .interview_main_box1 + .interview_main_box1{
    margin-top: 6rem;
}
    .interview_mes{
    line-height: 2;
    margin-bottom: 4rem;
}
    .interview_img1{}
    .interview_img2{
    margin-top: 7rem;
}

   
}

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


.interview_message{
    display: flex;
    align-items:center;
    margin-top: 20rem;
}
.interview_message_img{
    width: 41%;
    margin-right: 10.6%;
    /* overflow: hidden; */
    /* border-radius: 10px; */
}
.interview_message_main{
    color: #fff;
    flex: 1;
}
.interview_message_ttl{
    line-height: 1.4;
    margin-bottom: 2.5vw;
}
.interview_message_ttl_en{
    display: block;
}
.interview_message_ttl_ja{
    display: block;
    font-size: 42px;
    font-size: max(2.19vw, 22px);
    margin-top: 0.8vw;
}
.interview_message_data{}

/* hover  */
@media (hover: hover) and (pointer: fine){

}

/* sp */
@media screen and (max-width: 767px){

    .interview_message{
    display: block;
    margin-top: 12rem;
}
    .interview_message_img{
    width: auto;
    margin: 0;
}
    .interview_message_main{
    margin-top: 5rem;
}
    .interview_message_ttl{}
    .interview_message_ttl_en{}
    .interview_message_ttl_ja{
    font-size: 2.3rem;
}
    .interview_message_data{}   
}

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

.interview_foot{margin-top: 124px;}
.interview_foot_ttl{
    padding: 0 8.3% 0;
}


/* hover  */
@media (hover: hover) and (pointer: fine){

}

/* sp */
@media screen and (max-width: 767px){

    .interview_foot{
    margin-top: 7rem;
}
    .interview_foot_ttl{}
    
}