@charset "utf-8";
/* CSS Document */
/* recruit interview
-------------------------------------------------- */
.rec--intv {}
.rec--intv#recruit .intv--kv h1{ margin-bottom: 0;}
.rec--intv .recruit--area .inner { margin-top: 0;}
.intv--kv {
	position: relative;
}
.kv--name {
	margin:-8.5em auto 3%;
	z-index: 3;
}
@media (min-width: 768px) {
/* PC用 */
	.rec--intv 
	.kv--name {
		width:13.0208333333%;
	}
}
@media (min-width: 1380px) {
	/* PC用 */
}
@media (max-width: 767px) {
	/* tablet用 */
	.kv--name {
		width:31.38297872%;
	}
}
@media (max-width: 480px) {
	/* SP用 */
}

/*---- intv--content ----*/
.intv--card {
	background: #fff;
	-moz-box-shadow: 7px 7px 7px 0px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 7px 7px 7px 0px rgba(0, 0, 0, 0.15);
	-ms-box-shadow: 7px 7px 7px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 7px 7px 7px 0px rgba(0, 0, 0, 0.15);
}
.intv--card .h2_06 {
	position: relative;
	margin-bottom: 1em;
	padding: 0 0 0 4em;
	color: #1b1464;
	font-size:3em;
	line-height: 1.12;
}
.intv--card .h2_06::before {
	content:'';
	position: absolute;
	left: 0;
	top:50%;
	width:3.3em;
	height: 1px;
	background: #1b1464;
}
.intv--card p {
	font-family: Arial, Helvetica, "sans-serif";
	line-height: 2.15;
}
.intv--content .intv--card:nth-child(1) p + p { margin-top: 1em;}

