@charset "UTF-8";



/* ------------------------------
	.head_ttl_box
------------------------------ */
.head_ttl_box{
	background: url(../img/recruit/head_ttl_img3.jpg) no-repeat center center;
	background-size: cover;
}


@media screen and (max-width: 768px) {
	.head_ttl_box{
		background: url(../img/recruit/head_ttl_img3_sp.jpg) no-repeat center center;
		background-size: cover;
	}
}



/* ------------------------------
	.recruit
------------------------------ */
.recruit{
	position: relative;
	padding: 100px 0;
}

.recruit .flow{
	margin-bottom: 100px;
}

.recruit .flow .str_ttl{
	margin-bottom: 65px;
}

.recruit .flow_list{
	display: flex;
	flex-wrap: wrap;
}

.recruit .flow_box{
	position: relative;
	width: 18%;
	padding: 40px 25px;
	background: #fff;
}

.recruit .flow_box + .flow_box{
	margin-left: 2.5%;
}

.recruit .flow_box + .flow_box::after{
	position: absolute;
	bottom: 0;
	top: 0;
	left: -9%;
	margin: auto;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-left: 10px solid #253a62;
	border-bottom: 7px solid transparent;
}

.recruit .flow_box .num{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	margin: 0 auto 15px;
	background: #253a62;
	border-radius: 50%;
	text-align: center;
	font-weight: bold;
	color: #fff;
	font-size: 2.1rem;
}

.recruit .flow_box .ttl{
	margin-bottom: 10px;
	line-height: 1.6;
	text-align: center;
	font-weight: bold;
	font-size: 2.1rem;
}

.recruit .flow_box .txt{
	font-size: 1.4rem;
	line-height: 1.8;
}


@media screen and (max-width: 768px){
	.recruit{
		padding: 50px 0;
	}

	.recruit .flow .str_ttl{
		margin-bottom: 40px;
	}

	.recruit .flow{
		margin-bottom: 50px;
	}

	.recruit .flow_box{
		display: flex;
		align-items: center;
		justify-content: center;
		width: calc(50% - 11px);
		padding: 22px 0;
	}

	.recruit .flow_box + .flow_box{
		margin-left: 0;
	}
	.recruit .flow_box:nth-child(n + 3){
		margin-top: 22px;
	}
	.recruit .flow_box:nth-child(even){
		margin-left: 22px;
	}

	.recruit .flow_box:nth-child(5){
		width: 100%;
	}

	.recruit .flow_box .num{
		flex-shrink: 0;
		width: 26px;
		height: 26px;
		margin: 0 10px 0 0;
		font-size: 1.3rem;
	}

	.recruit .flow_box .ttl{
		margin-bottom: 0;
		min-width: 75px;
		font-size: 1.5rem;
		text-align: left;
	}

	.recruit .flow_box:nth-child(5) .ttl{
		min-width: 0;
	}

	.recruit .flow_box .txt{
		display: none;
	}

	.recruit .flow_box + .flow_box::after{
		left: -14px;
		border-top: 5px solid transparent;
		border-left: 8px solid #253a62;
		border-bottom: 5px solid transparent;
	}

	.recruit .flow_box:nth-child(1){
		order: 1;
	}
	.recruit .flow_box:nth-child(2){
		order: 2;
	}
	.recruit .flow_box:nth-child(5){
		order: 5;
	}

	.recruit .flow_box:nth-child(3){
		order: 4;
		margin-left: 20px;
	}
	.recruit .flow_box:nth-child(4){
		order: 3;
		margin-left: 0;
	}

	.recruit .flow_box:nth-child(3)::after{
		left: 0;
		right: 0;
		top: -15px;
		bottom: auto;
		border-top: 8px solid #253a62;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: none;
	}

	.recruit .flow_box:nth-child(4)::after{
		right: -14px;
		left: auto;
		border-top: 5px solid transparent;
		border-right: 8px solid #253a62;
		border-bottom: 5px solid transparent;
		border-left: none;
	}

	.recruit .flow_box:nth-child(5)::after{
		left: 0;
		right: 52%;
		top: -15px;
		bottom: auto;
		border-top: 8px solid #253a62;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: none;
	}
}



