@charset "utf-8";
.job_contents_wrap {
  padding: 0 0 217px;
}
.breadcrumbs {
	margin: 0 0 0 33px;
}
@media screen and (min-width: 1280px) {
  .job_contents_wrap {
    padding: 0 0 372px;
  }
}
@media screen and (min-width: 1520px) {
	.breadcrumbs {
		margin: 0 0 0 80px;
	}
}
/* タイトル */
.page_ttl_wrap {
	position: relative;
}
.job_type_ttl {
	font-size: 30px;
	margin: 30px 0 0;
}
.job_type_mv {
	position: absolute;
	right: 0;
	top: 199px;
	width: 342px;
  border-radius: 12px 0 0 12px;
	overflow: hidden;
}
.job_type_mv img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.benefits_box {
  margin: 274px 0 0;
  display: flex;
}
.benefits_ttl {
  background: #e91a10;
  color: #fff;
  font-size: 14px;
  border-radius: 5px 0 0 5px;
  padding: 24px 16px 24px 9px;
	display: flex;
	align-items: center;
}
.benefits_contens {
  background: #fff;
  border-radius: 0 5px 5px 0;
  padding: 12px 15px 10px 18px;
	width: calc(100% - 81px);
}
.benefits_txt_01 {
  color: #e91a10;
  font-size: 14px;
}
.benefits_txt_01::after {
  content: "";
  display: block;
  background: url(../images/common/txt_decoration_01.svg) repeat-x left bottom;
	background-size: 9px 3px;
  width: 100%;
  height: 3px;
  margin: 4px 0 0;
}
.benefits_txt_02 {
	font-size: 12px;
	line-height: 1.25;
	margin: 2px 0 0;
}
@media only screen and (min-width: 768px) {
  .job_type_ttl {
		font-size: clamp(30px, 4.68vw, 60px);
		padding: 0 50% 0 0;
  }
	.job_type_mv {
		top: 70px;
		width: 50%;
		border-radius: 20px 0 0 20px;
	}
	.benefits_box {
		margin: 40px 0 0;
		width: 45%;
		max-width: 560px;
	}
	.benefits_ttl {
		font-size: clamp(14px, 2.26vw, 29px);
	}
	.benefits_contens {
		width: calc(100% - 30%);
	}
	.benefits_txt_01 {
		font-size: clamp(14px, 2.26vw, 29px);
	}
	.benefits_txt_02 {
		font-size: clamp(12px, 1.4vw, 18px);
		margin: 4px 0 0;
	}
}
@media only screen and (min-width: 1280px) {
  .job_type_ttl {
    font-size: 60px;
		margin: 38px 0 0;
  }
	.job_type_mv {
		top: 100px;
	}
	.benefits_contens {
		padding: 7px 31px 13px 23px;
		width: calc(100% - 157px);
	}
	.benefits_ttl {
		font-size: 29px;
		padding: 27px 20px;
	}
	.benefits_txt_01 {
		font-size: 29px;
	}
	.benefits_txt_02 {
		font-size: 18px;
	}
}
@media only screen and (min-width: 1700px) {
	.job_type_mv {
		width: unset;
	}
}
/* セクションタイトル */
.sec_ttl_wrap {
	position: relative;
}
.sec_ttl_jp {
	color: #FFF;
	font-size: 20px;
	position: absolute;
	bottom: -0.5px;
	left: 28px;
	z-index: 1;
}
.sec_ttl_en {
	color: #FFF;
	opacity: .2;
	font-size: 60px;
	line-height: 1.3;
}
@media only screen and (min-width: 768px) {
	.sec_ttl_jp {
		font-size: clamp(20px, 2.34vw, 30px);
		bottom: 21px;
		left: 32px;
	}
	.sec_ttl_en {
		font-size: clamp(60px, 12.5vw, 160px);
	}
}
@media only screen and (min-width: 1280px) {
	.sec_ttl_jp {
		font-size: 30px;
		bottom: 30px;
		left: 40px;
	}
	.sec_ttl_en {
		font-size: 160px;
	}
}
/* 先輩インタビュー */
.voice_ttl_wrap {
	background: #F39600;
	padding: 49px 33px 33px;
}
.voice_contents_wrap {
	background: #FFF;
}
.voice_inner {
	padding: 30px 0 80px;
}
.voice_body {
	width: 100%;
	padding: 0 33px;
}
.voice_lead_txt {
	font-size: 22px;
	line-height: 2;
}
.voice_name {
	margin: 20px 0 0;
	font-size: 18px;
}
.voice_name span {
	font-size: 13px;
}
.interview_wrap {
	margin: 60px 0 0;
}
.interview_item {
	display: flex;
	flex-direction: column;
	gap: 43px 0;
}
.interview_item + .interview_item {
	margin: 40px 0 0;
}
.interview_txt {
	color: #F39600;
	font-size: 18px;
}
.interview_txt_box + .interview_txt_box {
	margin: 30px 0 0;
}
.answer_txt {
	line-height: 2;
	margin: 15px 0 0;
}
.answer_txt p + p {
	margin: 10px 0 0;
}
.interview_img_02 {
	margin: 40px 0 0;
}
@media only screen and (min-width: 768px) {
	.voice_contents_wrap {
		position: relative;
	}
	.voice_top_img {
		position: absolute;
		top: -100px;
		right: 30px;
		width: 47%;
	}
	.voice_inner {
		padding: 45px 0 120px;
	}
	.voice_lead_txt {
		font-size: clamp(22px, 3.75vw, 48px);
		line-height: 1.5;
		padding: 0 53% 0 0;
	}
	.voice_name {
		margin: 35px 0 0;
		font-size: clamp(18px, 2.34vw, 30px);
	}
	.voice_name span {
		font-size: clamp(13px, 1.56vw, 20px);
	}
	.interview_wrap {
		margin: 100px 0 0;
	}
	.interview_item {
		flex-direction: row;
		gap: 0 40px;
		padding: 0 40px 0 0;
	}
	.interview_item:nth-of-type(even) {
		flex-direction: row-reverse;
		padding: 0 0 0 40px;
	}
	.interview_item + .interview_item {
		margin: 60px 0 0;
	}
	.interview_img {
		width: 40%;
	}
	.interview_txt_wrap {
		width: calc(100% - (40% + 40px));
	}
	.interview_txt_box + .interview_txt_box {
		margin: 45px 0 0;
	}
	.interview_txt {
		font-size: clamp(18px, 2.34vw, 30px);
	}
	.interview_img_02 {
		margin: 60px auto 0;
		width: 90%;
	}
}
@media only screen and (min-width: 1280px) {
	.voice_ttl_wrap {
		padding: 54px 80px 93px;
	}
	.voice_top_img {
		top: -240px;
		right: 40px;
	}
	.voice_inner {
		padding: 60px 0 160px;
	}
	.voice_lead_txt {
		font-size: 48px;
	}
	.voice_name {
		font-size: 30px;
	}
	.voice_name span {
		font-size: 20px;
	}
	.interview_wrap {
		margin: 179px 0 0;
	}
	.interview_item {
		gap: 0 70px;
		padding: 0 70px 0 0;
	}
	.interview_item:nth-of-type(even) {
		padding: 0 0 0 70px;
	}
	.interview_item + .interview_item {
		margin: 120px 0 0;
	}
	.interview_txt_wrap {
		width: calc(100% - (40% + 70px));
	}
	.interview_txt_box + .interview_txt_box {
		margin: 60px 0 0;
	}
	.interview_txt {
		font-size: 30px;
	}
	.answer_txt {
		margin: 30px 0 0;
	}
	.answer_txt p + p {
		margin: 30px 0 0;
	}
	.interview_img_02 {
		margin: 80px auto 0;
		width: 100%;
		text-align: center;
	}
}
@media only screen and (min-width: 1660px) {
	.voice_top_img {
		right: 80px;
		max-width: 860px;
	}
	.voice_body {
		width: 1600px;
		padding: 0;
		margin: auto;
	}
	.interview_item {
		gap: 0 100px;
	}
	.interview_img {
		width: 630px;
	}
	.interview_txt_wrap {
		width: calc(100% - 730px);
	}
}
/* 募集要項 */
.requirements_inner {
	padding: 38px 0 0;
}
#requirements .sec_ttl_jp {
	color: #222;
	left: 50%;
	transform: translateX(-50%);
}
#requirements .sec_ttl_en {
	text-align: center;
	opacity: .5;
}
.requirements_lead_wrap {
	margin: 40px 0 0;
	display: flex;
	flex-direction: column-reverse;
	gap: 40px 0;
}
.requirements_lead_txt {
	line-height: 2;
}
.requirements_lead_txt p + p {
	margin: 15px 0 0;
}
.features_wrap {
	margin: 30px 0 0;
  display: flex;
	flex-direction: column;
	gap: 47px 0;
}
.features_ttl {
  font-size: 22px;
  line-height: 2;
	display: inline-block;
	position: relative;
}
.features_ttl::after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 5px;
  background: url("../images/common/txt_decoration_02.svg") repeat-x;
	background-size: 5px 5px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.features_box {
  background: #FFF;
  border-radius: 5px;
  padding: 30px 15px;
  position: relative;
}
.features_box + .features_box {
	margin: 37px 0 0;
}
.features_number {
  font-size: 43px;
	color: #F39600;
	line-height: 1.2;
  position: absolute;
  top: -27px;
  left: -16px;
}
.features_box_ttl {
  font-size: 16px;
}
.features_box_txt {
  line-height: 2;
	margin: 15px 0 0;
}
.features_box_txt p + p {
	margin: 10px 0 0;
}
.underline {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: #F39600;
  text-underline-offset: 7px;
}
@media only screen and (min-width: 768px) {
	.requirements_inner {
		padding: 60px 0 0;
	}
	.requirements_lead_wrap {
		margin: 70px 0 0;
		flex-direction: row;
		gap: 0 40px;
	}
	.requirements_lead_txt {
		max-width: 710px;
		margin: 10px 0 0;
	}
  .features_wrap {
    margin: 100px 0 0;
    flex-direction: row;
		justify-content: space-between;
    gap: 0;
  }
  .features_ttl {
    font-size: clamp(22px, 3.75vw, 48px);
		line-height: 1.8;
  }
	.features_ttl::after {
		height: 8px;
		background-size: 8px 8px;
	}
	.features_box_wrap {
		width: 65%;
		margin: 40px 0 0;
	}
	.features_box {
		padding: 30px;
	}
	.features_box + .features_box {
		margin: 45px 0 0;
	}
	.features_number {
		font-size: clamp(43px, 4.9vw, 63px);
		top: -31px;
		left: -19px;
	}
	.features_box_ttl {
    font-size: clamp(16px, 1.87vw, 24px);
	}
}
@media only screen and (min-width: 1280px) {
	.requirements_inner {
		padding: 95px 0 0;
	}
	.requirements_lead_wrap {
		margin: 99px 0 0;
		gap: 0 70px;
	}
	.requirements_lead_txt {
		margin: 30px 0 0;
	}
  .features_wrap {
    margin: 200px 0 0;
  }
  .features_ttl {
    font-size: 48px;
  }
	.features_ttl::after {
		height: 11px;
		background-size: 11px 11px;
	}
	.features_box {
		padding: 50px;
	}
	.features_box + .features_box {
		margin: 51px 0 0;
	}
	.features_number {
		font-size: 63px;
		top: -38px;
		left: -22px;
	}
	.features_box_ttl {
		font-size: 24px;
	}
	.features_box_txt p + p {
		margin: 20px 0 0;
	}
}
@media only screen and (min-width: 1500px) {
	.requirements_lead_wrap {
		gap: 0 100px;
	}
	.features_box_wrap {
		width: 984px;
	}
}

