@charset "utf-8";
/* ====================================================================================================

	recruit.css

==================================================================================================== */

/* ----------------------------------------------------------------------------------------------------
	recruitment_information
---------------------------------------------------------------------------------------------------- */
#recruitment_information {
	margin:0;
	}
	#recruitment_information .inner {
		}
		#recruitment_information .inner > p {
			text-align:left;
			}

@media screen and (max-width:1040px) {
		#recruitment_information .inner > p {
			text-align:left !important;
			}
}


/* ----------------------------------------------------------------------------------------------------
	interview
---------------------------------------------------------------------------------------------------- */
#interview {
	margin:80px 0 0 0;
	}
	#interview .inner {
		width:100% !important;
		max-width:initial !important;
		}
		#interview .inner > p {
			max-width:1200px;
			text-align:left;
			margin:0 auto;
			}
		#interview .inner article {
			background:#f5f7f6;
			margin:60px 0 0 0;
			padding:60px 30px;
			}
			#interview .inner article .container {
				max-width:1200px;
				margin:0 auto;
				}

				#interview .inner article .container ul.interviewee_list {
					display:flex;
					gap:40px;
					list-style:none;
					transition:none;
					}
					#interview .inner article .container ul.interviewee_list li {
						width:calc((100% - 80px) / 3);
						background:#ffffff;
						transition:none;
						}
						#interview .inner article .container ul.interviewee_list li a {
							display:block;
							border:2px solid transparent;
							transition:none;
							}
						#interview .inner article .container ul.interviewee_list li a:hover {
							/*
							display:block;
							border:2px solid #0065a7;
							*/
							}
							#interview .inner article .container ul.interviewee_list li a figure {
								display:flex;
								flex-direction:column;
								gap:10px;
								padding:26px;
								transition:none;
								}
								#interview .inner article .container ul.interviewee_list li a figure div {
									position:relative;
									aspect-ratio:3 / 2;
									background:#ffffff;
									overflow:hidden;
									transition:none;
									}
								#interview .inner article .container ul.interviewee_list li a figure div::after {
									content:"詳細を見る";
									position:absolute;
									inset:0;
									display:flex;
									justify-content:center;
									align-items:center;
									color:#ffffff;
									font-weight:300;
									letter-spacing:1px;
									background:rgba(32,32,32,0.6);
									margin:auto;
									opacity:0;
									transition:all 0.4s ease-in-out;
									}
								#interview .inner article .container ul.interviewee_list li a:hover figure div::after {
									opacity:1;
									}
									#interview .inner article .container ul.interviewee_list li a figure div img {
										position:absolute;
										inset:0;
										width:100%;
										height:100%;
										object-fit:cover;
										transition:all 0.5s 0s ease;
										}
									#interview .inner article .container ul.interviewee_list li a:hover figure div img {
										transform:scale(1.3,1.3);
										transition:all 0.5s 0s ease;
										}
								#interview .inner article .container ul.interviewee_list li a figure figcaption {
									margin:0;
									transition:none;
									}
									#interview .inner article .container ul.interviewee_list li a figure figcaption p {
										color:#1068bf;
										font-size:18px;
										font-weight:bold;
										letter-spacing:1px;
										padding:0 0 5px 0;
										transition:none;
										}

				#interview .inner article .container ul.interviewee_list_smart {
					display:flex;
					flex-wrap:wrap;
					gap:20px;
					background:#ffffff;
					padding:20px 30px;
					margin:0 auto;
					list-style:none;
					}
					#interview .inner article .container ul.interviewee_list_smart li {
						flex-shrink:0;
						}
						#interview .inner article .container ul.interviewee_list_smart li a {
							display:inline-block;
							color:#ffffff;
							line-height:1;
							background:rgba(32,32,32,0.6);
							padding:10px 20px;
							}
						#interview .inner article .container ul.interviewee_list_smart li a:hover {
							background:rgba(32,32,32,1);
							}

				#interview .inner article .container article {
					background:#ffffff;
					margin:50px auto 0 auto;
					padding:30px;
					}
					#interview .inner article .container article h3 {
						display:block;
						color:#ffffff;
						background:#0066b0;
						padding:17px 20px;
						}
					#interview .inner article .container article table {
						width:100%;
						text-align:left;
						margin:20px 0 0 0;
						}
						#interview .inner article .container article table tbody {
							}
							#interview .inner article .container article table tbody tr {
								border-top:1px solid #e5e5e5;
								}
							#interview .inner article .container article table tbody tr:nth-of-type(1) {
								border:none;
								}
								#interview .inner article .container article table tbody tr th,
								#interview .inner article .container article table tbody tr td {
									vertical-align:top;
									letter-spacing:1px;
									padding:16px 0;
									}
								#interview .inner article .container article table tbody tr th {
									width:20%;
									color:#0067c6;
									font-weight:700;
									}