/* ------------------------------
	.recruit_wrap
------------------------------ */
.recruit_box_wrap{
	margin-top: 60px;
}

.recruit_wrap .recruit_ttl{
	padding-left: 15px;
	margin-bottom: 35px;
	border-left: 10px solid #253a62;
	font-size: 2.5rem;
	font-weight: bold;
	line-height: 1.6;
}

.recruit_wrap .recruit_tab{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}

.recruit_wrap .recruit_tab .tab{
	position: relative;
	z-index: 1;
	width: 20%;
	padding-right: 15px;
}
.recruit_wrap .recruit_tab .tab:nth-child(n + 6){
	margin-top: 10px;
}

.recruit_wrap .recruit_tab .tab::before{
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	content: "";
	display: block;
	width: 100%;
	border-bottom: 3px solid #253a62;
}

.recruit_wrap .recruit_tab .tab a{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 100%;
	height: 57px;
	border: 1px solid #253a62;
	background: #fff;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.recruit_wrap .recruit_tab .tab.current a{
	background: #253a62;
	color: #fff;
}
@media screen and (min-width: 769px) {
	.recruit_wrap .recruit_tab .tab a:hover{
		opacity: 1;
		background: #253a62;
		color: #fff;
	}
}

.recruit_wrap .recruit_list{
	display: none;
	padding: 45px 15px;
}
.recruit_wrap .recruit_list.active{
	display: block;
}

.recruit_box{
	display: none;
	background: #fff;
	padding: 80px 100px 65px;
}
.recruit_box.active{
	display: block;
}

.recruit_box .ttl{
	margin-bottom: 35px;
	font-size: 2.1rem;
	font-weight: bold;
	line-height: 1.6;
}

.recruit_box dl{
	display: flex;
	padding: 22px 0;
	border-bottom: 1px solid rgba(37,58,98, 0.3);
}

.recruit_box dt,
.recruit_box dd{
	word-break: break-all;
	line-height: 1.8;
}

.recruit_box dt{
	flex-shrink: 0;
	width: 250px;
}

.recruit_box dd{
	width: 100%;
}


@media screen and (max-width: 768px) {
	.recruit_wrap .str_ttl{
		margin-bottom: 40px;
	}

	.recruit_box_wrap{
		margin-top: 0;
	}

	.recruit_box_wrap + .recruit_box_wrap{
		margin-top: 60px;
	}

	.recruit_wrap .recruit_ttl{
		margin-bottom: 30px;
		padding-left: 10px;
		font-size: 2.0rem;
		border-width: 7px;
	}

	.recruit_wrap .recruit_tab .tab{
		width: 50%;
		padding-right: 3px;
	}
	.recruit_wrap .recruit_tab .tab:nth-child(even){
		padding-right: 0;
		padding-left: 3px;
	}
	.recruit_wrap .recruit_tab .tab:nth-child(n + 3),
	.recruit_wrap .recruit_tab .tab:nth-child(n + 6){
		margin-top: 8px;
	}

	.recruit_wrap .recruit_tab .tab a{
		height: 40px;
	}

	.recruit_box{
		padding: 35px 5%;
	}

	.recruit_box .ttl{
		margin-bottom: 30px;
		text-align: center;
		font-size: 1.8rem;
	}

	.recruit_box dl{
		flex-direction: column;
		padding: 0;
		border-bottom: none;
	}
	.recruit_box dl:last-child{
		border-bottom: 1px solid rgba(37,58,98, 0.3);
	}

	.recruit_box dt,
	.recruit_box dd{
		padding: 15px 4%;
		border-top: 1px solid rgba(37,58,98, 0.3);
	}

	.recruit_box dt{
		width: 100%;
		background: #f5f5f5;
	}
}



