/************************************************

          recruit top

************************************************/

/*ページ背景*/
body{
    background-image:url(../images/recruit_bk.png);
    background-repeat:repeat;
    background-position:center top;
}

/*メイン画像*/
#mainImage{
    background-image:url(../images/recruit_slideFrame.png);
    background-repeat:no-repeat;
    background-position:center 0;
    background-color:#fdd751;
}
    #slideShow{
        position:relative;
        top:0;
        left:0;
        margin:auto;
        height:672px;
        width:1280px;
    }
        #slideShow>img{/*枠画像（内側）*/
            z-index:2;
            position:absolute;
            top:122px;
            left:141px;
            height:526px;
            width:998px;
        }
        #slideShow #slickMain{/*slick*/
            z-index:1;
            height:526px;
            width:998px;
            position:absolute;
            top:122px;
            right:0;
            left:0;
            margin:auto;
        }

    /*波型フレーム*/
    #mainImage #frame{
        z-index:3;
        position:absolute;
        top:594px;
        height:79px;
        background-image:url(../images/recruit_slideWave.png);
        background-repeat:repeat-x;
        background-position:center 0;
    }
        #mainImage #frame ul{
            width:530px;
            margin-top:26px;
        }
            #mainImage #frame ul li{
                float:left;
            }

#recruitTop,
#recruitTop #contents{
    max-width:1280px;
}
    #recruitTop #contents{
        margin-top:42px;
    }
        #recruitTop #contents ul{
            margin-top:6px;
        }
            #recruitTop #contents ul li{
                margin-top:25px;
            }
        #recruitTop #contents p{/*※勤続年数*/
            padding-top:16px;
        }
        #recruitTop #contents div{/*採用情報*/
            padding-top:50px;
        }




/********************************************************************************

          メディアクエリ

*********************************************************************************/
@media(max-width:500px){

















	/*ページ背景*/
	body{
		background-image:url(../images/recruit_bk.png);
		background-repeat:repeat;
		background-position:center top;
	}

	/*メイン画像*/
	#mainImage{
		background-image:url(../images/recruit_slideFrame.png);
		background-repeat:no-repeat;
		background-position:center 0;
		background-color:#fdd751;
	}
		#slideShow{
			position:relative;
			top:0;
																				top:-42px;
			left:0;
			margin:auto;
			height:672px;
			width:1280px;
																				height:344px;
																				width:500px;
		}
			#slideShow>img{/*枠画像（内側）*/
				z-index:2;
				position:absolute;
				top:122px;
				left:141px;
				height:526px;
				width:998px;
																				height:344px;
																				width:500px;
			}
			#slideShow #slickMain{/*slick*/
				z-index:1;
				height:526px;
				width:998px;
																				height:344px;
																				width:500px;
				position:absolute;
				top:122px;
				right:0;
				left:0;
				margin:auto;
			}

		/*波型フレーム*/
		#mainImage #frame{
			z-index:3;
			position:absolute;
			top:594px;
																				top:336px;
			height:79px;
			background-image:url(../images/recruit_slideWave.png);
			background-repeat:repeat-x;
			background-position:center 0;
		}
			#mainImage #frame ul{
				width:530px;
				margin-top:26px;
																				width:450px;
			}
				#mainImage #frame ul li{
					float:left;
				}

																				#recruitTop{
																					margin-top:90px;
																				}
	#recruitTop,
	#recruitTop #contents{
		max-width:1280px;
																				max-width:450px;
	}
		#recruitTop #contents{
			margin-top:42px;
																				margin-top:60px;
		}
			#recruitTop #contents ul{
				margin-top:6px;
																				margin-top:15px;
			}
				#recruitTop #contents ul li{
					margin-top:25px;
																				width:450px;
																				margin-top:45px;
				}
			#recruitTop #contents p{/*※勤続年数*/
				padding-top:16px;
			}
			#recruitTop #contents div{/*採用情報*/
				padding-top:50px;
																				padding-top:60px;
			}













}