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

          Q & A

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

/*ページ背景*/
body{
    background-image:url(../images/recruit_bk.png);
    background-repeat:repeat;
    background-position:center top;
}
#mainImage{
    position:relative;
    height:258px;
    background-image:url(../images/recruit_bk2.png);
    background-repeat:repeat;
    background-position:center top;
}
    /*波型フレーム*/
    #mainImage #frame{
        z-index:3;
        position:absolute;
        bottom:0;
        height:79px;
        background-image:url(../images/recruit_slideWave.png);
        background-repeat:repeat-x;
        background-position:center top;
    }
        #mainImage #frame ul{
            width:280px;
            margin-top:26px;
        }
            #mainImage #frame ul li{
                float:left;
            }
#QA{
}
    #QA h2{/*採用情報*/
        margin-top:79px;
    }
    #contents{
        width:900px;
        margin-top:104px;
    }
        #contents ul{
            margin-top:109px;
        }
        #contents ul:first-of-type{
            margin-top:0;
        }
            #contents ul li{
                position:relative;
                height:544px;
                width:270px;
                background-image:url(../images/QA_boxBG1.png);
                background-repeat:no-repeat;
                background-position:left 19px;
                background-size:cover;
            }
                #contents ul li *{
                    position:absolute;
                }
                #contents ul li h4,
                #contents ul li .str1,
                #contents ul li .str2{/*Questionsテキスト*/
                    z-index:2;
                    letter-spacing: normal;
                    line-height: normal;
                }
                #contents ul li h4{/*Questions題*/
                    top:79px;
                    white-space:nowrap;
                }
                #contents ul li .str1{/*Answer題*/
                    top:261px;
                    color:#f15a24;
                }
                #contents ul li .str2{/*Answer本文*/
                    top:340px;
                    left:10%;
                }
                #contents ul li .num{/*01*/
                    top:0;
                    left:0;
                    right:0;
                    margin:auto;
                }

            /*08（横幅2倍）*/
            #contents ul .li2{
                width:585px;
                background-image:url(../images/QA_boxBG2.png);
            }
                #contents ul .li2 .str2{/*Answer本文*/
                    left:5%;
                }

    /*採用情報*/
    #QA > div:last-of-type{
        margin-top:110px;
    }




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

          メディアクエリ

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














	/*ページ背景*/
	body{
		background-image:url(../images/recruit_bk.png);
		background-repeat:repeat;
		background-position:center top;
	}
	#mainImage{
		position:relative;
		height:258px;
		background-image:url(../images/recruit_bk2.png);
		background-repeat:repeat;
		background-position:center top;
	}
		/*波型フレーム*/
		#mainImage #frame{
			z-index:3;
			position:absolute;
			bottom:0;
			height:79px;
			background-image:url(../images/recruit_slideWave.png);
			background-repeat:repeat-x;
			background-position:center top;
		}
			#mainImage #frame ul{
				width:280px;
				margin-top:26px;
			}
				#mainImage #frame ul li{
					float:left;
				}
	#QA{
	}
		#QA h2{/*採用情報*/
			margin-top:79px;
		}
		#contents{
			width:900px;
																				width:450px;
			margin-top:104px;
																				margin-top:90px;
		}
			#contents ul{
				margin-top:109px;
																				margin-top:60px;
			}
			#contents ul:first-of-type{
				margin-top:0;
			}
				#contents ul li{
					position:relative;
					height:544px;
					width:270px;
																				height:600px;
																				width:450px;
					background-image:url(../images/QA_boxBG1.png);
																				background-image:url(../images/QA_boxBG1_sp.png);
					background-repeat:no-repeat;
					background-position:left 19px;
					background-size:cover;
																				background-size:auto;
				}
																				#contents ul li:nth-of-type(n+2){/*2番目以降*/
																					margin-top:60px;
																				}
	
	
	
	
	
	
	
					#contents ul li *{
						position:absolute;
					}
					#contents ul li h4,
					#contents ul li .str1,
					#contents ul li .str2{/*Questionsテキスト*/
						z-index:2;
						letter-spacing: normal;
						line-height: normal;
					}
					#contents ul li h4{/*Questions題*/
						top:79px;
						white-space:nowrap;
					}
					#contents ul li .str1{/*Answer題*/
						top:261px;
																				top:275px;
						color:#f15a24;
					}
					#contents ul li .str2{/*Answer本文*/
						top:340px;
																				top:360px;
						left:10%;
																				font-size: 1.6rem;
					}
					#contents ul li .num{/*01*/
						top:0;
						left:0;
						right:0;
						margin:auto;
					}

				/*08（横幅2倍）*/
				#contents ul .li2{
					width:585px;
					background-image:url(../images/QA_boxBG2.png);
																				height:1100px;
																				width:450px;
																				background-image:url(../images/QA_boxBG2_sp.png);
				}
																				#contents ul .li2 p{
																					width:100% !important;
																				}
					#contents ul .li2 .str2{/*Answer本文*/
						left:5%;
																				left:10%;
																				width:80% !important;
					}

		/*採用情報*/
		#QA > div:last-of-type{
			margin-top:110px;
		}












}