@media (min-width: 768px) {
	/* PC用 */
	main.rec--intv { padding-top: 180px !important;}
	.intv--content {
		/*display: flex;*/
		margin-bottom: 18.6em;
	}
	.intv--content .photo {
		width:57.1875%;
	}
	
	/*---- voice 01 ----*/
	.intv01 .intv--content01 {
		padding:21.4em 0;
		background: url("../img/recruit/voice_01/img_03.jpg") left center no-repeat;
		background-size:57.1875% auto;
	}
	.intv01 .intv--content02 {
		background: url("../img/recruit/voice_01/img_04.jpg") right center no-repeat;
		background-size:57.1875% auto;
	}
	.intv01 .intv--content03 {
		background: url("../img/recruit/voice_01/img_05.jpg") left center no-repeat;
		background-size:57.1875% auto;
	}
	/*---- voice 02 ----*/
	.intv02 .intv--content01 {
		padding:21.4em 0;
		background: url("../img/recruit/voice_02/img_03.jpg") left center no-repeat;
		background-size:57.1875% auto;
	}
	.intv02 .intv--content02 {
		padding-bottom: 8.5em;
		background: url("../img/recruit/voice_02/img_04.jpg") right bottom no-repeat;
		background-size:57.1875% auto;
	}
	.intv02 .intv--content03 {
		padding-bottom: 15.8em;
		background: url("../img/recruit/voice_02/img_05.jpg") left bottom no-repeat;
		background-size:57.1875% auto;
	}
	/*---- voice 03 ----*/
	.intv03 .intv--content01 {
		margin-bottom: 11em;
		padding:15.4% 0 15.4%;
		background: url("../img/recruit/voice_03/img_03.jpg") left center no-repeat;
		background-size:57.1875% auto;
	}
	.intv03 .intv--content02 {
		margin-bottom: 8.6em;
		background: url("../img/recruit/voice_03/img_04.jpg") right center no-repeat;
		background-size:57.1875% auto;
	}
	.intv03 .intv--content03 {
		padding-bottom: 4.5em;
		background: url("../img/recruit/voice_03/img_05.jpg") left bottom no-repeat;
		background-size:57.1875% auto;
	}
	.intv03 .intv--schedule .for--pc {
		max-width:1282px;
		width:80%;
		margin:0 auto;
	}
	
	.intv--content .inner {
		width:95%;
		max-width:1742px;
		margin:0 auto;
	}	
	.intv--card {
		width:47.761194029%;
		margin-left: 52%;
		padding:5em 5.2em;
	}
	.intv--content02 .intv--card { margin-left:0;}
	
	.intv--content .intv--card:nth-child(2) { margin-top: 11.8em;}
	
	.intv--card p {
		font-size:max(14px, 1.045vw);
	}
	
}
@media (min-width: 1380px) {
	/* PC用 */
}
@media (max-width: 767px) {
	/* tablet用 */
	
	.kv--name {
		margin-bottom:5.8em;
	}
	
	.intv--card .h2_06 {
		padding: 0 0 0 4em;
		font-size:5.2vw;
		line-height: 1.3;
	}
	.intv--card .h2_06::before {
		content:'';
		position: absolute;
		left: 0;
		top:0.6em;
		width:3.3em;
		height: 1px;
		background: #1b1464;
	}
	.intv--card p {
		font-size:3.945vw;
	}
	
	/*---- voice 01 ----*/
	.intv01 .intv--content01 {
		margin-bottom:13.29787%;
		padding:21.4em 0 0;
		background: url("../img/recruit/voice_01/img_03.jpg") left top no-repeat;
		background-size:100% auto;
	}
	.intv01 .intv--content02 {
		margin-bottom: 11.7%;
		background: url("../img/recruit/voice_01/img_04.jpg") right 59% no-repeat;
		background-size:100% auto;
	}
	.intv01 .intv--content03 {
		background: url("../img/recruit/voice_01/img_05.jpg") left 63% no-repeat;
		background-size:100% auto;
	}
	/*---- voice 02 ----*/
	.intv02 .intv--content01 {
		margin-bottom:13.29787%;
		padding:21.4em 0 0;
		background: url("../img/recruit/voice_02/img_03.jpg") left top no-repeat;
		background-size:100% auto;
	}
	.intv02 .intv--content02 {
		padding-bottom: 8.5em;
		background: url("../img/recruit/voice_02/img_04.jpg") right 54% no-repeat;
		background-size:100% auto;
	}
	.intv02 .intv--content03 {
		padding-bottom: 15.8em;
		background: url("../img/recruit/voice_02/img_05.jpg") left 33% no-repeat;
		background-size:100% auto;
	}
	/*---- voice 03 ----*/
	.intv03 .intv--content01 {
		margin-bottom:13.29787%;
		padding:21.4em 0 0;
		background: url("../img/recruit/voice_03/img_03.jpg") left top no-repeat;
		background-size:100% auto;
	}
	.intv03 .intv--content02 {
		margin-bottom: 8.6em;
		background: url("../img/recruit/voice_03/img_04.jpg") right 66% no-repeat;
		background-size:100% auto;
	}
	.intv03 .intv--content03 {
		padding-bottom: 4.5em;
		background: url("../img/recruit/voice_03/img_05.jpg") left 63% no-repeat;
		background-size:100% auto;
	}
	
	.intv--card {
		width:89.6%;
		margin:0 auto;
		padding:3.1em 2.6em;
	}
	
	.intv--content02 .intv--card:nth-child(2) { margin-top: 68.6170212%;}
	.intv--content03 .intv--card:nth-child(2) {margin-top:58.19148%;}
}
@media (max-width: 480px) {
	/* SP用 */
}
/*---- intv--schedule ----*/
.intv--schedule {}
.intv--schedule .ttl {
	font-weight: bold;
	text-align: center;
	color: #1b1464;
}
@media (min-width: 768px) {
	/* PC用 */
	.intv--schedule { margin-bottom:24.3em;}
	.intv--schedule .ttl { font-size:3em; margin-bottom:2.4em;}
	.intv--schedule .timeline img {
		display: block;
		max-width:1347px;
		width:90%;
		margin:0 auto;
	}
}
@media (min-width: 1380px) {
	/* PC用 */
}
@media (max-width: 767px) {
	/* tablet用 */
	.intv--schedule { margin-top:22.87234%;}
	.intv--schedule .ttl { font-size:6.3vw; margin-bottom:2.4em;}
	.intv--schedule .timeline {
		width:100%;
		margin:0 auto;
		padding: 0 5em 8em;
		overflow: scroll;
	}
	.intv--schedule .timeline img {
		width:auto; 
		height: 162px;
	}
}
@media (max-width: 480px) {
	/* SP用 */
}

