@charset "UTF-8";


.bg_interview::before {
    background-image:url(../imgs/interview/interview_bg.png);
    background-repeat:no-repeat;
    background-size:cover;
    z-index:-1;
}


/* -------------------------------------
interview_item
------------------------------------- */
.interview_item {
  padding-bottom:min(190px,13.2vw);
}
.interview_item#interview_3 {
  padding-bottom:min(134px,9.3vw);
}
.interview_wrap {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
}
.interview_wrap.rvs {
  flex-direction:row-reverse;
}
.interview_wrap .imgbk {
  width:40%;
  max-width:478px;
}
.interview_wrap .txtbk {
  width:55%;
}
.interview_ttl {
  font-size:32px;
  line-height:1;
  padding-bottom:15px;
  margin-bottom:15px;
  border-bottom:1px solid #040000;
}
.interview_list {
  display:flex;
  flex-direction:column;
  gap:max(60px,4.16vw);
}
.interview_list .q_txt {
  font-size:24px;
  line-height:1.5;
  margin-bottom:10px;
}
.interview_list .q_txt span {
  display:inline-block;
}
.interview_list .a_txt {
  font-size:15px;
  line-height:2;
}




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

------------------------------------- */
.bg_interview::before {
    background-size:100% auto;
    background-repeat: repeat-y;
}


}


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


}

@media screen and (max-width: 1060px) {
.interview_list .q_txt {
    font-size: clamp(18px,2.26vw,24px);
    margin-bottom: 15px;
}


}

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


}

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

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




}

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




}

@media screen and (max-width: 768px) {
.interview_list .a_txt {
    font-size: 14px;
    line-height: 1.8;
}


}

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

@media screen and (max-width: 640px) {
.interview_wrap,.interview_wrap.rvs {
  flex-direction:column;
}
.interview_wrap .imgbk {
    width:70%;
    max-width:250px;
    margin:0 auto;
}
.interview_wrap .imgbk img {
    aspect-ratio:400 / 450;
    object-position: top;
    -o-object-position: top;
}
.interview_wrap .txtbk {
    width: 100%;
}
.interview_ttl {
  font-size: clamp(24px,5vw,32px);
  text-align:center;
}


}

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


}

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


}

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



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


}

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

}

@media screen and (min-width: 769px) {
 
}