@charset "utf-8";
/* CSS Document */

/* こんな仕事
========================================== */
.recruit_wrap{
	display: flex;
	justify-content: center;
}
.recruit_wrap.col-2 .box{
	margin-right: 40px;
	width: calc((100% - 40px)/2);
}
.recruit_wrap.col-3 .box{
	margin-right: 40px;
	width: calc((100% - 80px)/3);
}
.recruit_wrap.col-2 .box:nth-child(even){margin-right: 0;}
.recruit_wrap .img{margin-bottom: 1em;text-align: center;}
.recruit_wrap .img img{
	max-width: 100%;
	height: auto;
}

@media screen and (max-width: 1200px) {
	.recruit_wrap{flex-wrap: wrap;}
	.recruit_wrap.col-3 .box{
		margin-right: 20px;
		width: calc((100% - 20px)/2);
	}
	.recruit_wrap.col-3 .box:nth-child(even){margin-right: 0;}
}
@media screen and (max-width: 768px) {
	.recruit_wrap.col-3 .box{width: 100%;margin-bottom: 50px;margin-right: 0;}
	.recruit_wrap .img{width: 40%;float: left;margin-right: 1em;}
	.recruit_wrap .img.txt_no{width: 100%;float: none;margin-right: 0;}
}
@media screen and (max-width: 599px) {
	.recruit_wrap.col-2 .box{width: 100%;margin-bottom: 50px;margin-right: 0;}
	.recruit_wrap .img{width: 100%;float: none;margin-right: 0;}
}

/* インタビュー
========================================== */
.recruit_txt{
	margin-bottom:2em!important;
	font-size: 1.8rem;
	text-align: center;}

.interview_box{
	margin-bottom: 50px;
}

.interview_box .faq{
	margin-bottom: 30px;
	padding: 0 60px;
}

.interview_box .faq dt,
.interview_box .faq dd{
	position: relative;
	padding:1.5em 1em 1.5em 5em;
}
.interview_box .faq dt{
	border-bottom: 1px solid #e5e5e5;}

.interview_box .faq dd{
	margin-left: 2em;
	border-bottom: 1px solid #e5e5e5;}

.interview_box .faq dt::before,
.interview_box .faq dd::before{
	position: absolute;
	top: 0.4em;
	left:1em;
	font-size: 3rem;
}

.interview_box .faq dt::before{
	content: "Q";
	color: var(--main-color);
}
.interview_box .faq dd::before{
	content: "A";
	color: var(--sub-color);
}

@media screen and (max-width: 1200px) {
	.interview_box .faq{
		margin-bottom: 30px;
		padding:0;
	}
}
@media screen and (max-width: 768px) {
	.interview_box .faq dd{margin-left:0;}
}
@media screen and (max-width: 599px) {
	.interview_box .faq dt,
	.interview_box .faq dd{
		padding:1.5em 1em 1.5em 3em;
	}
	.interview_box .faq dt::before,
	.interview_box .faq dd::before{
		left:0.3em;
	}
	
}


/* 福利厚生
========================================== */
.fukuri_menu{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 50px;}
.fukuri_menu li{
	line-height: 1.2;
	margin-right: 25px;
	width: calc((100% - 75px)/4);
	font-size: clamp(1.6rem,3vw,2rem);
	text-align: center;
	color: #fff;
	border-radius: 10px;
	background: #1a579f;
	padding:15px 0.2em;
	border: 6px double #fff;
}
.fukuri_menu li:last-child{margin-right: 0;}

@media screen and (max-width: 768px) {
	.fukuri_menu li{
		margin-right: 10px;
		width: calc((100% - 30px)/4);
	}
}

@media screen and (max-width: 599px) {
	.fukuri_menu li{
		margin-bottom: 10px;
		width: calc((100% - 10px)/2);
	}
	.fukuri_menu li:nth-child(even){margin-right: 0;}
}

/* 動画
========================================== */
.recruit_movieWrap{
	max-width: 600px;
	margin: 0 auto 50px;
}
.recruit_movie{
	position: relative;
	padding-top: 56.25%;
}
.recruit_movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}