@charset "UTF-8";
/* CSS Document */

body#index{
	font-size: 16px;
	font-weight:normal;
}

.l-interview-index {
	
}

.l-interview-index .l-interview-list {
	text-align: center;
	font-size: 0;
}

.l-interview-index .l-interview-list li {
	display: inline-block;
}

.l-interview-index .l-interview-list li img {
	width: 100%;
	height: auto;
}

.l-mv.interview {
	overflow: hidden;
}

.l-mv.interview h2 {
	text-align: left;
}
/*追加2025*/
.l-mv.interview h2 {
  color: #223342;
  font-weight: bold;
}
.l-mv.interview h2 .title span{
	background-color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 0.5% 3%;
  border-radius: 15px;
  letter-spacing: 0.2rem;
}
.l-mv.interview h2 .title{
  margin-bottom: 10px;
}
.l-mv.interview h2 .l-large{
	font-size: 3.5rem;
	line-height:4.5rem;
}
.l-mv.interview h2 .l-normal{
	font-size: 2.5rem;
  line-height: 3.5rem;
}
/*.l-mv.interview h2 ul li:first-child{
	margin-bottom: 0.2rem;
}*/
.l-mv.interview h2 ul li:last-child{
	margin-bottom: 0;
}
.l-mv.interview .jobtype-block{
 	color: #223342;
  text-align: left;
  position: absolute;
  bottom: 60px;
}
.l-mv.interview .jobtype-block ul{
	display: flex;
}
.l-mv.interview .jobtype-block .jobtypeName{
  color: #fff;
  background-color: #223342;
  width: 60px;
  height: 60px;
  border-radius: 5px;
  text-align: center;
  position: relative;
  margin-right: 15px;
}
.l-mv.interview .jobtype-block .jobtypeName span{
	position: absolute;
  width: 50px;
  font-size: 2.3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.l-mv.interview .jobtype-block .jobentry{
	position: relative;
	
}
.l-mv.interview .jobtype-block .jobentry span{
	font-weight: bold;
  position: absolute;
  width: 290px;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 2.05rem;
}
.l-mv-wrap-in{
    height: 370px;
}




/*追加2025*/

h3 {
	font-size:162.5%;
	font-weight:bold;
	text-align:left;
	color: #223340;
}

.l-interview-staff01 h3,
.l-interview-staff02 h3 {
	border-bottom:6px solid #ffc35a;
}
.l-interview-staff03 h3,
.l-interview-staff04 h3 {
	border-bottom:6px solid #ffef84;
}
.l-interview-staff05 h3,
.l-interview-staff06 h3 {
	border-bottom:6px solid #ace273;
}
.l-interview-staff07 h3,
.l-interview-staff08 h3 {
	border-bottom:6px solid #fdb8c2;
}

.bg-message {
	overflow: hidden;
}

.mid-only {
	display: none;
}

@media screen and (min-width:481px) {
	.l-interview-index .l-interview-list {
		margin-bottom: 140px;
	}
	.l-interview-index .l-interview-list li {
		width: 23.3%;
		margin-right: 1.5625%;
		margin-bottom: 15px;
	}

	.l-interview-index .l-interview-list li:nth-child(4),
	.l-interview-index .l-interview-list li:nth-child(8) {
		margin-right: 0;
	}
	
	.l-mv.staff01,
	.l-mv.staff02 {
		border-top: 16px solid #ffa636;
		background: #ffc35a;
		padding: 0;
		text-align: center;
		width: 100%;
	}
	.l-mv.staff03,
	.l-mv.staff04 {
		border-top: 16px solid #ffe65c;
		background: #ffef84;
		padding: 0;
		text-align: center;
		width: 100%;
	}
	.l-mv.staff05,
	.l-mv.staff06 {
		border-top: 16px solid #89d24c;
		background: #ace273;
		padding: 0;
		text-align: center;
		width: 100%;
	}
	.l-mv.staff07,
	.l-mv.staff08 {
		border-top: 16px solid #fc98a5;
		background: #fdb8c2;
		padding: 0;
		text-align: center;
		width: 100%;
	}
	.l-mv-wrap-in {
		max-width: 960px;
		width: 100%;
		margin: 0 auto;
		padding: 0 10px;
		position: relative;
	}
	.l-mv-in {
		padding: 35px 0 120px 37px;
	}
	.imgPhoto {
		position: absolute;
		right: -105px;
		bottom: 0;
	}
	.box-img img,
	.l-mv img {
		width: auto;
		max-width: 100%;
	}
	.l-mv.interview h2 {
		margin-bottom: 22px;
	}
	.box-img {
		width: 39.814%;
		height: auto;
	}
	.sec-01 .box-txt {
		width: 53.703%;
	}
	h3 + p {
		margin-top: 20px;
	}
	.sec-02 {
		margin-top: 43px;
	}
	.sec-03 {
		position: relative;
		margin-bottom: 140px;
	}
	.img-message {
		position: absolute;
		top: 0;
		right: 0;
		z-index: -10;
		text-align: right;
	}
	.img-message img {
		width: 80.416%;
		height: auto;
	}
	.sec-03 .box-txt {
		padding-top: 43px;
		width: 60.64%;
	}
	.bg-message {
		position: absolute;
		width: 100%;
		right: 0;
		bottom: -50px;
		height: 250px;
		z-index: -10;
	}
  .l-interview-staff07 .bg-message,
  .l-interview-staff08 .bg-message {
    bottom: -30px;
  }
	.l-interview-staff02 .bg-message {
		bottom: -50px;
	}
  .l-interview-staff03 .bg-message {
		bottom: -40px;
	}
}

@media screen and (min-width: 960px) {
	.sec-03 .l-inner {
		padding-top: 0;
	}
	.l-interview-staff01 .sec-03 .l-inner {
		background: url(../../images/interview/img_interview_01_message.png) right bottom no-repeat;
		-webkit-background-size: 674px auto;
		background-size: 674px auto;
		padding-bottom: 278px;
	}
	.l-interview-staff02 .sec-03 .l-inner {
		background: url(../../images/interview/img_interview_02_message.png) right bottom no-repeat;
		-webkit-background-size: 713px auto;
		background-size: 713px auto;
		padding-bottom: 278px;
	}
	.l-interview-staff03 .sec-03 .l-inner {
		background: url(../../images/interview/img_interview_03_message.png) right bottom no-repeat;
		-webkit-background-size: 661px auto;
		background-size: 661px auto;
		padding-bottom: 278px;
	}
	.l-interview-staff04 .sec-03 .l-inner {
		background: url(../../images/interview/img_interview_04_message.png) right bottom no-repeat;
		-webkit-background-size: 725px auto;
		background-size: 725px auto;
		padding-bottom: 278px;
	}
	.l-interview-staff05 .sec-03 .l-inner {
		background: url(../../images/interview/img_interview_05_message.png) right bottom no-repeat;
		-webkit-background-size: 674px auto;
		background-size: 674px auto;
		padding-bottom: 278px;
	}
	.l-interview-staff06 .sec-03 .l-inner {
		background: url(../../images/interview/img_interview_06_message.png) right bottom no-repeat;
		-webkit-background-size: 682px auto;
		background-size: 682px auto;
		padding-bottom: 278px;
	}
	.l-interview-staff07 .sec-03 .l-inner {
		background: url(../../images/interview/img_interview_07_message.png) right bottom no-repeat;
		-webkit-background-size: 652px auto;
		background-size: 652px auto;
		padding-bottom: 278px;
	}
	.l-interview-staff08 .sec-03 .l-inner {
		background: url(../../images/interview/img_interview_08_message.png) right bottom no-repeat;
		-webkit-background-size: 648px auto;
		background-size: 648px auto;
		padding-bottom: 278px;
	}
	.bg-message img {
		width: 100%;
		margin-left: 30%;
		height: 260px;
	}
}

@media screen and (max-width:959px) and (min-width:681px) {
	.bg-message {
		display: none;
	}
	.l-interview-staff01 .sec-03 {
		background: url(../../images/interview/img_interview_01_message_middle.png) right bottom no-repeat;
		-webkit-background-size: 652px auto;
		background-size: 652px auto;
		padding-bottom: 278px;
	}
	.l-interview-staff02 .sec-03 {
		background: url(../../images/interview/img_interview_02_message_middle.png) right bottom no-repeat;
		-webkit-background-size: 652px auto;
		background-size: 652px auto;
		padding-bottom: 278px;
	}
	.l-interview-staff03 .sec-03 {
		background: url(../../images/interview/img_interview_03_message_middle.png) right bottom no-repeat;
		-webkit-background-size: 652px auto;
		background-size: 652px auto;
		padding-bottom: 278px;
	}
	.l-interview-staff04 .sec-03 {
		background: url(../../images/interview/img_interview_04_message_middle.png) right bottom no-repeat;
		-webkit-background-size: 652px auto;
		background-size: 652px auto;
		padding-bottom: 278px;
	}
	.l-interview-staff05 .sec-03 {
		background: url(../../images/interview/img_interview_05_message_middle.png) right bottom no-repeat;
		-webkit-background-size: 652px auto;
		background-size: 652px auto;
		padding-bottom: 278px;
	}
	.l-interview-staff06 .sec-03 {
		background: url(../../images/interview/img_interview_06_message_middle.png) right bottom no-repeat;
		-webkit-background-size: 652px auto;
		background-size: 652px auto;
		padding-bottom: 278px;
	}
	.l-interview-staff07 .sec-03 {
		background: url(../../images/interview/img_interview_07_message_middle.png) right bottom no-repeat;
		-webkit-background-size: 652px auto;
		background-size: 652px auto;
		padding-bottom: 278px;
	}
	.l-interview-staff08 .sec-03 {
		background: url(../../images/interview/img_interview_08_message_middle.png) right bottom no-repeat;
		-webkit-background-size: 652px auto;
		background-size: 652px auto;
		padding-bottom: 278px;
	}
}


/* ====▼ 959px以下 481px以下 ▼==== */
@media screen and (max-width:959px) and (min-width:481px) {
	.l-mv-in h2 img {
		width: 46.25%;
		height: auto;
	}
	.l-mv-in p img {
		width: 18.645%;
		height: auto;
	}
	.l-mv img.imgPhoto {
		width: 61.0416%;
		height: auto;
	}
	.l-mv-in {
		padding: 3% 0 14% 6.25%;
	}
	.imgPhoto {
		right: -10.9375%;
	}
	.sec-03 .l-inner {
		background: none;
		padding-bottom: 0;
		padding-top: 0;
	}
	/*追加2025*/
	.l-mv.interview h2 .title span{
		font-size: 2vw;
	}
	.l-mv.interview h2 .l-large{
		font-size: 4vw;
    line-height: 4.7vw;
	}
	.l-mv.interview h2 .l-large2{
		font-size: 4vw;
	}
	.l-mv.interview h2 .l-normal{
		font-size: 3vw;
    line-height: 4vw;
	}
	
	.l-mv.interview .jobtype-block .jobtypeName{
    width: 7vw;
    height: 7vw;
    margin-right: 1.5vw;
	}
	.l-mv.interview .jobtype-block .jobtypeName span{
		font-size: 2.5vw;
	}
	.l-mv.interview .jobtype-block .jobentry span{
		font-size: 2vw;
	}
	.l-mv.interview h2 ul li:last-child{
		margin-bottom: 4vw;
	}
	.l-mv-wrap-in{
		height: 40vw;
	}
	.l-mv.interview .jobtype-block{
    bottom: 5vw;
	}









		/*追加2025*/
}

@media screen and (max-width: 880px) and (min-width: 481px) {
	.sec-03 .l-inner {
		padding-top: 0;
		
	}
}

@media screen and (max-width:680px) {
	.sec-03 .box-txt {
		width: 100%;
	}
	.sec-03 {
		background: none;
		
	}
	.sec-03 .l-inner {
		background: none;
		padding-bottom: 0;
	}
	.bg-message {
		display: none;
	}
	.mid-only {
		display: block;
	}
	img.mid-only {
		width: 100%;
		margin: 10% 0 20%;
	}
}

@media screen and (max-width:480px) {
	.l-interview-index .l-interview-list {
		margin-bottom: 15%;
	}
	.l-interview-index .l-interview-list li {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 11px;
	}
	.l-interview-index .l-interview-list li:nth-child(even) {
		margin-right: 0;
	}
	.l-mv.staff01,
	.l-mv.staff02 {
		border-top: 18px solid #ffa636;
		background: #ffc35a;
		text-align: center;
	}
	.l-mv.staff03,
	.l-mv.staff04 {
		border-top: 18px solid #ffe65c;
		background: #ffef84;
		padding: 0;
		text-align: center;
		width: 100%;
	}
	.l-mv.staff05,
	.l-mv.staff06 {
		border-top: 18px solid #89d24c;
		background: #ace273;
		padding: 0;
		text-align: center;
		width: 100%;
	}
	.l-mv.staff07,
	.l-mv.staff08 {
		border-top: 18px solid #fc98a5;
		background: #fdb8c2;
		padding: 0;
		text-align: center;
		width: 100%;
	}
	.l-inner {
		padding-bottom: 0;
	}
	.sec-03 .l-inner {
		padding-top: 0;
	}
	.sec-02,.sec-03 {
		margin-top: 10%;
	}
	h3 {
		font-size: 150%;
	}
	h3 + p {
		font-size: 93.75%;
		line-height: 1.6;
		margin-top: .5em;
	}
	.box-txt img {
		margin-bottom: 1em;
	}
/*追加2025*/
	.l-mv-wrap-in{
		position: relative;
		height: 86vw;
	}
	.l-mv-wrap-in .imgPhoto{
		position: absolute;
    bottom: 0;
    right: 0px;
    width: 100%;
	}
	.l-mv-in{
    padding: 3vw 0vw 0vw 5vw;
	}
	.l-mv.interview h2 .title span{
    font-size: 4vw;
    padding: 0.5% 6%;
	}
	.l-mv.interview h2 .l-large ,.l-mv.interview h2 .l-large2{
		font-size: 5.9vw;
		margin-top: 0.5vw;
 		line-height: 7.8vw;
 		font-feature-settings: "palt";
	}
	.l-mv.interview h2 .l-normal{
		font-size: 4.5vw;
	}
	.l-mv.interview h2 ul li:last-child{
    margin-bottom: 6vw;
	}
	.l-mv.interview .jobtype-block .jobentry span{
    font-size: 2.05rem;
	}
	.l-mv.interview .jobtype-block .jobtypeName{
    width: 14vw;
    height: 14vw;
	}

	.l-mv.interview .jobtype-block .jobtypeName span{
		font-size: 5vw;
	}
	.l-mv.interview .jobtype-block .jobentry span{
	 font-size: 4vw;
	}
	.l-mv.interview .jobtype-block .jobtypeName{
	  margin-right: 2vw;
	}
	.l-mv.interview .jobtype-block{
    bottom: 26vw;
	}
	.l-mv.interview h2 .l-normal{
    line-height: 6vw;
	}
	.small{
    transform-origin: bottom left;
    transform: scale(0.9);	
	}







/*追加2025*/

}