@charset "utf-8";

.inInterviewList {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 60px 40px;
}

.rightInfoArea {
	background: white;
	padding: 35px;
	border-radius: 15px;
}

.rightInfoItem {
	padding-top: 20px;
	word-break: break-all;
}

.rightInfoItem--border {
	border-bottom: 2px solid gainsboro;
	padding-bottom: 20px;
}

.rightInfoTtl01 {
	font-size: 15px;
	font-weight: bold;
}

.rightInfoTtl02 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 3px;
}

.inMatchingBtn {
	margin: 20px auto 0;
}

.matching2Wrap {
	margin: 80px auto 0;
	max-width: 1200px;
	width: 96%;
}

.matching2Wrap .inInterviewList {
	grid-template-columns: repeat(3, 1fr);
}

.matching2Wrap .inReleaseWrap {
	margin: 100px auto 0;
	padding: 0;
	max-width: 100%;
	width: 100%;
}

.mainMatchingSearch .rightBlock {
	padding: 0;
	border: 0;
}

.mainMatchingSearch .rightMatchingSearch {
	margin: 40px auto 0;
	max-width: 1100px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#mainImage {
    /* width: 800px;
    height: 540px;
    max-width: 100%;
    height: auto; */
}

img.fitCover {
	/* object-fit: cover;
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: 100%; */
}

img.fitCover2 {
	/* object-fit: cover; */
	max-width: 100%;
	max-height: 100%;
	position:absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.fitCoverWrap {
	position: relative;
	padding-top: 100%;
	height: 0;
}

.inKiziDetImg {
	width: auto;
	max-width: 100%;
	max-height: 500px;
}

.twoLinesText {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	/* height: 60px; */
}

.threeLinesText {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.prefName {
	position:absolute;
	top:0;
	right:0;
	color:#000;
	background-color:#fff;
	border-radius:4px;
	padding:2px;
}

.inInterviewListItem {
	display: flex;
	flex-direction: column;
}

.inInterviewListItem .inKiziLink {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.inInterviewListItem .inKiziInfo {
	margin-left: 0;
}

.matchingSortDesc {
	margin: 40px auto 0;
	width: 100%;
	font-size: 16px;
}


/*-- 固定ここまで --*/


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
























/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1200px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



























/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1000px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.inInterviewList {
	grid-template-columns: 1fr;
	gap: 50px 0;
}

.matching2Wrap .inInterviewList {
	grid-template-columns: 1fr;
}

.matchingSortDesc {
	margin: 20px auto 0;
	font-size: 14px;
}




/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */






















/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 591px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */




















/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

























/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 320px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */