.main_area{
	background:url(../../parttime/img/recruit_bg01.gif) repeat;
	border-top: 10px solid #f2e6cb;
	border-bottom: 10px solid #f2e6cb;
	margin: 100px auto 0;
	padding-bottom: 60px;
}

.content h4{
	padding-top: 65px;
}

.sec01{
	overflow: hidden;
}

.leadBox{
}

.bg_main{
	background:url(../../parttime/img/parttime_img_01.jpg) no-repeat;
	width: 100%;
	height: 500px;
	background-position: left top;
	display: flex;
	justify-content: end;
	align-items: center;
}


.service_box1{
	overflow: hidden;
}

.service_box1 h3{
	color: #fff;
	font-size: 6.4rem;
	text-align: center;
}
	.service_box1 h3 span{
		color: #fff;
		font-size: 2.4rem;
		display: block;
		font-weight: bold;
		margin-bottom: 10px;
	}

.job_box01{
	float: right;
	width: 62%;
	background: rgba(224,117,158,0.94);
	color: #fff;
	padding: 70px 0;
	position: relative;
	z-index: 1;
}

.job_box01 span{
	display: block;
	width: 100%;
}

	/*かぎかっこ*/
	.job_box01:before, .job_box01:after,
	.job_box01 span:before, .job_box01 span:after,

	.job_box02:before, .job_box02:after,
	.job_box02 span:before, .job_box02 span:after,

	.job_box03:before, .job_box03:after,
	.job_box03 span:before, .job_box03 span:after{
		content:'';
		width: 20px;
		height: 20px;
		position: absolute;
		display: inline-block;
	}
	
			.job_box01:before,
			.job_box02:before,
			.job_box03:before{
				border-left: solid 1px #fff;
				border-top: solid 1px #fff;
				top:10px;
				left: 10px;
			}
			
			.job_box01:after,
			.job_box02:after,
			.job_box03:after{
				border-right: solid 1px #fff;
				border-top: solid 1px #fff;
				top:10px;
				right: 10px;
			}

			.job_box01 span:before,
			.job_box02 span:before,
			.job_box03 span:before{
				border-left: solid 1px #fff;
				border-bottom: solid 1px #fff;
				bottom:10px;
				left: 10px;
			}
			
			.job_box01 span:after,
			.job_box02 span:after,
			.job_box03 span:after{
				border-right: solid 1px #fff;
				border-bottom: solid 1px #fff;
				bottom:10px;
				right: 10px;
			}


.leadBox_txt{
	overflow: hidden;
	margin-top: 40px;
}

.lead_txt{
	position: relative;
}

.lead_txt h5{
	color: #fff;
	padding: 7px 15px;
	position: absolute;
	top: 0;
	left: 0;
	max-width: 480px;
	width: 100%;
	font-size: 2.2rem;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.lead_txt h5{
		padding: 9px 22px 6px;
	}
}

	.lead_txt h5.hd01{
		background: rgba(48,100,255,0.9);
	}
	
	.lead_txt h5.hd02{
		background: rgba(153,89,227,0.9);
	}
	
	.lead_txt h5.hd03{
		background: rgba(255,91,66,0.9);
	}
	
	.lead_inner_txt{
		border: 2px solid #819ff5;
		margin: 24px 0 0 60px;
	}
	
		.lead_inner_txt span{
			margin: 3px;
			border: 1px solid #819ff5;
			display: block;
			padding: 35px 24px 25px;
			line-height: 1.8;
		}
	
	.lead_inner_txt.item03{
		border: 2px solid #fd9a84;
		margin: 20px 0 0 62px;
	}
	
		.lead_inner_txt.item03 span{
			margin: 3px;
			border: 1px solid #fd9a84;
			display: block;
			padding: 30px 24px 25px;
		}
	
	.leadBox_txt .lead_txt{
		float: left;
		width: 100%;
		max-width: 529px;
		text-align: left;
		font-size: 1.6rem;
		margin-top: 17px;
		line-height: 1.8;
	}
	
	.leadBox_txt .lead_img{
		float: right;
		width: 100%;
		max-width: 432px;
		margin-top: 10px;
	}
		.leadBox_txt .lead_img ul{
			letter-spacing: -.4em;
			display: flex;
			justify-content: space-between;
		}
		
		.leadBox_txt .lead_img ul li{
			display: inline-block;
			letter-spacing: normal;
		}
		
		.leadBox_txt .lead_img ul li:first-child{
		}

.item_right .leadBox_txt{
	margin-top: 8px;
}

.item_right .leadBox_txt .lead_img{
		float: left;
		width: 100%;
		max-width: 432px;
		margin-left: 7px;
		margin-top: 12px;
	}
	
.item_right .leadBox_txt .lead_txt{
		float: left;
		width: 100%;
		max-width: 520px;
		text-align: left;
		font-size: 1.6rem;
		margin-left: 0px;
	}

	.lead_inner_txt.item02{
		border: 2px solid #c29ae6;
		margin: 24px 0 0 60px;
	}
	
		.lead_inner_txt.item02 span{
			margin: 3px;
			border: 1px solid #c29ae6;
			display: block;
			padding: 30px 24px 25px;
		}

/*主な制度*/
.system_area{
	overflow: hidden;
	text-align: left;
	margin-top: 27px;
}

	.system_area h5{
		color: #e0759e;
		font-size:2.4rem;
		margin-bottom: 17px;
	}
	
	.system_area .system_left{
		float: left;
		width: 660px;
		margin-right: 20px;
		line-height: 1.6;
		font-size: 1.6rem;
	}
	
		.system_area .system_left p{
			line-height: 1.8;
		}
	
	.system_area .system_right{
		float: right;
		margin-top: 10px;
	}
	
	.system_area.box_line01{
		margin-top: 55px;
	}
	
		.system_area.box_line01 p{
			line-height: 1.8;
		}
	
	
/*メインビジュアル位置調整*/
@media screen and (max-width: 1734px) {
	.bg_main {
		background-position: left -80px top;
	}
}

@media screen and (max-width: 1486px) {
	.bg_main {
		background-position: left -200px top;
	}
}

@media screen and (max-width: 1394px) {
	.bg_main {
		background-position: left -250px top;
	}
}

@media screen and (max-width: 1348px) {
	.bg_main {
		background-position: left -230px top;
	}
}

@media screen and (max-width: 1320px) {
	.bg_main {
		background-position: left -150px top;
	}
}
@media screen and (max-width: 1244px) {
	.bg_main {
		background-position: left -300px top;
	}
}

@media screen and (max-width: 1180px) {
	.bg_main {
		background-position: left -364px top;
	}
}

@media screen and (max-width: 1082px) {
	.bg_main {
		background-position: left -400px top;
	}
}

@media screen and (max-width: 993px) {
	.leadBox_txt .lead_txt{
		margin-left: 10px;
		width: 500px;
	}
	
}

@media screen and (max-width: 999px) {
	.system_area .system_left {
		width: 67%;
		max-width: 660px;
	}
	
	.system_area .system_right{
		width: 28%;
	}
}


@media screen and (max-width: 950px) {
	.main_area{
		margin: 120px auto 0;
	}
	
	.bg_main{
		background: url(../../parttime/img/parttime_img_01.jpg) no-repeat;
		background-size: 100%;
		width: 100%;
		height: 400px;
		background-position: left top;
		display: flex;
		justify-content: end;
		align-items: end;
	}
	
	
	.item_right .leadBox_txt .lead_img{
		float: none;
		margin: 20px auto 0px;
	}
	
	.item_right .leadBox_txt .lead_txt{
		max-width: 100%;
		float:none;
	}
	
	.lead_inner_txt.item02 span{
		padding: 55px 24px 25px;
	}

	.job_box01{
		float: none;
		width: 95%;
		margin: 40% auto 0;
		padding: 20px;
	}
	
	.service_box1 h3 {
		color: #fff;
		font-size: 3.6rem;
	}
	
	.leadBox_txt{
		margin-top: 20px;
	}
	
	.leadBox_txt .lead_txt{
		width: 100%;
		max-width: 100%;
		margin: 0;
		float: none;
	}
	
	.leadBox_txt .lead_img{
		margin: 20px auto 0;
		float: none;
		width: 100%;
	}
	
	.lead_inner_txt span{
		padding: 55px 24px 25px !important;
	}
	
	.interviewBox li{
		max-width: 100%;
		margin-left: 0;
		margin-bottom: 20px;
	}
	
	.interviewBox li .interview_img{
		float: left;
		width: 100%;
	}
	
	.iv_icon{
		display: none;
	}
	
	.interview_txt{
		float: left;
		width: 100%;
	}
	
	.sp_iv_icon {
		display: block;
		background: rgba(231,189,55,0.9);
		border-radius: 50%;
		width: 60px;
		height: 60px;
		color: #fff;
		font-size: 2.0rem;
		font-weight: bold;
		line-height: 1.2;
	}
		.sp_iv_icon span{
			font-size: 1.0rem;
			display: block;
			padding-top: 17px;
		}
		
	.description_txt{
		margin-top: 13px;
		font-size: 1.4rem;
	}
	
	.description_name{
		font-size: 1.2rem;
	}

}

@media screen and (max-width: 768px) {
	.main_area {
		margin: 60px auto 0;
	}
	.interview_area{
		margin-top: 40px;
	}

}

@media screen and (max-width: 650px) {
	.main_area {
		margin: 0px auto 0;
	}
	
	.leadBox_txt{
		margin-top: 20px;
	}
	
	.system_area .system_left {
		float: none;
		width: 100%;
	}
	
	.system_area .system_right{
		float: none;
		width: 100%;
		text-align: center;
	}

}

@media screen and (max-width: 479px) {
	.main_area {
		margin: 30px auto 0;
	}
	
	.bg_main{
		height: 300px;
	}
	
	.service_box1 h3{
		font-size: 3.0rem;
	}
	
	.leadBox_txt .lead_img ul li:first-child{
		margin-right: 10px;
	}
	
	.interviewBox{
		margin-top: 20px;
	}
	
	.sp_iv_icon {
		background: rgba(231,189,55,0.9);
		border-radius: 50%;
		width: 55px;
		height: 55px;
		color: #fff;
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 1.2;
	}
		.sp_iv_icon span{
			font-size: 1.0rem;
			display: block;
			padding-top: 17px;
		}


}


@media screen and (max-width: 356px) {
	.bg_main{
		height: 300px;
	}
	
	.service_box1 h3{
		font-size: 3.0rem;
	}
	
	.interviewBox li .interview_img {
		float: left;
		width: 47%;
	}
	
	.leadBox_txt .lead_img ul li:first-child{
		margin-right: 5px;
	}
	
	.sp_iv_icon {
		background: rgba(231,189,55,0.9);
		border-radius: 50%;
		width: 55px;
		height: 55px;
		color: #fff;
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 1.2;
	}
		.sp_iv_icon span{
			font-size: 1.0rem;
			display: block;
			padding-top: 17px;
		}


}