@media screen and (max-width:1260px) {
		#interview .inner article {
			margin:60px -30px 0 -30px;
			}
}

@media screen and (max-width:1040px) {
				#interview .inner article .container ul.interviewee_list {
					flex-direction:column;
					gap:20px;
					}
					#interview .inner article .container ul.interviewee_list li {
						width:100%;
						}
							#interview .inner article .container ul.interviewee_list li a figure {
								display:flex;
								flex-direction:row;
								gap:20px;
								padding:20px;
								}
								#interview .inner article .container ul.interviewee_list li a figure div {
									flex-shrink:0;
									width:150px;
									height:112px;
									}
								#interview .inner article .container ul.interviewee_list li a figure figcaption {
									margin:0;
									}

				#interview .inner article .container ul.interviewee_list_smart {
					padding:20px;
					}
						#interview .inner article .container ul.interviewee_list_smart li a {
							padding:10px clamp(10px,1.562vw,20px);
							}
					#interview .inner article .container article table {
						display:block;
						}
						#interview .inner article .container article table tbody {
							display:block;
							width:100%;
							}
							#interview .inner article .container article table tbody tr {
								display:flex;
								flex-direction:column;
								width:100%;
								border-top:2px solid #e5e5e5;
								}
								#interview .inner article .container article table tbody tr th,
								#interview .inner article .container article table tbody tr td {
									display:block;
									width:100%;
									border:none;
									}
								#interview .inner article .container article table tbody tr th {
									padding:17px 0 5px 0;
									}
								#interview .inner article .container article table tbody tr td {
									padding:0 0 17px 0;
									}
								#interview .inner article .container article table tbody tr:nth-of-type(1) th {
									border-top:none;
									}
								#interview .inner article .container article table tbody tr:nth-last-of-type(1) td {
									border-bottom:none;
									}
}

@media screen and (max-width:640px) {
		#interview .inner article {
			margin:60px -20px 0 -20px;
			padding:60px 20px;
			}

							#interview .inner article .container ul.interviewee_list li a figure {
								flex-direction:column;
								gap:10px;
								}
								#interview .inner article .container ul.interviewee_list li a figure div {
									width:100%;
									height:auto;
									}
								#interview .inner article .container ul.interviewee_list li a figure div::after {
									content:"詳細を見る";
									position:absolute;
									inset:0;
									display:flex;
									justify-content:center;
									align-items:center;
									color:#ffffff;
									font-weight:300;
									letter-spacing:1px;
									background:rgba(32,32,32,0.6);
									margin:auto;
									opacity:0;
									transition:all 0.4s ease-in-out;
									}
								#interview .inner article .container ul.interviewee_list li a:hover figure div::after {
									opacity:1;
									}
									#interview .inner article .container ul.interviewee_list li a figure div img {
										position:absolute;
										top:0;
										right:0;
										bottom:0;
										left:0;
										width:100%;
										height:100%;
										object-fit:cover;
										transition:all 0.5s 0s ease;
										}
									#interview .inner article .container ul.interviewee_list li a:hover figure div img {
										transform:scale(1.3,1.3);
										transition:all 0.5s 0s ease;
										}
								#interview .inner article .container ul.interviewee_list li a figure figcaption {
									margin:0;
									}
									#interview .inner article .container ul.interviewee_list li a figure figcaption p {
										color:#1068bf;
										font-size:18px;
										font-weight:bold;
										letter-spacing:1px;
										padding:0 0 5px 0;
										}
	
				#interview .inner article .container ul.interviewee_list_smart {
					flex-direction:column;
					gap:clamp(10px,3.125vw,20px);
					}
						#interview .inner article .container ul.interviewee_list_smart li a {
							width:100%;
							}
				#interview .inner article .container article {
					padding:20px;
					}
}


