/* --------------- recruit --------------- */

.bg_pagettl_recruit {
	width: 100%;
	height: 620px;
	margin: 0;
	padding: 0;
	background-image: url(../img/recruit/bg_pagettl.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}
@media screen and (max-width: 970px) {
	.bg_pagettl_recruit { height: 64vw; }
}
@media screen and (max-width: 700px) {
	.bg_pagettl_recruit {
		height: 140vw;
		background-image: url(../img/recruit/sp/bg_pagettl.jpg);
		background-repeat: no-repeat;
	}
}
.col_pagettl_recruit {
	width: 100%;
	max-width: 1260px;
	height: 100%;
	margin: 0 auto;
	padding: 106px 0 0;
	color: #fff;
	box-sizing: border-box;
	display: flex;
	position: relative;
	z-index: 0;
}
@media screen and (max-width: 970px) {
	.col_pagettl_recruit { padding: 70px 0 0; }
}
@media screen and (max-width: 700px) {
	.col_pagettl_recruit {
		padding: calc( 70px + 2vw ) 0 0;
		display: block;
	}
}
.col_pagettl_recruit .bg_navy {
	width: 100vw;
	height: 100%;
	margin: 0;
	transform: skewX(45deg);
	transform-origin: right bottom;
	overflow: hidden;
	position: absolute;
	right: 230px;
	bottom: 0;
	z-index: -1;
}
.col_pagettl_recruit .bg_navy::before {
	content: "";
	width: 0;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #1f2a67;
	transform: skewX(-45deg);
	transform-origin: right bottom;
	transition: width 1s;
	position: absolute;
	right: 0;
	bottom: 0;
}
.active .col_pagettl_recruit .bg_navy::before { width: 100vw; }
@media screen and (max-width: 970px) {
	.col_pagettl_recruit .bg_navy { right: 23.7vw; }
}
@media screen and (max-width: 700px) {
	.col_pagettl_recruit .bg_navy {
		transform: skewX(31deg);
		right: 0;
	}
	.col_pagettl_recruit .bg_navy::before {
		transform: skewX(0);
	}
}
.col_pagettl_recruit .cont_img {
	width: calc( 100% - 330px );
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 0;
}
@media screen and (max-width: 970px) {
	.col_pagettl_recruit .cont_img { width: 66vw; }
}
@media screen and (max-width: 700px) {
	.col_pagettl_recruit .cont_img {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
}
.col_pagettl_recruit .cont_img .balloon {
	font-size: 18px;
	text-align: center;
	line-height: 1.55;
}
@media screen and (max-width: 1200px) {
	.col_pagettl_recruit .cont_img .balloon { font-size: min( 1.5vw, 18px ); }
}
@media screen and (max-width: 700px) {
	.col_pagettl_recruit .cont_img .balloon { font-size: 2.63vw; }
}
.col_pagettl_recruit .cont_img .img1 {
	width: 54.62%;
	margin: 0;
	padding: 0;
	transition: opacity .5s;
	transition-delay: .8s;
	opacity: 0;
	position: absolute;
	top: 36px;
	right: -4.73%;
	z-index: 1;
}
.active .col_pagettl_recruit .cont_img .img1 { opacity: 1; }
.col_pagettl_recruit .cont_img .img1 .balloon {
	width: 44.14%;
	max-width: 226px;
	margin: 0 15% 15px auto;
	padding: 0 0 1.8em;
	background-image: url(../img/recruit/balloon_main1.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	transform: rotate(4deg);
}
@media screen and (max-width: 1200px) {
	.col_pagettl_recruit .cont_img .img1 {
		width: 63.51%;
		top: 60px;
	}
}
@media screen and (max-width: 970px) {
	.col_pagettl_recruit .cont_img .img1 { top: 12vw; }
}
@media screen and (max-width: 700px) {
	.col_pagettl_recruit .cont_img .img1 {
		width: 81.9%;
		top: auto;
		left: 10.8%;
		right: auto;
		bottom: 0;
	}
	.col_pagettl_recruit .cont_img .img1 .balloon {
		margin: 0;
		padding: 0 0 1.4em 2%;
		background-image: url(../img/recruit/sp/balloon_main1.svg);
		background-size: 68% auto;
		transform: rotate(-10deg);
		position: absolute;
		top: -4%;
		left: 12%;
	}
	
}
.col_pagettl_recruit .cont_img .img2 {
	width: 40.32%;
	margin: 0;
	padding: 0;
	transition: opacity .5s;
	transition-delay: 1.1s;
	opacity: 0;
	position: absolute;
	top: 36px;
	left: 1.2%;
	z-index: 0;
}
.active .col_pagettl_recruit .cont_img .img2 { opacity: 1; }
.col_pagettl_recruit .cont_img .img2 .balloon {
	width: 56.76%;
	max-width: 210px;
	margin: 0 0 0 3%;
	padding: 1em 0 2.6em 0.4em;
	background-image: url(../img/recruit/balloon_main2.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	transform: rotate(-4deg);
}
@media screen and (max-width: 1200px) {
	.col_pagettl_recruit .cont_img .img2 {
		width: 46.88%;
		top: 70px;
	}
}
@media screen and (max-width: 700px) {
	.col_pagettl_recruit .cont_img .img2 {
		width: 57.22%;
		top: auto;
		left: -16.2vw;
		bottom: -3vw;
	}
	.col_pagettl_recruit .cont_img .img2 .balloon {
		width: 27vw;
		margin: 0 20% 2vw auto;
		padding: 1em 0 2em 0.4em;
		background-image: url(../img/recruit/sp/balloon_main2.svg);
	}
}
.col_pagettl_recruit .cont_img .img3 {
	width: 43%;
	margin: 0;
	padding: 0;
	transition: opacity .5s;
	transition-delay: 1.4s;
	opacity: 0;
	position: absolute;
	top: 84px;
	left: 34.83%;
	z-index: -1;
}
.active .col_pagettl_recruit .cont_img .img3 { opacity: 1; }
.col_pagettl_recruit .cont_img .img3 .balloon {
	width: 83.25%;
	max-width: 333px; 
	margin: 0 0 14px 3%;
	padding: 0.5em 0 1.8em 14%;
	background-image: url(../img/recruit/balloon_main3.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	position: relative;
	left: -14%;
}
@media screen and (max-width: 1200px) {
	.col_pagettl_recruit .cont_img .img3 {
		width: 50%;
		top: 0;
	/*	bottom: 0; */
	}
}
@media screen and (max-width: 700px) {
	.col_pagettl_recruit .cont_img .img3 {
		width: 58.47%;
		top: auto;
		left: 20vw;
		bottom: 40vw;
	}
	.col_pagettl_recruit .cont_img .img3 .balloon {
		width: 41.66vw;
		margin: 0 0 2vw;
		padding: 0.8em 0 1.4em 11%;
		left: -25%;
	}
}
.col_pagettl_recruit .cont_txt {
	width: 330px;
	margin: 0;
	padding: 0 0.4em 0 0;
	font-size: 84px;
	font-weight: 500;
	line-height: 1.2;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
@media screen and (max-width: 970px) {
	.col_pagettl_recruit .cont_txt {
		width: 34vw;
		font-size: 8.66vw;
	}
}
@media screen and (max-width: 700px) {
	.col_pagettl_recruit .cont_txt {
		width: 100%;
		padding: 0;
		font-size: 14.86vw;
		line-height: 1.05;
		display: flex;
		justify-content: flex-end;
	}
}
.bg_gray1 {
	margin: 0;
	padding: 0;
	background-color: #ebebec;
}
@media screen and (max-width: 700px) {
	.bg_gray1 { padding: 50px 0 0; }
}
@media screen and (min-width: 851px) {
	.cont_mask {
		margin: 0;
		padding: 0;
		overflow: hidden;
		position: relative;
		z-index: 0;
	}
	.cont_parent .cont_hidden {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		left: 0;
	}
}

.col_recruit1 {
	width: 90%;
	max-width: 1124px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width: 850px) {
	.col_recruit1 { display: block; }
}
.col_recruit1 .cont_txt {
	width: 43%;
	margin: 0;
	padding: 0 0 30px 3%;
	box-sizing: border-box;
}
@media screen and (max-width: 1250px) {
	.col_recruit1 .cont_txt { padding: 0 0 30px; }
}
@media screen and (max-width: 850px) {
	.col_recruit1 .cont_txt {
		width: 100%;
		margin: 0 auto;
	}
}

.col_recruit1 .cont_txt .lead_recruit1 {
	margin: 0 0 35px;
	padding: 0 0 35px;
	font-size: min(3.48vw, 32px);
	font-weight: 500;
	line-height: 1.4;
	position: relative;
}
@media screen and (max-width: 850px) {
	.col_recruit1 .cont_txt .lead_recruit1 {
		font-size: min( 6.388vw, 32px );
		text-align: center;
		line-height: 1.52;
	}
}
@media screen and (max-width: 700px) {
	.col_recruit1 .cont_txt .lead_recruit1 {
		margin: 0 0 26px;
		padding: 0 0 26px;
	}
}
.cont_txt .lead_recruit1 .txt {
	margin: 0;
	padding: 0;
	transition: all 1s;
	opacity: 0;
	position: relative;
	top: 20px;
}
.cont_txt.active .lead_recruit1 .txt {
	opacity: 1;
	top: 0;
}
.col_recruit1 .cont_txt .lead_recruit1 .color { color: #1f2a67; }
.col_recruit1 .cont_txt .lead_recruit1 .ls_left {
	margin-left: -0.4em;
	display: inline-block;
}
.col_recruit1 .cont_txt .lead_recruit1 .ls_right { letter-spacing: -0.4em; }
.col_recruit1 .cont_txt .lead_recruit1 .dot {
	transform: translateX(0);
	left: 3px;
}
@media screen and (max-width: 850px) {
	.col_recruit1 .cont_txt .lead_recruit1 .dot {
		transform: translate(-50%);
		left: 50%;
	}
}
.col_recruit1 .cont_txt .txt_recruit1 {
	margin: 0;
	padding: 0;
	transition: opacity 1s;
	transition-delay: .5s;
	opacity: 0;
}
.col_recruit1 .cont_txt.active .txt_recruit1 { opacity: 1; }
@media screen and (max-width: 850px) {
	.col_recruit1 .cont_txt .txt_recruit1 { text-align: center; }
}
@media screen and (min-width: 701px) {
	.col_recruit1 .cont_txt .txt_recruit1 .iblock { display: inline; }
}
@media screen and (max-width: 450px) {
	.col_recruit1 .cont_txt .txt_recruit1 { text-align: left; }
	.col_recruit1 .cont_txt .txt_recruit1 .iblock { display: inline; }
}
.col_recruit1 .cont_img {
	width: 54%;
	margin: 0;
	padding: 0;
	align-self: flex-end;
	transition: opacity 1s;
	opacity: 0;
}
.col_recruit1 .cont_img.active { opacity: 1; }
@media screen and (max-width: 850px) {
	.col_recruit1 .cont_img {
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
	}
}

.bg_recruit2 {
	margin: 0 0 100px;
	padding: 0;
	position: relative;
	z-index: 0;
}
@media screen and (max-width: 450px) {
	.bg_recruit2 { margin: 0 0 70px; }
}
.bg_recruit2::before {
	content: "";
	width: 100%;
	height: calc( 100% - 280px );
	margin: 0;
	padding: 0;
	background-color: #1f2a67;
	position: absolute;
	top: 140px;
	left: 0;
	z-index: -1;
}
@media screen and (max-width: 700px) {
	.bg_recruit2::before {
		height: calc( 100% - 25vw );
		top: 12.5vw;
	}
}
.col_recruit2 {
	width: 90%;
	max-width: 1128px;
	margin: 0 auto;
	padding: 85px 0;
	background-image: url(../img/recruit/bg_about.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}
@media screen and (max-width: 700px) {
	.col_recruit2 {
		padding: 50px 0;
		background-image: url(../img/recruit/sp/bg_about.jpg);
		background-repeat: no-repeat;
	}
}
@media screen and (max-width: 450px) {
	.col_recruit2 { padding: 12vw 0; }
}
.col_recruit2 .mds_recruit {
	width: 90%;
	margin: 0 auto 45px;
	padding: 0 0 45px;
	color: #fff;
	text-align: center;
	position: relative;
}
@media screen and (max-width: 700px) {
	.col_recruit2 .mds_recruit {
		margin: 0 auto 30px;
		padding: 0 0 30px;
	}
}
@media screen and (max-width: 450px) {
	.col_recruit2 .mds_recruit {
		margin: 0 auto 22px;
		padding: 0 0 22px;
	}
}
.col_recruit2 .mds_recruit .mds {
	margin: 0;
	padding: 0;
	font-size: min( 6.388vw, 37px );
	font-weight: 500;
	line-height: 1.5;
	transition: all 1s;
	opacity: 0;
	position: relative;
	top: 20px;
}
.col_recruit2 .mds_recruit.active .mds {
	opacity: 1;
	top: 0;
}
.col_recruit2 .mds_recruit .en_mds {
	margin: 0;
	padding: 0;
	font-size: min(4.16vw, 20px);
	transition: all 1s;
	transition-delay: .3s;
	opacity: 0;
	position: relative;
	top: 20px;
}
.col_recruit2 .mds_recruit.active .en_mds {
	opacity: 1;
	top: 0;
}
.col_recruit2 .mds_recruit .dot span { background-color: #fff; }
.cont_about_recruit {
	width: 90%;
	max-width: 966px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
@media screen and (max-width: 700px) {
	.cont_about_recruit {
		display: block;
	}
}
.cont_about_recruit .box {
	width: calc((100% - 32px)/3);
	margin: 0 16px 16px 0;
	padding: 25px 20px 28px;
	background-color: #fff;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: center;
	transition: all 1s;
	opacity: 0;
	position: relative;
	z-index: 0;
	top: 20px;
}
@media screen and (min-width: 971px) {
	.cont_about_recruit .box:nth-child(3) { transition-delay: .6s; }
}
@media screen and (min-width: 701px) {
	.cont_about_recruit .box:nth-child(2),
	.cont_about_recruit .box:nth-child(5) { transition-delay: .3s; }
}
.cont_about_recruit .box:nth-child(3),
.cont_about_recruit .box:last-child { margin-right: 0; }
.cont_about_recruit .box.active {
	opacity: 1;
	top: 0;
}
@media screen and (max-width: 970px) {
	.cont_about_recruit .box {
		width: calc( (100% - 16px)/2 );
	}
	.cont_about_recruit .box:nth-child(2) { margin-right: 0; }
	.cont_about_recruit .box:nth-child(3) { margin: 0 calc(25% + 4px ) 16px; }
}
@media screen and (max-width: 700px) {
	.cont_about_recruit .box {
		width: 100%;
		margin: 0 auto 16px;
	}
	.cont_about_recruit .box:nth-child(2),
	.cont_about_recruit .box:nth-child(3) { margin: 0 auto 16px; }
}
.cont_about_recruit .box::before {
	content: "";
	width: calc( 100% - 20px );
	height: calc( 100% - 20px );
	margin: 0;
	padding: 0;
	border: solid 1px #02507f;
	box-sizing: border-box;
	position: absolute;
	top: 10px;
	left: 10px;
}
@media screen and (max-width: 700px) {
	.cont_about_recruit .box::before {
		width: calc( 100% - 2.8vw );
		height: calc( 100% - 2.8vw );
		top: 1.4vw;
		left: 1.4vw;
	}
}
.cont_about_recruit .box .submds {
	width: 100%;
	margin: 0 0 10px;
	padding: 0;
	color: #02507f;
	font-size: min( 2.8vw, 21px );
	font-weight: 500;
	text-align: center;
	line-height: 1.48;
}
@media screen and (max-width: 700px) {
	.cont_about_recruit .box .submds { font-size: min(5.25vw, 21px); }
}
.cont_about_recruit .box .txt {
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
	text-align: center;
}
.cont_about_recruit .box .icon {
	margin: 0 auto;
	padding: 0;
}
.cont_about_recruit .box.about1 .icon { width: 70.86%; }
.cont_about_recruit .box.about2 .txt { margin: 0 0 11px; }
.cont_about_recruit .box.about2 .icon { width: 29.48%; }
.cont_about_recruit .box.about3 .icon {
	width: 33.3%;
	padding: 0 0 0 3%;
}
@media screen and (max-width: 700px) {
	.cont_about_recruit .box.about1 .icon {
		width: 77.89%;
		max-width: 205px;
	}
	.cont_about_recruit .box.about2 .icon {
		width: 32.42%;
		max-width: 86px;
	}
	.cont_about_recruit .box.about3 .icon {
		width: 35.37%;
		max-width: 88px;
	}
}
.cont_about_recruit .box.about4,
.cont_about_recruit .box.about5 {
	width: calc(( 100% - 16px )/2 );
	margin-bottom: 0;
}
@media screen and (max-width: 700px) {
	.cont_about_recruit .box.about4 {
		width: 100%;
		margin: 0 auto 16px;;
	}
	.cont_about_recruit .box.about5 {
		width: 100%;
	}
}
.cont_about_recruit .box.about4 .txt {
	width: 230px;
	order: 1;
}
.cont_about_recruit .box .icon_left {
	width: calc( (100% - 230px )/2 );
	text-align: right;
}
.cont_about_recruit .box .icon_left img { max-width: 89px; }
.cont_about_recruit .box .icon_right {
	width: calc( (100% - 230px )/2 );
	text-align: center;
	order: 2;
}
.cont_about_recruit .box .icon_right img { max-width: 92px; }
.cont_about_recruit .box.about5 .submds { margin: 0; }
.cont_about_recruit .box.about5 .txt {
	width: 230px;
	padding: 10px 0 0;
	order: 1;
}
@media screen and (max-width: 970px) {
	.cont_about_recruit .box.about5 .submds { margin: 0 0 10px; }
	.cont_about_recruit .box.about4 .txt,
	.cont_about_recruit .box.about5 .txt {
		width: 100%;
		padding: 0;
		order: 0;
	}
	.cont_about_recruit .box .icon_left {
		width: 34%;
		margin-right: 8%;
	}
	.cont_about_recruit .box .icon_right {
		width: 34%;
		text-align: left;
	}
}

.bg_recruit3 {
	margin: 0;
	padding: 0;
	color: #fff;
	background-color: #1f2a67;
	overflow: hidden;
}
.col_recruit3 {
	width: 90%;
	max-width: 1000px;
	min-height: 470px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: relative;
	z-index: 0;
}
@media screen and (max-width: 850px) {
	.col_recruit3 {
		padding: 65px 0 0;
		display: block;
	}
}
@media screen and (max-width: 700px) {
	.col_recruit3 { padding: 50px 0 0; }
}
.col_recruit3 .cont_txt {
	width: 51.8%;
	margin: 0;
	padding: 0;
}
@media screen and (max-width: 850px) {
	.col_recruit3 .cont_txt {
		width: 100%;
		margin: 0 0 25px;
	}
}
.col_recruit3 .cont_txt .mds_recruit {
	margin: 0 0 30px;
	padding: 0 0 30px;
	position: relative;
	z-index: 0;
}
@media screen and (max-width: 850px) {
	.col_recruit3 .cont_txt .mds_recruit { text-align: center; }
}
@media screen and (max-width: 700px) {
	.col_recruit3 .cont_txt .mds_recruit {
		margin: 0 0 22px;
		padding: 0 0 22px;
	}
}
.col_recruit3 .cont_txt .mds_recruit .mds {
	margin: 0;
	padding: 0;
	font-size: min(6.388vw, 37px);
	font-weight: 500;
	transition: all 1s;
	opacity: 0;
	position: relative;
	top: 20px;
}
.col_recruit3 .cont_txt .mds_recruit.active .mds {
	opacity: 1;
	top: 0;
}
.col_recruit3 .cont_txt .mds_recruit .en_mds {
	margin: 0;
	padding: 0;
	font-size: min(4.166vw, 20px);
	transition: all 1s;
	transition-delay: .3s;
	opacity: 0;
	position: relative;
	top: 20px;
}
.col_recruit3 .cont_txt .mds_recruit.active .en_mds {
	opacity: 1;
	top: 0;
}
@media screen and (min-width: 851px) {
	.col_recruit3 .cont_txt .mds_recruit .dot {
		transform: translateX(0);
		left: 3px;
	}
}
.col_recruit3 .cont_txt .mds_recruit .dot span { background-color: #fff; }
.col_recruit3 .cont_txt .txt {
	transition: all 1s;
	opacity: 0;
	position: relative;
	top: 20px;
}
.col_recruit3 .cont_txt .txt.active {
	opacity: 1;
	top: 0;
}
.col_recruit3 .cont_img {
	width: 112vw;
	max-width: 1124px;
	margin: 0;
	padding: 0;
	transition: opacity 1s;
	opacity: 0;
	position: absolute;
	top: 30px;
	right: 38.5%;
}
.col_recruit3 .cont_img.active { opacity: 1; }
@media screen and (max-width: 850px) {
	.col_recruit3 .cont_img {
		width: 100%;
		max-width: unset;
		height: 60.76vw;
		max-height: 350px;
		position: relative;
		top: 0;
		right: 0;
	}
	.col_recruit3 .cont_img img {
		width: 173.6vw;
		max-width: 1000px;
		position: absolute;
		top: 0;
		right: -17.68vw;
	}
}
@media screen and (min-width: 851px) {
	.col_recruit3 .cont_img::before {
		content: "";
		width: 100px;
		height: 100%;
		margin: 0;
		padding: 0;
		background: linear-gradient( 90deg, rgba(31,42,103,1), rgba(31,42,103,0) );
		position: absolute;
		top: 0;
		left: 0;
	}
}
.col_slide_recruit {
	margin: 0 0 110px;
	padding: 0;
}
@media screen and (max-width: 450px) {
	.col_slide_recruit { margin: 0 0 60px; }
}
.col_slide_recruit .slider .img_slide {
	width: 100vw;
	max-width: 390px;
	margin: 0;
	padding: 0;
}
.col_slide_recruit .slider .img_slide img { width: 100%; }
.bg_recruit4 {
	margin: 0;
	padding: 0 0 100px;
	position: relative;
	z-index: 0;
}
.bg_recruit4::before {
	content: "";
	width: 100%;
	height: calc( 100% - 100px );
	margin: 0;
	padding: 0;
	background-color: #1f2a67;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
}
@media screen and (max-width: 450px) {
	.bg_recruit4 { padding: 0 0 10vw; }
	.bg_recruit4::before { height: calc( 100% - 10vw ); }

}
.col_recruit4 {
	width: 90%;
	max-width: 1090px;
	margin: 0 auto;
	padding: 75px 0 40px;
	background-color: #fff;
	position: relative;
	z-index: 0;
}
@media screen and (max-width: 700px) {
	.col_recruit4 { padding: 50px 0 10px; }
}
.col_recruit4::before {
	content: "";
	width: 1px;
	height: 0;
	margin: 0;
	padding: 0;
	background-color: #000;
	transform: translateX(-50%);
	transition: height 1s;
	position: absolute;
	top: -43px;
	left: 50%;
}
.col_recruit4.active::before { height: 86px; }
@media screen and (max-width: 700px) {
	.col_recruit4::before { top: -30px; }
	.col_recruit4.active::before { height: 60px; }
}
.col_recruit4 .mds_recruit {
	margin: 0 0 45px;
	padding: 0 0 40px;
	position: relative;
	z-index: 0;
}
@media screen and (max-width: 700px) {
	.col_recruit4 .mds_recruit {
		margin: 0 0 30px;
		padding: 0 0 30px;
	}
}
@media screen and (max-width: 450px) {
	.col_recruit4 .mds_recruit {
		margin: 0 0 24px;
		padding: 0 0 24px;
	}
}
.col_recruit4 .mds_recruit .mds {
	margin: 0;
	padding: 0;
	font-size: min(6.38vw, 37px);
	font-weight: 500;
	text-align: center;
	line-height: 1.4;
	transition: all 1s;
	opacity: 0;
	position: relative;
	top: 20px;
}
.col_recruit4 .mds_recruit.active .mds {
	opacity: 1;
	top: 0;
}
.col_recruit4 .mds_recruit .en_mds {
	margin: 0;
	padding: 0;
	font-size: min(4.166vw, 20px);
	text-align: center;
	line-height: 1.4;
	transition: all 1s;
	transition-delay: .3s;
	opacity: 0;
	position: relative;
	top: 20px;
}
.col_recruit4 .mds_recruit.active .en_mds {
	opacity: 1;
	top: 0;
}
.cont_recruit4 {
	width: 90%;
	max-width: 894px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
@media screen and (max-width: 700px) {
	.cont_recruit4 { display: block; }
}
.cont_recruit4 a.cont_interview {
	width: 45.8%;
	margin: 0 8.4% 6% 0;
	padding: 0;
	color: #fff;
	display: block;
	transition: all 1s;
	opacity: 0;
	overflow: hidden;
	position: relative;
	top: 20px;
	z-index: 0;
}
.cont_recruit4 a.cont_interview.active {
	opacity: 1;
	top: 0;
}
@media screen and (max-width: 850px) {
	.cont_recruit4 a.cont_interview {
		width: 47%;
		margin: 0 6% 6% 0;
	}
}
@media screen and (min-width: 701px) {
	.cont_recruit4 a.cont_interview:nth-child(even) {
		margin-right: 0;
		transition-delay: .3s;
	}
}
@media screen and (max-width: 700px) {
	.cont_recruit4 a.cont_interview {
		width: 100%;
		margin: 0 auto 6%;
	}
}
.cont_recruit4 a.cont_interview > img { transition: transform 0.5s; }
.cont_recruit4 a.cont_interview:hover > img { transform: scale(1.1); }
.cont_recruit4 a.cont_interview .cont_txt {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 6%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: absolute;
	top: 0;
	left: 0;
}
.cont_recruit4 a.cont_interview .cont_txt .num {
	width: 6vw;
	max-width: 60px;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 0;
}
@media screen and (max-width: 700px) {
	.cont_recruit4 a.cont_interview .cont_txt .num {
		width: 11.11vw;
		max-width: unset;
	}
}
.cont_recruit4 a.cont_interview .cont_txt .num::before {
	content: "";
	width: 6.6vw;
	max-width: 66px;
	height: 6.6vw;
	max-height: 66px;
	margin: 0;
	padding: 0;
	background: linear-gradient(135deg, rgba(255,255,255,0) calc(50% - 1px ), rgba(255,255,255,1) 50%, rgba(255,255,255,0) calc(50% + 1px ) );
	transform: translateX( calc( 50% - 3px ) );
	position: absolute;
	top: 0;
	right: 0;
}
@media screen and (max-width: 700px) {
	.cont_recruit4 a.cont_interview .cont_txt .num::before {
		width: 12.5vw;
		max-width: unset;
		height: 12.5vw;
		max-height: unset;
		transform: translateX( calc( 50% - 0.8vw ) );
	}
}
.cont_recruit4 a.cont_interview .cont_txt .txt_info {
	margin: 0;
	padding: 0;
	line-height: 1.5;
}
.cont_recruit4 a.cont_interview .cont_txt .txt_info .name {
	font-size: 22px;
	font-weight: 500;
	line-height: 1.1;
}

.bg_recruit5 {
	margin: 0;
	padding: 68px 0;
	background-image: url(../img/recruit/bg_entry.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	position: relative;
	z-index: 0;
}
@media screen and (max-width: 600px) {
	.bg_recruit5 {
		background-image: url(../img/recruit/sp/bg_entry.jpg);
		background-repeat: no-repeat;
	}
}
.bg_recruit5 .en_recruit5 {
	width: auto;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: -2px;
}
@media screen and (max-width: 600px) {
	.bg_recruit5 .en_recruit5 { right: -0.6%; }
}
.bg_recruit5 .en_recruit5 img {
	width: auto;
	height: 100%;
	opacity: 0.4;
}
.bg_recruit5 .col_recruit5 {
	width: 90%;
	max-width: 1090px;
	margin: 0 auto;
	padding: 0;
	color: #fff;
}
@media screen and (min-width: 601px) {
	.bg_recruit5 .col_recruit5 br.min { display: none; }
}
.bg_recruit5 .col_recruit5 .mds_recruit {
	margin: 0 0 26px;
	padding: 0 0 26px;
	position: relative;
	z-index: 0;
}
.bg_recruit5 .col_recruit5 .mds_recruit .lead {
	margin: 0;
	padding: 0;
	font-size: 46px;
	font-weight: 500;
	line-height: 1.2;
	transition: all 1s;
	opacity: 0;
	position: relative;
	top: 20px;
}
.bg_recruit5 .col_recruit5.active .mds_recruit .lead {
	opacity: 1;
	top: 0;
}
@media screen and (max-width: 600px) {
	.bg_recruit5 .col_recruit5 .mds_recruit .lead { font-size: 11vw; }
}
.bg_recruit5 .col_recruit5 .mds_recruit .lead .ls { letter-spacing: 0.05em; }
.bg_recruit5 .col_recruit5 .mds_recruit .dot {
	transform: translateX(0);
	left: 3px;
}
.bg_recruit5 .col_recruit5 .mds_recruit .dot span { background-color: #fff; }
.bg_recruit5 .col_recruit5 .txt_entry_recruit {
	margin: 0 0 28px;
	padding: 0;
	transition: all 1s;
	transition-delay: .5s;
	opacity: 0;
	position: relative;
	top: 20px;
}
.bg_recruit5 .col_recruit5.active .txt_entry_recruit {
	opacity: 1;
	top: 0;
}
@media screen and (max-width: 600px) {
	.bg_recruit5 .col_recruit5 .txt_entry_recruit {
		letter-spacing: 0.1em;
		line-height: 2;
	}
}
.col_recruit5 a.btn_entry_recruit {
	width: 208px;
	height: 44px;
	margin: 0;
	padding: 0;
	color: #fff;
	border: solid 1px #fff;
	border-radius: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.col_recruit5 a.btn_entry_recruit .inner {
	width: 10em;
	height: 1.5em;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.col_recruit5 a.btn_entry_recruit .inner .btntxt {
	line-height: 1.5;
	display: inline-block;
}
.col_recruit5 a.btn_entry_recruit:hover .inner .btntxt { animation: btn-hover1 1s forwards; }
@keyframes btn-hover1 {
	0% { transform: translateY(100%); }
	100% { transform: translateY(0%); }
}
.col_recruit5 a.btn_entry_recruit .arrow {
	width: 10px;
	height: 10px;
	margin: 0 0 0 8px;
	padding: 0;
	position: relative;
	z-index: 0;
}
.col_recruit5 a.btn_entry_recruit .arrow::before {
	content: "";
	width: 100%;
	height: 3px;
	margin: 0;
	padding: 0;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	transform: skewX(45deg);
	transition: width .3s;
	position: absolute;
	top: calc( 50% - 2px );
	left: 0;
}
.col_recruit5 a.btn_entry_recruit:hover .arrow::before { width: calc( 100% + 3px ); }