@charset "UTF-8";
.recruit_wrapper{
	padding-bottom: 5em;
}
.recruit_wrapper .page_title{
	margin-top: 2em;
}
.recruit_wrapper .page_title .title{
	position: static;
	color: #333;
}


@media (min-width: 961px) {
	.gnav{
		display: flex;
		align-items: center;
	}
}


/*  */
.head_inner .logo .add{
	display: block;
	background: #0e329c;
	text-align: center;
	font-size: 65%;
	line-height: 1;
	padding: .3em;
}
.head_inner .logo .add::after{
	content: attr(data-eng);
	margin-left: 1em;
	font-size: 70%;
}


/*  */
.recruit_fv_wrapper{
	margin-bottom: 3em;
	overflow: hidden;
}
.fv_text{
	color: #fff;
	padding: 0 5px .2em;
	margin-top: -1.2em;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: center;
	gap: .5em;
	font-size: min(8vw, 420%);
	line-height: 1;
	position: relative;
	z-index: 2;
	text-shadow:
	3px 0 5px rgba(0,0,0,.4),
	-3px 0 5px rgba(0,0,0,.4),
	0 3px 5px rgba(0,0,0,.4),
	0 -3px 5px rgba(0,0,0,.4),
	3px 3px 5px rgba(0,0,0,.4),
	-3px 3px 5px rgba(0,0,0,.4),
	3px -3px 5px rgba(0,0,0,.4),
	-3px -3px 5px rgba(0,0,0,.4)
	;
	font-family: 'Anton', sans-serif;
}
.recruit_fv .img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}



/*  */
.staff .link{
	text-decoration: none;
}
.staff .image{
	aspect-ratio: 16/9;
	overflow: hidden;
}
.staff .img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	transition: transform .4s cubic-bezier(.24,.61,.52,1);
}
.staff .link:hover .img{
	transform: scale(1.08);
}
.staff .link:hover .button_wrapper .button{
	background: #d90000;
}
.staff .button_wrapper{
	padding: 1em 1em 0;
}
@media (max-width: 550px) {
	.button_wrapper .button.icon{
		padding-left: 10px;
	}
}


/*  */
.info_wrapper{
	background: rgba(0,0,0,.85);
	color: #fff;
	padding-top: 6em;
	padding-bottom: 8em;
}
.info_inner{
	display: flex;
	gap: 3em;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 1040px;
}
.info_inner .block{
	width: calc((100% - 3em)/2);
}
.info_inner .tit{
	font-weight: bold;
	display: flex;
	gap: .5em;
	align-items: center;
	line-height: 1;
	font-size: 120%;
	margin-bottom: 1em;
}
.info_inner .movie{
	aspect-ratio: 16/9;
}
.info_inner .movie iframe{
	display: block;
	object-fit:contain;
	width: 100%;
	height: 100%;
	border: none;
}
.info_inner .pumplet_wrapper{
	display: flex;
	gap: 1em 2em;
	align-items: center;
	background: #494949;
	border: 1px solid #000;
	padding: 2em;
}
.info_inner .pumplet_wrapper .image{
	width: 110px;
}
.info_inner .pumplet_wrapper .linkbtn{
	display: flex;
	flex-direction: column;
	flex: 1;
}
.info_inner .pumplet_wrapper .link{
	text-decoration: none;
	color: #fff;
	display: flex;
	width: 100%;
	max-width: 14em;
	gap: .5em;
	padding: .7em 1.5em;
	font-weight: bold;
	align-items: center;
	box-shadow: 0 3px 3px -3px rgba(0,0,0,.6);
	transition: background .3s;
}
.info_inner .pumplet_wrapper .link.color1{
	background: #2f4d85;
}
.info_inner .pumplet_wrapper .link.color1:hover{
	background:#3867be;
}
.info_inner .pumplet_wrapper .link.color2{
	background: #a00f16;
}
.info_inner .pumplet_wrapper .link.color2:hover{
	background:#d3252d;
}
.info_inner .pumplet_wrapper .link:not(:first-child){
	margin-top: 1em;
}
@media (max-width: 960px) {
	.info_inner{
		flex-direction: column;
	}
	.info_inner .fb_wrapper{
		margin-right: auto;
		margin-left: auto;
		width: 100%;
		max-width: 500px;
	}
	.info_inner .movie_wrapper{
		margin-right: auto;
		margin-left: auto;
		width: 100%;
		max-width: 640px;
	}
}
@media (max-width: 550px) {
	.info_inner .pumplet_wrapper{
		flex-direction: column;
	}
}


/*  */
.info_wrapper + .contact_blockwrapper{
	margin-top: -4em;
}
.contact_blockwrapper{
	margin-bottom: 3em;
}


/*  */
.foot_iso{
	display: flex;
	align-items: center;
	gap: 2em;
}
.foot_iso .text{
	font-weight: bold;
	font-size: 130%;
}
.foot_iso .image{
	width: 200px;
	padding: 1em;
	background: #fff;
}
@media (max-width: 960px) {
	.foot_iso{
		justify-content: center;
		gap: 1em;
	}
	.foot_iso .text{
		font-size: 105%;
	}
	.foot_iso .image{
		width: 130px;
		padding: .5em;
	}
}



/*  */
.staff_dtl{
	display: flex;
	gap: 2em 4em;
	border-bottom: 1px solid #ddd;
	padding-bottom: 3em;
}
.staff_dtl .imagebox{
	width: 100%;
	max-width: 360px;
	display: flex;
	flex-direction: column;
	gap: 2em 1em;
}
.staff_dtl .textbox{
	flex: 1;
}
.staff_name{
	display: flex;
	align-items: baseline;
	gap: 0 .7em;
	flex-wrap: wrap;
}
.staff_name .sub{
	font-size: 60%;
}
@media (max-width: 960px) {
	.staff_dtl{
		flex-direction: column;
	}
	.staff_dtl .imagebox{
		max-width: 100%;
		flex-direction: row;
	}
}