/* ===================================================================

	LP用

=================================================================== */

/* 【LP】共通 */
#mainarea[class^="lp_"] div,
#mainarea[class^="lp_"] p,
#mainarea[class^="lp_"] section,
#mainarea[class^="lp_"] ul,
#mainarea[class^="lp_"] ol,
#mainarea[class^="lp_"] h2{
	margin:0 auto;
}
#mainarea[class^="lp_"]{ width:100%; padding-top:0; font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif; }
#mainarea[class^="lp_"] img{ max-width:100%; height:auto; }
#mainarea[class^="lp_"] .lp_container{ padding-top:4vw; }
#mainarea[class^="lp_"] .to_recruit + .lp_container{ margin-top:-8vw; }
/* 求人一覧ボタン */
#mainarea[class^="lp_"] .to_recruit{
	position:relative;
	top:-4vw;
}
#mainarea[class^="lp_"] .to_recruit a { 
	display:block;
	width:25vw;
	height:8vw;
	line-height:8vw;
	box-sizing:border-box;
	margin:0 auto;
	font-size:180%;
	text-align:center;
	vertical-align:middle;
	color:#fff;
	background:#e83828;
	border-radius:5px;
	
 }

/* 食品輸送 */
#mainarea.lp_food{ color:#231815; text-align:center; }
#mainarea.lp_food .title_image{ padding-top:0; }
#mainarea.lp_food .title_image h2{ width:75%; padding-bottom:6vw; }

#mainarea.lp_food .intro{
	background-color:#f39800;
	background-image:url(../../img/front/lp_food/food_bk.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% auto;
	padding-bottom:80px;
}
#mainarea.lp_food .intro p{ width:50%; padding:6vw 0 2vw; }

#mainarea.lp_food .food_reason{ font-size:250%; padding:90px 0; line-height:2.3em; }
#mainarea.lp_food .food_reason span{ border-bottom:#231815 dashed 1px; }

#mainarea.lp_food .point_list{ background-color:#026e71; }
#mainarea.lp_food .point_list ol{ padding:80px 0; width:60%; }
#mainarea.lp_food .point_list ol li{ 
	background-color:#fff;
	margin-bottom:50px;
	border-radius:20px;
	position:relative;
	padding:5vw;
}
#mainarea.lp_food .point_list ol li .pointlist_title{
	background:#f39800;
	width:10vw;
	height:10vw;
	border-radius:10vw;
	padding:20px;
	display:flex;
	justify-content: center;
	align-items: center;
	position:absolute;
	left:-5vw;
	top:0;
	bottom:0;
	margin-top:auto;
	margin-bottom:auto;
}
#mainarea.lp_food .point_list ol li .pointlist_point{
	margin-bottom:30px;
}
#mainarea.lp_food .point_list ol li .pointlist_text{
	width:80%;
	font-size:115%;
}

#mainarea.lp_food .day_flow{
	background:#fbfaf3;
	padding:80px 0;
	margin-bottom:0;
}

#mainarea.lp_food .day_flow h3{
	color:#026e71;
	font-size:250%;
	margin-bottom:1.5em;
}

#mainarea.lp_food .day_flow .dayflow_image{
	background-image:url(../../img/front/lp_food/day_flow.png);
	background-size:100% auto;
	background-position:center top;
	background-repeat:no-repeat;
	padding:80px 0;
	min-height:400px;
}

#mainarea.lp_food .day_flow .dayflow_image p{
	text-align:left;
	margin-left:0;
	width:58%;
	position:relative;
	left:15vw;
	top:9vw;
}

#mainarea.lp_food .foot_image{
	padding-top:0;
	width:55%;
}


#mainarea.lp_food .foot_image + .to_recruit{
	position:static;
	margin-top:60px;
	margin-bottom:60px;
}

/* 自動車部品輸送 */
#mainarea.lp_carparts{
	padding-bottom:18vw;
	background-image:url(../../img/front/lp_carparts/foot_image02.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:100% auto;
	text-align:center;
}

#mainarea.lp_carparts .title_image{
	border-bottom:8vw solid #ffe200;
}

#mainarea.lp_carparts .title_image .sp{ display:none; }

#mainarea.lp_carparts .intro{ background:#fbfaf3; }
#mainarea.lp_carparts .intro p{
	background:#fbfaf3;
	padding-top:8vw;
	padding-bottom:12vw;
	width:75%;
	max-width:720px;
}


#mainarea.lp_carparts .point_list{
	background:#ffe200;
	padding-top:16vw;
	padding-bottom:16vw;
}