/* ----------------------------------------------------------------------------------------------------
	job_description
---------------------------------------------------------------------------------------------------- */
#job_description {
	margin:80px 0 0 0;
	}
	#job_description .inner {
		width:100% !important;
		max-width:initial !important;
		}
		#job_description .inner > p {
			text-align:left;
			}
		#job_description .inner article {
			background:#f5f7f6;
			margin:60px 0 0 0;
			padding:60px 30px;
			}
			#job_description .inner article .container {
				max-width:1200px;
				margin:0 auto;
				}
				#job_description .inner article .container ul.job_description_list {
					display:flex;
					flex-wrap:wrap;
					gap:20px;
					background:#ffffff;
					padding:20px 30px;
					margin:0 auto;
					list-style:none;
					}
					#job_description .inner article .container ul.job_description_list li {
						flex-shrink:0;
						}
						#job_description .inner article .container ul.job_description_list li a {
							display:inline-block;
							color:#ffffff;
							line-height:1;
							background:rgba(32,32,32,0.6);
							padding:10px 20px;
							}
						#job_description .inner article .container ul.job_description_list li a:hover {
							background:rgba(32,32,32,1);
							}

				#job_description .inner article .container article {
					background:#ffffff;
					margin:50px auto 0 auto;
					padding:30px;
					}
					#job_description .inner article .container article h3 {
						display:block;
						color:#ffffff;
						background:#0066b0;
						padding:17px 20px;
						}
					#job_description .inner article .container article table {
						width:100%;
						text-align:left;
						margin:20px 0 0 0;
						}
						#job_description .inner article .container article table tbody {
							}
							#job_description .inner article .container article table tbody tr {
								border-top:1px solid #e5e5e5;
								}
							#job_description .inner article .container article table tbody tr:nth-of-type(1) {
								border:none;
								}
								#job_description .inner article .container article table tbody tr th,
								#job_description .inner article .container article table tbody tr td {
									vertical-align:top;
									letter-spacing:1px;
									padding:16px 0;
									}
								#job_description .inner article .container article table tbody tr th {
									width:20%;
									color:#0067c6;
									font-weight:700;
									}

@media screen and (max-width:1260px) {
		#job_description .inner article {
			margin:60px -30px 0 -30px;
			}
}

@media screen and (max-width:1040px) {
		#contact .inner > p {
			text-align:left;
			}
				#job_description .inner article .container ul.job_description_list {
					padding:20px;
					}
						#job_description .inner article .container ul.job_description_list li a {
							padding:10px clamp(10px,1.562vw,20px);
							}
					#job_description .inner article .container article table {
						display:block;
						}
						#job_description .inner article .container article table tbody {
							display:block;
							width:100%;
							}
							#job_description .inner article .container article table tbody tr {
								display:flex;
								flex-direction:column;
								width:100%;
								border-top:2px solid #e5e5e5;
								}
								#job_description .inner article .container article table tbody tr th,
								#job_description .inner article .container article table tbody tr td {
									display:block;
									width:100%;
									border:none;
									}
								#job_description .inner article .container article table tbody tr th {
									padding:17px 0 5px 0;
									}
								#job_description .inner article .container article table tbody tr td {
									padding:0 0 17px 0;
									}
								#job_description .inner article .container article table tbody tr:nth-of-type(1) th {
									border-top:none;
									}
								#job_description .inner article .container article table tbody tr:nth-last-of-type(1) td {
									border-bottom:none;
									}
}

@media screen and (max-width:640px) {
		#job_description .inner article {
			margin:60px -20px 0 -20px;
			padding:60px 20px;
			}
				#job_description .inner article .container ul.job_description_list {
					flex-direction:column;
					gap:clamp(10px,3.125vw,20px);
					}
						#job_description .inner article .container ul.job_description_list li a {
							width:100%;
							}
				#job_description .inner article .container article {
					padding:20px;
					}
}