/*---- ul--intv--link ----*/
@media (min-width: 768px) {
	/* PC用 */
	.ul--intv--link {
		display: grid;
		grid-template-columns:auto auto;
		gap: 1px;
	}
}
@media (min-width: 1380px) {
	/* PC用 */
}
@media (max-width: 767px) {
	/* tablet用 */
	.ul--intv--link li {
		margin-top:3px;
	}
}
@media (max-width: 480px) {
	/* SP用 */
}
/*----  ----*/
@media (min-width: 768px) {
	/* PC用 */
}
@media (min-width: 1380px) {
	/* PC用 */
}
@media (max-width: 767px) {
	/* tablet用 */
}
@media (max-width: 480px) {
	/* SP用 */
}
/*----  ----*/
@media (min-width: 768px) {
	/* PC用 */
}
@media (min-width: 1380px) {
	/* PC用 */
}
@media (max-width: 767px) {
	/* tablet用 */
}
@media (max-width: 480px) {
	/* SP用 */
}
/* 
-------------------------------------------------- */
@media (min-width: 768px) {
	/* PC用 */
}
@media (min-width: 1380px) {
	/* PC用 */
}
@media (max-width: 767px) {
	/* tablet用 */
}
@media (max-width: 480px) {
	/* SP用 */
}
/* 
-------------------------------------------------- */
@media (min-width: 768px) {
	/* PC用 */
}
@media (min-width: 1380px) {
	/* PC用 */
}
@media (max-width: 767px) {
	/* tablet用 */
}
@media (max-width: 480px) {
	/* SP用 */
}
/* 
-------------------------------------------------- */
@media (min-width: 768px) {
	/* PC用 */
}
@media (min-width: 1380px) {
	/* PC用 */
}
@media (max-width: 767px) {
	/* tablet用 */
}
@media (max-width: 480px) {
	/* SP用 */
}
/* 
-------------------------------------------------- */
@media (min-width: 768px) {
	/* PC用 */
}
@media (min-width: 1380px) {
	/* PC用 */
}
@media (max-width: 767px) {
	/* tablet用 */
}
@media (max-width: 480px) {
	/* SP用 */
}
/* 
-------------------------------------------------- */
@media (min-width: 768px) {
	/* PC用 */
}
@media (min-width: 1380px) {
	/* PC用 */
}
@media (max-width: 767px) {
	/* tablet用 */
}
@media (max-width: 480px) {
	/* SP用 */
}
/* 
-------------------------------------------------- */
@media (min-width: 768px) {
	/* PC用 */
}
@media (min-width: 1380px) {
	/* PC用 */
}
@media (max-width: 767px) {
	/* tablet用 */
}
@media (max-width: 480px) {
	/* SP用 */
}
/* 
-------------------------------------------------- */
@media (min-width: 768px) {
	/* PC用 */
}
@media (min-width: 1380px) {
	/* PC用 */
}
@media (max-width: 767px) {
	/* tablet用 */
}
@media (max-width: 480px) {
	/* SP用 */
}
/* 
-------------------------------------------------- */
@media (min-width: 768px) {
	/* PC用 */
}
@media (min-width: 1380px) {
	/* PC用 */
}
@media (max-width: 767px) {
	/* tablet用 */
}
@media (max-width: 480px) {
	/* SP用 */
}
/* 
-------------------------------------------------- */
@media (min-width: 768px) {
	/* PC用 */
}
@media (min-width: 1380px) {
	/* PC用 */
}
@media (max-width: 767px) {
	/* tablet用 */
}
@media (max-width: 480px) {
	/* SP用 */
}
/* 
-------------------------------------------------- */
@media (min-width: 768px) {
	/* PC用 */
}
@media (min-width: 1380px) {
	/* PC用 */
}
@media (max-width: 767px) {
	/* tablet用 */
}
@media (max-width: 480px) {
	/* SP用 */
}
/* 
-------------------------------------------------- */
@media (min-width: 768px) {
	/* PC用 */
}
@media (min-width: 1380px) {
	/* PC用 */
}
@media (max-width: 767px) {
	/* tablet用 */
}
@media (max-width: 480px) {
	/* SP用 */
}