@charset "utf-8";

/* ****************************************************
Title: c.css
***************************************************** */
#va {
	background-image:url(../img/common/fr_va.jpg);
}

.sec01 {padding-top: 100px;}

.sec01 .i-list .interviewer {
	margin-bottom: 40px;
    color: #000;
    text-decoration: none;
    display: block;
    width: 48.5%;
}

.sec01 .i-list .interviewer:hover {
	opacity: 0.7;
}

.sec01 .i-list .interviewer figure {
	position: relative;
}

.sec01 .i-list .interviewer figcaption {
	width: 100%;
    margin: -17px auto 0;
    box-sizing: border-box;
    padding: 8px 10px;
    font-weight: bold;
    position: inherit;
    z-index: 1;
    font-size: 90%;
    font-size: 82%;
    text-align: center;
}

.sec01 .i-list .interviewer .per_info {
	padding:20px 0 0 0;
}

.sec01 .i-list .interviewer .per_info .iname .enb {
	margin-left: 10px;
}

.sec01 .i-list .interviewer .per_info .iname{
	margin-bottom: 10px;
}

.sec01 .i-list .interviewer .per_info .jobplace {
	font-size: 90%;
}

@media screen and (max-width: 739px) {
	#va {
	background-image:url(../img/common/fr_va-sp.jpg);
	}
	#va {
    background-position: right 27% top 70%;
	}

	.sec01 .i-list .interviewer {
		width: 100%;
		margin-bottom: 40px;
	}

	.sec01 .i-list .interviewer:last-child {
		margin-bottom: 0;
	}

	.sec01 .i-list .interviewer figure img {
		width: 100%;
	}

	.sec01 .i-list .interviewer figcaption {
		font-size: 100%;
	}

	.sec01 .i-list .interviewer .per_info{
		padding: 15px 20px 0 20px;
	}

	.sec01 .i-list .interviewer .per_info .iname {
		margin-bottom: 10px;
	}
}

/*2024*/
.i-list{
	max-width: 680px;
	margin: auto;
}
.sec01 .i-list .interviewer figure img {
    width: 100%;
}