@charset "utf-8";


/* 
interview.php
--------------------------------------------------------*/
#interview2025 .content {
	padding-top: 80px;
}
#interview2025 #mainimage {
	background: url(../../img/interview/2025/img_main_interview01.png) center;
	background-size: cover;
}
#interview2025.interview02 #mainimage {
	background: url(../../img/interview/2025/img_main_interview02.png) center;
	background-size: cover;
}
#interview2025.interview03 #mainimage {
	background: url(../../img/interview/2025/img_main_interview03.png) center;
	background-size: cover;
}
#interview2025.interview04 #mainimage {
	background: url(../../img/interview/2025/img_main_interview04.png) center;
	background-size: cover;
}
#interview2025 #mainimage .container {
	position: relative;
	height: 400px;
}
	#interview2025 #mainimage h1 {
		position: absolute;
		left: 504px;
		top: 50px;
	}
	#interview2025 #mainimage p {
		position: absolute;
		left: 504px;
		bottom: 48%;
	}
	#interview2025.interview02 #mainimage p,
	#interview2025.interview04 #mainimage p {
		bottom: 43%;
	}
	#interview2025 #mainimage p:last-child {
		left: inherit;
		right: 0;
		bottom: 30px;
	}
@media screen and (max-width: 767px) {
	#interview2025 .content {
		padding-top: 56px;
	}
	#interview2025 #mainimage .container {
		height: 135px;
	}
		#interview2025 #mainimage h1 {
			left: 52%;
			top: 10px;
		}
		#interview2025 #mainimage p {
			left: 52%;
			bottom: 48%;
		}
		#interview2025 #mainimage p:last-child {
			left: inherit;
			right: 10px;
			bottom: 10px;
		}
}

#block01 {
	padding: 70px 0;
}
	#block01 p {
		float: left;
		width: 530px;
	}
	#block01 figure {
		float: right;
	}
@media screen and (max-width: 767px) {
	#block01 {
		padding: 20px 0;
	}
		#block01 p {
			float: none;
			width: auto;
			margin: 10px;
			font-size: 12px;
			line-height: 1.5;
		}
		#block01 figure {
			float: none;
			text-align: center;
		}
			#block01 figure img {
				width: 191px;
			}
}

#block02 {
	padding: 70px 0;
	color: #fff;
	background: #009bd8;
}
#block02 h2 {
	padding: 0 0 20px;
}
@media screen and (max-width: 767px) {
	#block02 {
		padding: 20px 0;
	}
		#block02 h2 {
			padding: 0 10px;
		}
			#block02 h2 img {
				width: 226px;
			}
			.interview02 #block02 h2 img {
				width: 253px;
			}
			.interview03 #block02 h2 img {
				width: 239px;
			}
			.interview04 #block02 h2 img {
				width: 265px;
			}
		#block02 p {
			font-size: 12px;
			line-height: 1.5;
			margin: 10px;
		}
}

figure#photo {
	margin: 0;
	height: 400px;
	background:url(../../img/interview/2025/img_photo01.jpg) center no-repeat;
}
.interview02 figure#photo {
	background:url(../../img/interview/2025/img_photo02.jpg) center no-repeat;
}
.interview03 figure#photo {
	background:url(../../img/interview/2025/img_photo03.jpg) center no-repeat;
}
.interview04 figure#photo {
	background:url(../../img/interview/2025/img_photo04.jpg) center no-repeat;
}
	figure#photo span {
		display: none;
	}
@media screen and (max-width: 767px) {
	figure#photo {
		height: 130px;
		background:url(../../img/interview/2025/img_photo01.jpg) center no-repeat;
		background-size: auto 100%;
	}
	.interview02 figure#photo {
		height: 130px;
		background:url(../../img/interview/2025/img_photo02.jpg) center no-repeat;
		background-size: auto 100%;
	}
	.interview03 figure#photo {
		height: 130px;
		background:url(../../img/interview/2025/img_photo03.jpg) center no-repeat;
		background-size: auto 100%;
	}
	.interview04 figure#photo {
		height: 130px;
		background:url(../../img/interview/2025/img_photo04.jpg) center no-repeat;
		background-size: auto 100%;
	}
}