#mainarea.lp_carparts .point_list ol{
	border:3px solid #231815;
	background:#fff;
	width:65%;
	max-width:700px;
	border-radius:35px;
	padding:2vw;
	padding-top:5vw;
	box-sizing:border-box;
}

#mainarea.lp_carparts .point_list ol li{
	width:85%;
	margin:0 auto;
	margin-bottom:40px;
}

#mainarea.lp_carparts .point_list ol li .pointlist_text{
	width:44.2vw;
	font-size:120%;
	margin-right:0;
	margin-left:auto;
	margin-top:0.25em;
	color:#231815
}

#mainarea.lp_carparts .day_flow{
	padding-top:10vw;
	background-color:#fbfaf3;
}
#mainarea.lp_carparts .day_flow h3{
	color:#026e71;
	font-size:250%;
	margin-bottom:1.5em;
}
#mainarea.lp_carparts .day_flow .dayflow_image{
	background-image:url(../../img/front/lp_food/day_flow.png);
	background-size:100% auto;
	background-position:center top;
	background-repeat:no-repeat;
	padding:80px 0;
	min-height:400px;
}
#mainarea.lp_carparts .day_flow .dayflow_image p{
	text-align:left;
	margin-left:0;
	width:58%;
	position:relative;
	left:15vw;
	top:9vw;
}

#mainarea.lp_carparts .foot_image{
	width:45%;
}
#mainarea.lp_carparts .foot_image + .to_recruit{
	position:static;
	margin-top:2px;
	margin-bottom:60px;
}



/* LP用お勧め求人 */
#mainarea[class^="lp_"] #recently_recruit {
	width:960px;
	margin:0 auto 40px;
}





/* ===================================================================
	スマホ用
=================================================================== */
/* PCとかタブレット */
@media ( max-width : 960px ){
}


/* スマホ用 */
@media screen and (max-width: 767px) {
	/* 【LP】 */
	#mainarea[class^="lp_"] .to_recruit a{
		width:50vw;
		font-size:110%; 
	}
	/* 食品輸送 */
	#mainarea.lp_food .title_image h2{ width:95%; }
	#mainarea.lp_food .point_list ol li .pointlist_title{ padding:8px; }
	
	/* 自動車部品 */
	#mainarea.lp_carparts .title_image{ border-bottom:10vw solid #ffe200; }
	#mainarea.lp_carparts .title_image .sp{ display:inline; }
	#mainarea.lp_carparts .title_image .pc{ display:none; }
	
	#mainarea.lp_carparts .title_image .sp_text.sp{ display:block; }
	#mainarea.lp_carparts .title_image .sp_text{
		padding-top:8vw;
		padding-bottom:5vw;
		background:#ffe200;
	}
	#mainarea.lp_carparts .title_image .sp_text p{
		border-radius:15px;
		box-sizing:border-box;
		padding:4vw;
		width:75%;
		color:#231815;
		border:2px solid #231815;
		background:#fff;
		font-size:120%;
	}	
}


/* ------ ～479px ------ */
@media screen and (max-width: 479px) {
/* 【LP】 */
	#mainarea[class^="lp_"] .to_recruit + .lp_container{ margin-top:-10vw; }
	#mainarea[class^="lp_"] .to_recruit{ top:-5vw; }
	#mainarea[class^="lp_"] .to_recruit a{
		width:60vw;
		height:10vw;
		line-height:10vw;
	}
	
	/* 食品輸送 */
	#mainarea.lp_food .point_list ol{ width:85%; }
	#mainarea.lp_food .point_list ol li{
		padding:3vw 0;
		padding-top:15vw;
		margin-bottom:25vw;
	}
	#mainarea.lp_food .point_list ol li .pointlist_title{
		left:0;
		right:0;
		bottom:100%;
		width:24vw;
		height:24vw;
		padding:15px;
		border-radius:25vw;
	}
	#mainarea.lp_food .point_list ol li .pointlist_point{ width:90%; }
	#mainarea.lp_food .point_list ol li .pointlist_text{
		width:90%;
	}
	
	#mainarea.lp_food .foot_image{ width:95%; }
	
	
	/* 自動車部品 */
	#mainarea.lp_carparts .title_image .sp{ display:inline; }
	#mainarea.lp_carparts .title_image .pc{ display:none; }
	
	#mainarea.lp_carparts .title_image .sp_text.sp{ display:block; }
	#mainarea.lp_carparts .title_image .sp_text{ background:#ffe200; }
	#mainarea.lp_carparts .title_image .sp_text p{ width:75%; color:#231815; border:3px solid #231815; background:#fff; }
}