@charset "utf-8";

/* -----------------------------
	employee-intro
-------------------------------- */
.employee-intro{
	margin: 100px 0 0;
}
.employee-intro .inner{
	width: 1300px;
	max-width: 1300px;
}

.employee-intro ul{
	display: flex;
	justify-content: space-between;
}
.employee-intro ul li{
	background-image: url("../img/intro-kijima.jpg");
	width: calc((100% / 4) - 10px);
	background-size: auto;
	background-position: top center;
	background-repeat: no-repeat;
}
.employee-intro ul li.suzuki{
	background-image: url("../img/intro-suzuki.jpg");
}
.employee-intro ul li.itoyama{
	background-image: url("../img/intro-itoyama.jpg");
}
.employee-intro ul li.teduka{
	background-image: url("../img/intro-teduka.jpg");
}
.employee-intro ul li .txt-box{
	padding: 260px 0 0;
	text-align: center;
}

.employee-intro ul li .name{
	display: inline-block;
	padding: 0 5px;
}
.employee-intro ul li.kijima .name{
	background: linear-gradient(transparent 70%, #ffd0cf 70%);
}
.employee-intro ul li.suzuki .name{
	background: linear-gradient(transparent 70%, #cce8ff 70%);
}
.employee-intro ul li.itoyama .name{
	background: linear-gradient(transparent 70%, #d6ffa9 70%);
}
.employee-intro ul li.teduka .name{
	background: linear-gradient(transparent 70%, #ffe6b4 70%);
}


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



}

@media screen and (max-width: 768px) {
	.employee-intro{
		
		margin: 50px 0 0;
	}
	.employee-intro .inner{
		width: 100%;
		max-width: 100%;
	}

	.employee-intro ul{
		flex-wrap: wrap;
	}
	.employee-intro ul li{
		width: calc((100% / 2) - 5px);
		background-image: none;
	}
	.employee-intro ul li.suzuki,
	.employee-intro ul li.itoyama,
	.employee-intro ul li.teduka{
		background-image: none;
	}
	.employee-intro ul li .txt-box{
		padding: 5px 0 0;
		text-align: center;
	}
	.employee-intro ul li.itoyama,
	.employee-intro ul li.teduka{
		margin: 10px 0 0;
	}
	
	.employee-intro ul li .img{
		width: 100%;
	}
	
}

/* -----------------------------
	interview-area
-------------------------------- */
.interview-area{
	margin: 100px 0 150px;
}
.interview-area .title{
	font-size: 3rem;
	font-weight: bold;
	border-bottom: solid 1px #333;
	padding: 0 0 20px;
	display: flex;
}

.interview-area .interview-box:nth-child(n + 2){
	margin: 100px 0 0;
}

.interview-area ul li{
	display: flex;
	margin: 25px 0 0;
}
.interview-area ul li .name{
	/*width: 60px;*/
	line-height: 1.8;
    height: fit-content;
    margin: 0 30px 0 0;
	padding: 0 3px;
	letter-spacing: .1em;
}
.interview-area ul li .basic-txt{
	flex: 1;
}

.interview-area .img01 img,
.interview-area .img03 img{
	float: right;
	margin: 0 -100px 0 50px;
}
.interview-area .box02{
	display: flex;
}
.interview-area .img02 img{
	margin: 0 50px 0 -100px;
}
.interview-area .box04 .title{
	margin: 30px 0 0;
}
.interview-area ul li.kijima .name{
	background: linear-gradient(transparent 70%, #ffd0cf 70%);
}
.interview-area ul li.suzuki .name{
	background: linear-gradient(transparent 70%, #cce8ff 70%);
}
.interview-area ul li.itoyama .name{
	background: linear-gradient(transparent 70%, #d6ffa9 70%);
}
.interview-area ul li.teduka .name{
	background: linear-gradient(transparent 70%, #ffe6b4 70%);
}

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

@media screen and (max-width: 768px) {
	.interview-area{
		margin: 30px 0 30px;
	}
	.interview-area .title{
		font-size: 2.3rem;
		padding: 15px 0 10px;
	}

	.interview-area .interview-box:nth-child(n + 2){
		margin: 30px 0 0;
	}

	.interview-area ul li{
		margin: 15px 0 0;
	}
	.interview-area ul li .name{
		margin: 0 10px 0 0;
	}
	.interview-area ul li .basic-txt{
	}

	.interview-area .img{
		width: 100%;
	}
	.interview-area .img img{
		max-width: 100%;
	}
	.interview-area .img01 img,
	.interview-area .img03 img{
		float: none;
		margin: 0;
		width: 100%;
	}
	.interview-area .box02{
		display: block;
	}
	.interview-area .img02 img{
		float: none;
		margin: 0;
		width: 100%;
	}
	.interview-area .box04 .title {
		margin: 0px 0 0;
	}
}