@charset "UTF-8";


.job-content_container {
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
}
.job-content_container::before {
	position: absolute;
	right: 11%;
	bottom: 310px;
	z-index: -1;
	transform: rotateZ(90deg);
	transform-origin: right bottom;
	margin-bottom: -0.05em;
	color: #f3f3f3;
	font-family: "Noto serif JP";
	font-weight: bold;
	font-size: 269px;
	letter-spacing: 0.05em;
	content: "VOICE";
}

.page-title_container .en-title {
	color: #142b8b;
	font-family: "Noto serif JP";
	font-weight: 300;
	font-size: 18px;
}

.page-title_container .ja-title {
	font-weight: 700;
	font-size: 32px;
}

.h3-title {
	margin-top: 36px;
	text-align: center;
}

.title-design {
	position: relative;
	padding-left: 23px;
	font-size: clamp(1.25rem, 0.607rem + 2.29vw, 1.75rem);
}

.title-design::before {
	position: absolute;
	top: 50%;
	left: 0;
	transform: rotate(25deg) translateY(-50%);
	width: 1px;
	height: 30px;
	background-color: #142b8b;
	content: "";
}

.staff-voice-list {
	display: flex;
	margin-top: 40px;
	column-gap: 5%;
	flex-wrap: wrap;

	row-gap: 40px;
}

.staff-voice-content-item {
	max-width: 300px;
	width: 30%;
	padding-left: clamp(0.625rem, -0.217rem + 1.75vw, 0.938rem);
}

.interview-link {
	position: relative;
	padding-right: 25px;
	background-image: url(../images/interview-icon.png);
	background-repeat: no-repeat;
	background-position-x: 100%;
	background-position-y: 100%;
	background-size: 19px;
	color: #142b8b;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.5;
}

.interview-link::after {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: calc(100% - 25px);
	height: 1px;
	background-color: #142b8b;
	content: "";
}

.img-wrap {
	position: relative;
	margin-top: 7px;
}

.staff-img {
	max-width: 100%;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.staff-position {
	display: inline-block;
	position: absolute;
	bottom: 2%;
	left: -16px;
	width: clamp(6.563rem, -9.438rem + 33.33vw, 12.5rem);
	padding: clamp(0.281rem, -1.15rem + 2.98vw, 0.813rem) clamp(0.625rem, -0.217rem + 1.75vw, 0.938rem);
	background-color: #142b8b;
	color: #ffffff;
	font-weight: bold;
	font-size: clamp(0.938rem, 0.095rem + 1.75vw, 1.25rem);
}

.staff-name {
	display: flex;
	margin-top: 14px;
	padding-right: 8px;
	padding-bottom: 10px;
	padding-left: 8px;
	border-bottom: 2px solid #bebebe;
	justify-content: space-between;
	align-items: center;
}

.staff-name-text {
	color: #142b8b;
	font-weight: bold;
	font-size: clamp(1.063rem, -0.453rem + 3.16vw, 1.625rem);
	letter-spacing: 0.05em;
}

.right-arrow {
	height: 100%;
}


.faq_link {
	margin-bottom: 80px;
	padding: clamp(2.281rem, -4.287rem + 13.68vw, 4.719rem) 0;
	background-image: url(../images/faq_link-bg.jpg);
}
.faq_link::before , .faq_link::after {
	background-color: #e2760a;
}
.faq_link h3 > span {
	display: flex;
	position: relative;
	font-size: clamp(2.25rem, -1.287rem + 7.37vw, 3.563rem);
	align-items: center;
}
.faq_link h3 > span span {
	display: inline-block;
	margin: 0 0.2em;
	font-size: clamp(1.188rem, -0.665rem + 3.86vw, 1.875rem);
}
.faq_link i {
	position: absolute;
	left: calc(100% + clamp(0.625rem, -1.901rem + 5.26vw, 1.563rem));
}
@media screen and (min-width: 768px) {
	.main_container {
		padding-bottom: 100px;
	}
	.archive-job_container {
		margin-bottom: 90px;
	}

	.job-content_container {
		width: 95%;
	}

	.staff-voice-content-item {
		width: 30%;
	}




	.faq_link {
		margin-bottom: 80px;
	}
	.recruit_container {
		width: 95%;
	}
	.recruit_content-list {
		row-gap: 45px;
	}
	.recruit_content-item  th {
		padding: 12.5px 0;
		font-size: 16px;
	}
}
@media screen and (max-width: 767px) {
	.main_container {
		padding-bottom: 50px;
	}
	.archive-job_container {
		margin-bottom: 40px;
	}
	.job-content_container {
		width: 100%;
		padding: 0 20px;
	}.staff-voice_container h3 {
		margin-bottom: 20px;
		text-align: left;
	}
	.staff-voice-list {
		max-width: 650px;
		width: 100%;
		margin: 0 auto;
		column-gap: 7.6922%;
	}
	.staff-voice-content-item {
		width: 46.1539%;
	}




	.faq_link {
		margin-bottom: 45px;
	}
	.recruit_container {
		width: 100%;
		padding: 0 20px;
	}
	.recruit_content-list {
		row-gap: 35px;
	}
	.recruit_content-item th {
		padding: 14.5px 0;
		font-size: 14px;
	}
}


.recruit_container {
	display: block;
	max-width: 1000px;
	margin: 0 auto;
}
.recruit_container h3 {
	margin-bottom: 45px;
	text-align: left;
}
.recruit_nav {
	display: block;
	width: 100%;
	margin-bottom: 25px;
}
.recruit_nav-list {
	display: flex;
	width: 100%;
	font-weight: bold;
	font-size: clamp(1rem, 0.158rem + 1.75vw, 1.313rem);
	column-gap: clamp(0.938rem, -3.441rem + 9.12vw, 2.563rem);
	flex-wrap: wrap;

	row-gap: 25px;
}
.recruit_nev-item a {
	text-decoration: underline;

	text-decoration-thickness: 1px;
	transition: all .5s;
	
}
.recruit_nev-item a:hover {
	color: #142b8b;
}
.recruit_content-list {
	display: flex;
	flex-direction: column;
}
.recruit_content-item table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.recruit_content-item  tr {
	border-top: 1px solid #b8b8b8;
}
.recruit_content-item  tr:nth-last-of-type(1) {
	border-bottom: 1px solid #b8b8b8;
}
.recruit_content-item  th {
	width: 150px;
	padding-left: 15px !important;
	background-color: #f3f3f3;
	vertical-align: top;
}
.recruit_content-item  td {
	padding: 14.5px 0;
	padding-left: 15px;
	font-size: 14px;
	vertical-align: baseline;
}