#block03 {
	padding: 70px 0;
}
#block03 h2 {
	padding: 0 0 20px;
}
@media screen and (max-width: 767px) {
	#block03 {
		padding: 20px 0;
	}
		#block03 h2 {
			padding: 0 10px;
		}
			#block03 h2 img {
				width: 184px;
			}
			.interview02 #block03 h2 img {
				width: 268px;
			}
			.interview03 #block03 h2 img {
				width: 240px;
			}
			.interview04 #block03 h2 img {
				width: 300px;
			}
		#block03 p {
			font-size: 12px;
			line-height: 1.5;
			margin: 10px;
		}
}

#profile01 {
	background: url(../../img/interview/2025/bg_profile01.png) no-repeat;
	width: 469px;
	height: 367px;
	margin: 40px auto;
	position: relative;
}
.interview02 #profile01 {
	background: url(../../img/interview/2025/bg_profile02.png) no-repeat;
}
.interview03 #profile01 {
	background: url(../../img/interview/2025/bg_profile03.png) no-repeat;
}
.interview04 #profile01 {
	background: url(../../img/interview/2025/bg_profile04.png) no-repeat;
}
	#profile01 h2 {
		position: absolute;
		top: 40px;
		left: 180px;
	}
			#profile00 table {
				position: absolute;
				top: 110px;
				left: 100px;
				color: #fff;
			}
			#profile01 table {
				position: absolute;
				top: 110px;
				left: 120px;
				color: #fff;
			}
			.interview04 #profile01 table {
				top: 100px;
			}
			#profile01 table th {
				width: 60px;
				text-align: center;
				vertical-align: top;
			}
			#profile01 table td {
				padding-bottom: 10px;
			}
			#profile01 table td em {
				font-size: 131%;
				display: block;
				font-style: normal;
			}
@media screen and (max-width: 767px) {
	#profile01 {
		background: url(../../img/interview/2025/bg_profile01.png) no-repeat;
		background-size: 330px auto;
		width: 300px;
		height: 300px;
		margin: 20px auto;
	}
	.interview02 #profile01 {
		background: url(../../img/interview/2025/bg_profile02.png) no-repeat;
		background-size: 328px auto;
	}
	.interview03 #profile01 {
		background: url(../../img/interview/2025/bg_profile03.png) no-repeat;
		background-size: 324px auto;
	}
	.interview04 #profile01 {
		background: url(../../img/interview/2025/bg_profile04.png) no-repeat;
		background-size: 324px auto;
	}
		#profile01 h2 {
			top: 23px;
			left: 130px;
		}
			#profile01 h2 img {
				width: 70px;
			}
				#profile01 table {
					top: 65px;
					left: 70px;
					font-size: 13px;
				}
				.interview04 #profile01 table {
					top: 65px;
					left: 80px;
				}
				#profile01 table th {
					width: 60px;
					text-align: center;
					vertical-align: top;
				}
				#profile01 table td {
					padding-bottom: 5px;
				}
				.interview03 #profile01 table td,
				.interview04 #profile01 table td {
					line-height: 1.4;
				}
				#profile01 table td em {
					font-size: 131%;
					display: block;
					font-style: normal;
				}
}

#interviewNav {
	padding: 70px 0;
	background: #e6ebee;
}
	#interviewNav ul {
		overflow: hidden;
		text-align: center;
	}
		#interviewNav ul li {
			display: inline-block;
			margin: 0 5px;
		}
@media screen and (max-width: 767px) {
	#interviewNav {
		padding: 20px 0 55px;
	}
		#interviewNav ul li {
			width: 46%;
			margin-bottom: 10px;
		}
}