@charset "UTF-8";



/* fvArea */
#interviewArea .fvArea {background:url(/assets/images/interview/jcredit/01/fv_bg.webp) center center no-repeat;}




#interviewArea span.fukui {color:#FF9344}
#interviewArea span.niba {color:#00afe5}


#interviewArea .contents {margin:0 auto 100px;}
#interviewArea .contents h2 {text-align:left;}


/* layout */
#interviewArea .contents .layout01,
#interviewArea .contents .layout02,
#interviewArea .contents .layout03 {display:table;width:100%;text-align:left;margin-bottom:50px;}

#interviewArea .contents .layout01 .imgArea span,
#interviewArea .contents .layout02 .imgArea span,
#interviewArea .contents .layout03 .imgArea span {display:block;font-size:0.8em;}

#interviewArea .contents .imgArea span strong {font-size:1.2em;}


#interviewArea .contents .layout01 figure {width:366px;}
#interviewArea .contents .layout02 figure,
#interviewArea .contents .layout02 .imgArea span {width:740px;margin-right:-220px;}
#interviewArea .contents .layout03 figure,
#interviewArea .contents .layout03 .imgArea span {width:380px;margin-right:-100px;}





#interviewArea .contents .layout01 figure,
#interviewArea .contents .layout02 figure,
#interviewArea .contents .layout03 figure {
  margin-bottom:10px!important;
}

#interviewArea .contents div .detail,
#interviewArea .contents div .imgArea {display:table-cell;margin:0;padding:0;vertical-align:top;} 


#interviewArea .contents .layout01 .detail {padding:0 0 0 35px;}
#interviewArea .contents .layout02 .detail,
#interviewArea .contents .layout03 .detail {padding:0 35px 0 0;}











/* max 1025px */
@media screen and (max-width: 1025px){
#interviewArea .contents .layout02 {display:block;}
#interviewArea .contents .layout02 .detail {padding:0;}
#interviewArea .contents .layout02 .imgArea {display:block;}
#interviewArea .contents .layout02 .imgArea img {width:100%;}
#interviewArea .contents .layout02 figure,
#interviewArea .contents .layout02 .imgArea span {width:100%;margin-right:0;}

#interviewArea .contents .layout03 figure,
#interviewArea .contents .layout03 .imgArea span {width:380px;margin-right:0px;}

}


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

#interviewArea .contents .layout03 {display:block;}
#interviewArea .contents .layout03 .detail {padding:0;}
#interviewArea .contents .layout03 .imgArea {display:block;text-align:center;}
#interviewArea .contents .layout03 .imgArea img {width:100%;}
#interviewArea .contents .layout03 figure {width:80%;margin:0 auto;}
#interviewArea .contents .layout03 .imgArea span {width:80%;margin:0 auto;text-align:left;}


}


/* max 767px */
@media (max-width: 767px) {
#interviewArea .contents .layout01 {display:block;}
#interviewArea .contents .layout01 .detail {padding:0;}
#interviewArea .contents .layout01 .imgArea {display:block;margin-bottom:40px;}
#interviewArea .contents .layout01 .imgArea img {width:100%;}
#interviewArea .contents .layout01 figure {width:80%;margin:0 auto;}
#interviewArea .contents .layout01 .imgArea span {width:80%;margin:0 auto;text-align:left;}


}


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

}


/* max 428px */
@media screen and (max-width: 428px){
#interviewArea .contents .layout01 figure,
#interviewArea .contents .layout03 figure {width:100%;margin:0 auto;}
#interviewArea .contents .layout01 .imgArea span,
#interviewArea .contents .layout03 .imgArea span {width:100%;margin:0 auto;text-align:left;}
}