/* ------------------------------
	.interview_wrap
------------------------------ */
.interview_wrap{
	padding: 0 0 100px;
}

.interview_wrap .str_ttl{
	margin-bottom: 60px;
}

.interview_list{
	display: flex;
	justify-content: center;
}

.interview_list .interview_box{
	width: 32%;
}

@media screen and (min-width: 769px) {
	.interview_list .interview_box:nth-child(2){
		transition-delay: 0.3s;
	}
	.interview_list .interview_box:nth-child(3){
		transition-delay: 0.6s;
	}
}

.interview_list .interview_box + .interview_box{
	margin-left: 2%;
}

.interview_list .interview_box a{
	position: relative;
	display: block;
	width: 100%;
	padding-top: 67%;
}

@media screen and (min-width: 769px){
	.interview_list .interview_box a .txt_box *{
		-webkit-transition: all .4s ease;
		transition: all .4s ease;
	}
	.interview_list .interview_box a:hover{
		opacity: 1;
	}

	.interview_list .interview_box a:hover .txt_wrap{
		background: #253a62;
	}
	.interview_list .interview_box a:hover .txt_wrap *{
		color: #fff;
	}

	.interview_list .interview_box a:hover .txt_wrap::before,
	.interview_list .interview_box a:hover .txt_wrap::after{
		border-color: #fff;
	}
}

.interview_list .interview_box .txt_wrap{
	position: relative;
	z-index: 2;
	width: 240px;
	min-height: 180px;
	padding: 25px;
	margin: 0 auto;
	background: #fff;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.interview_list .interview_box .img{
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	width: 100%;
	padding-top: 80%;
	overflow: hidden;
}
.interview_list .interview_box .img img{
	position: absolute;
	height: auto;
	top: 50%;
	left: 50%;
	height: auto;
	min-height: 100%;
	min-width: 100%;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	overflow: hidden;
}

.interview_list .interview_box .txt_wrap .num{
	font-size: 4.8rem;
	margin-right: 20px;
}
.interview_list .interview_box .txt_wrap .txt{
	font-size: 1.8rem;
	line-height: 1.6;
}
.interview_list .interview_box .txt_wrap .txt.min,
.interview_list .interview_box .txt_wrap .txt .min{
	font-size: 1.2rem;
}

.interview_list .interview_box .txt_wrap .txt + .txt{
	margin-top: 2px;
}

.interview_list .interview_box .txt_box{
	display: flex;
}

.interview_list .interview_box .btn{
	margin: 15px auto 0;
}
.interview_list .interview_box .btn_nolink{
	width: 170px;
	font-size: 1.4rem;
}

.interview_wrap .round_btn{
	margin-top: 100px;
}


@media screen and (max-width: 768px){
	.interview_wrap{
		padding: 0 0 50px;
	}

	.interview_wrap .str_ttl{
		margin-bottom: 30px;
	}

	.recruit .btn{
		margin-top: 25px;
	}

	.interview_list{
		flex-direction: column;
		width: 100%;
	}

	.interview_list .interview_box{
		width: 100%;
	}
	.interview_list .interview_box + .interview_box{
		margin-left: 0;
		margin-top: 20px;
	}

	.interview_list .interview_box a{
		padding-top: 64%;
	}

	.interview_list .interview_box .txt_wrap{
		width: 210px;
		height: auto;
		min-height: 150px;
		padding: 20px;
	}

	.interview_list .interview_box .txt_wrap .num{
		font-size: 3.8rem;
	}

	.interview_list .interview_box .txt_wrap .txt{
		font-size: 1.5rem;
	}

	.interview_list .interview_box .btn_nolink{
		width: 130px;
		font-size: 1.2rem;
	}

	.interview_wrap .round_btn{
		margin-top: 50px;
	}
}



/* ------------------------------
	20241212
------------------------------ */
.recruit_wrap .tab_ttl{
	margin-bottom: 10px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.6;
}


@media screen and (max-width: 768px) {
	.recruit_wrap .tab_ttl{
		font-size: 1.4rem;
	}
}