@media all and (min-width: 641px) {
    
	
	/* INDEX */ 
	body#recruit-index #title{
		background-image: url(../images/recruit/index/title-bg.jpg);
	}
	body#recruit-index #index-desc .desc-box{
		background: url(../images/recruit/index/desc-image01.jpg) no-repeat center center;
		background-size:960px auto;
	}
	body#recruit-index #index-desc .desc-box .inner{
		padding: 120px 0 120px 590px;
		color:#213c50;
		font-size: 143.75%;
		font-weight: bold;
	}
	body#recruit-index #index-feature .image{
		letter-spacing: -.4em;
	}
	body#recruit-index #index-feature .image img{
		margin-right: 3px;
        letter-spacing: normal;
	}
	body#recruit-index #index-feature .image img:last-child{
		margin-right: 0;
	}
	body#recruit-index #index-contact{
        margin-bottom: 120px;
    }
	body#recruit-index #index-contact .contact-box{
        height: 200px;
		padding: 20px 0 0 330px;
		border:1px solid #213c50;
		background: url(../images/recruit/index/contact-image.jpg) no-repeat left center;
		background-size: auto 100%;
		box-sizing:border-box;
	}
	body#recruit-index #content .text{
        line-height: 2.0;
    }
	
	/* PROGRAM */ 
	body#recruit-program #title{
		background-image: url(../images/recruit/program/title-bg.jpg);
	}
	body#recruit-program #program-intern .flow-list > li{
		margin-bottom: 40px;
	}
	body#recruit-program #program-intern .flow-list .title{
		width: 270px;
		height: 120px;
		display:table-cell;
		padding: 0 10px 0 85px;
		background-repeat:no-repeat;
		background-size:41px auto;
		background-position:20px 30px;
		background-color:#213c50;
		color:#ffffff;
		font-size: 125%;
		font-weight: bold;
		box-sizing:border-box;
		vertical-align:middle;
	}
	body#recruit-program #program-intern .flow-list .title p{
		display:inline-block;
		margin-bottom: 0;
	}
	body#recruit-program #program-intern .flow-list .text{
		display:table-cell;
		padding-left: 50px;
		vertical-align:middle;
	}
	body#recruit-program #program-intern .flow-list .text p{
		display:inline-block;
	}	
	body#recruit-program #program-intern .flow-list > li:nth-child(1) .title{
		background-image: url(../images/common/icon-num01.png);
	}
	body#recruit-program #program-intern .flow-list > li:nth-child(2) .title{
		background-image: url(../images/common/icon-num02.png);
	}
	body#recruit-program #program-intern .flow-list > li:nth-child(3) .title{
		background-image: url(../images/common/icon-num03.png);
	}
	body#recruit-program #program-intern .flow-list .title.va-t{
		vertical-align:text-bottom;
		padding-top: 40px;
	}
	body#recruit-program #program-intern .flow-list .half-box .boxl,
	body#recruit-program #program-intern .flow-list .half-box .boxr{
		width: 300px;
	}
	body#recruit-program #program-intern .flow-list .event{
		padding: 10px 20px;
		color:#ffffff;
		font-weight: bold;
		background-color:#213c50;
	}
	body#recruit-program #program-intern .flow-list .relation-list{
		margin-bottom: 20px;
		padding: 0 10px;
	}			
	
	
	/* MESSAGE */ 
	body#recruit-message #title{
		background-image: url(../images/recruit/message/title-bg.jpg);
	}
	
	/* FAQ */ 
	body#recruit-faq #title{
		background-image: url(../images/recruit/faq/title-bg.jpg);
	}
	
}

@media only screen and (max-width: 640px) {
	
	/* INDEX */ 
	body#recruit-index #title:before{
		background-image: url(../images/recruit/index/title-bg_sp.jpg);
        background-position: center center;
	}
	body#recruit-index #index-desc .desc-box{
		padding:	80px 0 0 85px;
		background: url(../images/recruit/index/desc-image01.jpg) no-repeat center center;
		background-size: cover;
		text-align:right;
	}
	body#recruit-index #index-desc .desc-box .inner{
		display:inline-block;
		color:#213c50;
		font-size: 118.75%;
		font-weight: bold;
		text-align:left;
	}
	body#recruit-index #index-feature .image img{
		display:block;
		margin: 0 auto 5px;
	}
	body#recruit-index #index-contact .contact-box{
		padding:10px 0 36%;
		border:1px solid #213c50;
		background: url(../images/recruit/index/contact-image_sp.jpg) no-repeat center bottom;
		background-size: contain;
		text-align:center;
	}
	body#recruit-index #index-contact .contact-box p{
		display:inline-block;
		text-align:left;
	}
	
	/* PROGRAM */ 
	body#recruit-program #title:before{
		background-image: url(../images/recruit/program/title-bg.jpg);
        background-position: center center;
	}
	body#recruit-program #program-intern .flow-list > li{
		margin-bottom: 30px;
	}
	body#recruit-program #program-intern .flow-list .title{
		margin-bottom: 10px;
		padding: 10px 10px 10px 50px;
		background-repeat:no-repeat;
		background-size:20px auto;
		background-position:10px 10px;
		background-color:#213c50;
		color:#ffffff;
		font-size: 120%;
		font-weight: bold;
	}
	body#recruit-program #program-intern .flow-list > li:nth-child(1) .title{
		background-image: url(../images/common/icon-num01.png);
	}
	body#recruit-program #program-intern .flow-list > li:nth-child(2) .title{
		background-image: url(../images/common/icon-num02.png);
	}
	body#recruit-program #program-intern .flow-list > li:nth-child(3) .title{
		background-image: url(../images/common/icon-num03.png);
	}
	body#recruit-program #program-intern .flow-list .title p{
		margin-bottom: 0;
	}
	body#recruit-program #program-intern .flow-list .event{
		margin: 0 10px 10px;
		padding: 10px 20px;
		color:#ffffff;
		font-weight: bold;
		background-color:#213c50;
	}
	body#recruit-program #program-intern .flow-list .relation-list{
		margin-bottom: 10px;
		padding: 0 10px;
	}	
	body#recruit-program #program-intern .flow-list .relation-list .boxl,		
	body#recruit-program #program-intern .flow-list .relation-list .boxr,		
	body#recruit-program #program-intern .flow-list .relation-list ul{
		margin-bottom: 0;
	}
	
	
	
	/* MESSAGE */ 
	body#recruit-message #title:before{
		background-image: url(../images/recruit/message/title-bg.jpg);
        background-position: center center;
	}
	
	/* FAQ */ 
	body#recruit-faq #title:before{
		background-image: url(../images/recruit/faq/title-bg_sp.jpg);
        background-position: center center;
	}
    
}