@charset "UTF-8";


	
/* visualUnder --------------------------------------------------------------- */
#visualUnder {
	background-image: url(../../img/app/visual.jpg);
	}

@media screen and (max-width: 768px){
	#visualUnder {
		background-image: url(../../img/app/visual_mob.jpg);
		}
	}



/* banner --------------------------------------------------------------- */		
.bannerTxt {
	padding: 80px 0;
	}
	
@media screen and (max-width: 768px){
	}
	
	
	
/* title --------------------------------------------------------------- */
#title {
	width: 90%;
	max-width: 1100px;
	margin: 50px auto;
	}
	
	#title h2 {
		font-size: 28px;
		font-weight: bold;
		text-align: left;
		line-height: 1.5;
		letter-spacing: 2px;
		margin-bottom: 30px;
		}
	
	#title p {
		font-size: 15px;
		line-height: 2.2;
		}

@media screen and (max-width: 768px){
	#title {
		margin: 30px auto 0 auto;
		}
		
		#title h2 {
			font-size: 24px;
			letter-spacing: 0;
			margin-bottom: 30px;
			}
		
		#title p {
			font-size: 14px;
			line-height: 1.8;
			}
		}
		
	
		
/* app（新卒採用 / キャリア採用） --------------------------------------------------------------- */
#app {
	width: 90%;
	max-width: 1100px;
	margin: 50px auto 100px auto;
	}
	
	#app #graduate,
	#app #career {
		width: 48%;
		}
	
	@media screen and (max-width: 768px){
		#app {
			margin: 30px auto 50px auto;
			}
			
			#app #graduate,
			#app #career {
				width: 100%;
				}
				
			#app #graduate {
				margin-bottom: 10px;
				}
			
			.bannerTxt {
				padding: 40px 0;
				}
		}



/* recruit --------------------------------------------------------------- */
.recruitCont {
	margin: 50px auto;
	}
	
#recruit-1 {
	margin-bottom: 100px;
	}

#recruit-2 {
	}
		
	.recruitCont h2 {
		color: #ffffff;
		font-size: 28px;
		font-weight: bold;
		letter-spacing: 2px;
		margin-bottom: 30px;
		padding: 150px 0;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		}
	
	#recruit-1 h2 {
		background-image: url(../../img/app/recruit-1.jpg);
		background-position: left center;
		}
	
	#recruit-2 h2 {
		background-image: url(../../img/app/recruit-2.jpg);
		background-position: right center;
		}
	
	.recruitCont .recruitContInner {
		width: 100%;
		max-width: 700px;
		margin: 0 auto;
		}
	
		.recruitCont .recruitContInner dl {
			width: 100%;
			display: table;
			margin: 0 auto;
			font-size: 15px;
			line-height: 1.6;
			}
		
		.recruitCont .recruitContInner dl:nth-child(even) {
			background-color: #f9f9f9;
			}
			
			.recruitCont .recruitContInner dl dt,
			.recruitCont .recruitContInner dl dd {
				display: table-cell;
				vertical-align: top;
				padding: 20px;
				}
			
			.recruitCont .recruitContInner dl dt {
				width: 5em;
				font-weight: bold;
				}
				
		.recruitCont .recruitContInner p {
			width: 90%;
			max-width: 400px;
			margin: 50px auto 0 auto;
			}
			
			.recruitCont .recruitContInner p a {
				border: solid 1px;
				border-color: #2d4987;
				padding: 20px 40px;
				text-align: center;
				color: #01abe8;
				font-size: 18px;
				font-weight: bold;
				}
				
				.recruitCont .recruitContInner p a img {
					width: 100%;
					}
					
				.recruitCont .recruitContInner p a span {
					padding-top: 10px;
					font-size: 16px;
					color: #01abe8;
					font-weight: bold;
					}

@media screen and (max-width: 768px){
	.recruitCont {
		margin: 50px auto;
		}
		
	#recruit-1 {
		margin-bottom: 70px;
		}
	
	#recruit-2 {
		}
			
		.recruitCont h2 {
			font-size: 24px;
			letter-spacing: 0;
			padding: 100px 0;
			}
		
			.recruitCont .recruitContInner dl {
				width: 90%;
				font-size: 14px;
				line-height: 1.5;
				}
				
				.recruitCont .recruitContInner dl dt,
				.recruitCont .recruitContInner dl dd {
					padding: 10px;
					}
					
			.recruitCont .recruitContInner p {
				margin: 30px auto 0 auto;
				}
		}