/* 募集要項リスト */
.requirements_list_wrap {
	margin: 80px 0 0;
  background: #FFF;
	border-radius: 5px;
  padding: 41px 12px 30px 17px;
}
.requirements_list_wrap dl {
  padding: 10px 0;
	border-bottom: 1px solid #BFBFBE;
}
.requirements_list_wrap dl:first-child {
  padding: 0 0 10px;
}
.requirements_list_wrap dt {
  font-weight: 700;
}
.requirements_list_wrap dd {
  margin: 5px 0 0;
}
.requirements_list_wrap dd p + p {
  margin: 5px 0 0;
}
.list_item_wrap {
	display: flex;
	flex-direction: column;
	gap: 3px 0;
}
.list_item_wrap li {
	position: relative;
	padding: 0 0 0 15px;
	line-height: 1.5;
}
.list_item_wrap li::before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  background-color: #f39600;
	position: absolute;
	left: 0;
	top: 7px;
}
.workplace_item + .workplace_item {
	margin: 15px 0 0;
}
.workplace_name {
  display: flex;
  align-items: center;
  gap: 0 7px;
  font-size: 16px;
  font-weight: 700;
}
.workplace_name::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
}
.workplace_item_info {
	padding: 0 0 0 16px;
	margin: 5px 0 0;
}
.workplace_name.blue:before {
  background-color: #2a80b7;
}
.workplace_name.pink:before {
  background-color: #e87466;
}
.workplace_name.green:before {
  background-color: #a4c934;
}
.workplace_name.yellow:before {
  background-color: #ffd503;
}
.workplace_name.orange:before {
  background-color: #f39600;
}
.workplace_access {
  font-size: 13px;
}
.list_num_wrap {
	margin: 10px 0 0;
	padding: 0 0 0 15px;
}
.list_num_wrap li + li {
	margin: 5px 0 0;
}
.list_num_wrap li {
	display: flex;
	gap: 0 5px;
}
.margin {
	margin: 5px 0 0;
}
@media only screen and (min-width: 768px) {
  .requirements_list_wrap {
		margin: 120px 0 0;
    padding: 70px 60px 70px 50px;
  }
	.requirements_list_wrap dl {
		padding: 20px 0;
		display: flex;
	}
	.requirements_list_wrap dl:first-child {
		padding: 0 0 20px;
	}
  .requirements_list_wrap dt {
		width: 30%;
		position: relative;
  }
	.requirements_list_wrap dt::after {
		content: "";
		display: block;
		width: 100%;
		height: 2px;
		background: #F39600;
		position: absolute;
		bottom: -21px;
		left: 0;
	}
  .requirements_list_wrap dd {
    margin: 0;
		width: 70%;
  }
	.requirements_list_wrap dd p + p {
		margin: 10px 0 0;
	}
  .list_item_wrap {
    gap: 5px 0;
  }
  .list_item_wrap_02 {
    flex-wrap: wrap;
		flex-direction: row;
    align-items: center;
    gap: 5px 15px;
  }
  .workplace_name {
    font-size: clamp(16px, 1.87vw, 24px);
    gap: 0 10px;
  }
  .workplace_name::before {
    width: 10px;
    height: 10px;
  }
  .workplace_name:nth-of-type(n + 2) {
    margin: 30px 0 0;
  }
	.workplace_item_info {
		margin: 10px 0 0;
	}
  .workplace_access {
    font-size: clamp(13px, 1.4vw, 18px);
  }
	.margin {
		margin: 10px 0 0;
	}
}
@media only screen and (min-width: 1024px) {
  .list_item_wrap {
    gap: 10px 0;
  }
  .list_item_wrap_02 {
    gap: 10px 15px;
  }
	.list_item_wrap li {
		padding: 0 0 0 20px;
	}
  .list_item_wrap li::before {
    width: 10px;
    height: 10px;
  }
	.list_num_wrap li + li {
		margin: 10px 0 0;
	}
	.list_num_wrap li {
		gap: 0 8px;
	}
}
@media only screen and (min-width: 1280px) {
  .requirements_list_wrap {
		margin: 160px 0 0;
    padding: 100px 161px 100px 80px;
  }
	.requirements_list_wrap dl {
		padding: 30px 0;
	}
	.requirements_list_wrap dl:first-child {
		padding: 0 0 30px;
	}
	.requirements_list_wrap dt {
		width: 330px;
	}
	.requirements_list_wrap dt::after {
		bottom: -31px;
	}
	.requirements_list_wrap dd {
		width: calc(100% - 330px);
	}
	.requirements_list_wrap dd p + p {
		margin: 14px 0 0;
	}
  .list_item_wrap {
    gap: 14px 0;
  }
  .list_item_wrap_02 {
    gap: 14px 20px;
  }
  .list_item_wrap li::before {
    top: 10px;
  }
	.workplace_item + .workplace_item {
		margin: 30px 0 0;
	}
  .workplace_name {
    font-size: 24px;
  }
	.workplace_item_info {
		padding: 0 0 0 20px;
		margin: 14px 0 0;
	}
  .workplace_access {
    font-size: 18px;
  }
	.margin {
		margin: 14px 0 0;
	}
}