@charset "utf-8";
/*------------------------------------------------------------
	interview
------------------------------------------------------------*/
#main {
	padding-bottom: 12.5rem;
	background-color: #f0f7f1;
}
#main .comStaffBox {
	padding: 11.4rem 0 14rem;
}
#main .comStaffBox .list {
	justify-content: space-between;
	gap: 0;
}
#main .comStaffBox .list li {
	margin-top: -1.7rem;
	width: calc(50% - 7.4rem);
}
#main .comStaffBox .list li:first-child {
	margin-top: 0;
}
#main .comStaffBox .list li:nth-child(2n) {
	margin-top: 17.6rem;
}
#main .comStaffBox .list .number {
	font-style: normal;
	font-size: 8.7rem;
	left: 2rem;
	top: -3.3rem;
}
#main .comStaffBox .list .image {
	margin-bottom: 1.7rem;
	aspect-ratio: 429/539;
}
#main .comStaffBox .list .image::after {
	display: none;
}
#main .comStaffBox .list .name {
	margin-left: 2.4rem;
}
#main .comStaffBox .list .date {
	line-height: 1.6;
}
#main .comStaffBox .list .infoTxt {
	margin-right: -0.3rem;
	padding-right: 6.2rem;
	background: url(../img/common/arrow03.png) no-repeat center right / 6.2rem;
}
@media all and (max-width: 896px) {
	#main {
		padding-bottom: 6rem;
	}
	#main .comStaffBox {
		padding: 5rem 0 7rem;
	}
	#main .comStaffBox .list {
		justify-content: space-between;
		gap: 0;
	}
	#main .comStaffBox .list li {
		margin-top: 5rem;
		width: 100%;
	}
	#main .comStaffBox .list li:nth-child(2n) {
		margin-top: 5rem;
	}
	#main .comStaffBox .list .number {
		font-size: 7rem;
	}
	#main .comStaffBox .list .name {
		margin-left: 1rem;
	}
	#main .comStaffBox .list .infoTxt {
		margin-right: 0;
		padding-right: 4rem;
		background-size: 4rem;
	}
}