@charset "utf-8";
/*--京common.css--*/
/* ##########PC########## */
.bg_intro{
	height:330px;
	background-image:url(../../shared/recruit/bg_intro.jpg);
	background-position:center top;
	margin-bottom:50px;
}

.page_body{
	width:900px;
	margin:0 auto;
}

	.recruit_intro_box{
		margin-bottom:50px;
	}
	
		.recruit_intro_box > .box_header{
			margin-bottom:2em;
		}
		
			.recruit_intro_box > .box_header h3{
				border-left:5px solid #004e92;
				padding:0.2em 0 0.1em 0.5em;
				font-size: 1.8em;
				font-weight: bold;
				color:#333;
				
			}
		
		.recruit_intro_box .box_inner{
			font-size:1.1em;
			line-height:2;
			padding:0 20px;
		}
		
			.recruit_intro_box .box_inner p{
				margin-bottom:0.5em;
			}
			
			.recruit_intro_box .box_inner p:last-child{
				margin-bottom:0;
			}
		
		
		
		.job_select_nav{
			margin:0 20px 70px 20px;
			position:relative;
			padding-top:1em;
		}
		
			.job_select_nav > .box_header{
				position:absolute;
				top:0;
				left:0;
				z-index:2;
				width:100%;
				display:block;
				text-align:center;
			}
		
				.job_select_nav h4{
					font-size:1.2em;
					color:#fff;
					background:#004f94;
					margin-bottom:0.8em;
					display:inline-block;
					padding:0.5em 2em 0.4em 2.1em;
					letter-spacing:0.1em;
				}
			
			.job_select_nav > .box_inner{
				padding:30px 20px 20px 20px;
				position:relative;
				z-index:1;
				background:#f2f6fa;
			}
			
			
			.job_select_nav ul{
				display:flex;
				justify-content:center;
			}
			
				.job_select_nav ul li{
					text-align:center;
					font-size:1.1em;
					margin-right:40px;
				}
			
				.job_select_nav ul li:last-child{
					margin-right:0;
				}
			
					.job_select_nav ul li a{
						display: flex;
						align-items: center;
						justify-content: center;
						text-decoration: none;
						color: #111;
						padding:0.3em 0 0 0;
						width: 200px;
						height: 60px;
						box-sizing: border-box;
						border:1px solid #00197d;
						line-height:1.4;
						text-decoration:none;
						position:relative;
						z-index:1;
						box-shadow:3px 3px 0 0 rgba(0,0,0,0.1);
						transition:.3s all ease;
						overflow:hidden;
						background:#fff;
					}
			
					.job_select_nav ul li a:hover{
						border:1px solid #004f94;
					}
	
	.job_detail_box{
		margin: 0 20px 50px 20px;
	}
	
		.job_detail_box > .box_header{
			margin-bottom:2em;
			background: rgba(0,79,148,0.05);
			padding:1.2em 0;
			border-bottom:3px solid rgba(0,79,148,0.5);
		}
	
			.job_detail_box > .box_header h4{
				font-size: 1.6em;
				color: #212121;
				position:relative;
				padding-left:1.4em;
			}
			
			.job_detail_box > .box_header h4:before{
				content:"";
				display:block;
				width:0;
				height:100%;
				border-left:8px solid rgba(0,79,148,0.8);
				position:absolute;
				top:0;
				left:0.5em;
			}
	
		.job_detail_box > .box_inner{
			padding: 0 1em 2em 1em;
		}
	
			.job_detail_box > .box_inner h5{
				font-size: 1.3em;
				margin-bottom: 0.5em;
			}
		
				.job_detail_box > .box_inner table{
					width:100%;
				}
				
					.job_detail_box > .box_inner table th,
					.job_detail_box > .box_inner table td{
						border:1px solid #ccc;
						padding:1em;
						line-height:1.5;
					}
					
					.job_detail_box > .box_inner table th{
						background:#e2edf4;
						width:100px;
					}

					.job_detail_box > .box_inner table tbody td ol{
						list-style-type: decimal;
						padding-left:1.5em;
					}
								
						.job_detail_box > .box_inner table tbody td > ol > li{
							margin-bottom:1em;
							font-weight:bold;
						}
						
						.job_detail_box > .box_inner table tbody td > ol > li:last-child{
							margin-bottom:0;
						}
						
						.job_detail_box > .box_inner table tbody td > ol > li > dl > dt{
							font-size:1.05em;
						}
						
						.job_detail_box > .box_inner table tbody td > ol > li > dl > dd{
							margin:0.5em 0 0 0;
							font-weight:normal;
						}
						
						.require_skills{
							margin-top:0.5em;
						}
						
							.require_skills dt{
								font-weight:bold;
							}
							
							.require_skills dd ul{}
							
							.require_skills dd ul li:before{
								font-family: FontAwesome;
								content:"\f0da";
								color:#aaa;
								margin-right:0.4em;
							}
							
		.dl_kojinjyouhou {
			text-align: center;
		}


/* ##########SP########## */
@media screen and (max-width:479px) {
	.bg_intro{
		height:30vw;
		margin-bottom:6vw;
		background-size:cover;
	}
	
	.page_body{
		width:100%;
		margin:0;
		padding:0 3vw;
		box-sizing:border-box;
	}
	
		.recruit_intro_box{
			margin-bottom:5vw;
		}
		
			.recruit_intro_box > .box_header{
				margin-bottom:1em;
			}
			
				.recruit_intro_box > .box_header h3{
					font-size: 4.2vw;
				}
			
			.recruit_intro_box .box_inner{
				font-size:1em;
				line-height:1.6;
				padding:0 2vw;
			}
			
			
			.job_select_nav{
				margin:0 0 7vw 0;
				text-align:center;
			}
			
				.job_select_nav h4{
					font-size:4vw;
				}
				
				
				.job_select_nav ul{
					flex-wrap:wrap;
				}
				
					.job_select_nav ul li{
						width:calc((100% - 3vw) / 2);
						font-size:1em;
						margin-right:3vw;
					}
				
					.job_select_nav ul li:last-child{
						margin-right:0;
					}
				
						.job_select_nav ul li a{
							width: 100%;
							height: 14vw;
							line-height:1.4;
							box-shadow:2px 2px 0 0 rgba(0,0,0,0.1);
						}
				
		.job_detail_box{
			margin:0 0 7vw 0;
		}
		
			.job_detail_box > .box_header{
				margin-bottom:1.3em;
				padding:1em 0;
			}
		
				.job_detail_box > .box_header h4{
					font-size: 4.2vw;
				}
				
					.job_detail_box > .box_header h4:before{
						width:1.5vw;
					}
		
			.job_detail_box > .box_inner{
				padding:0 2vw 4vw 2vw;
			}
		
				.job_detail_box > .box_inner h5{
					font-size: 4vw;
					margin-bottom: 0.5em;
				}
			
					.job_detail_box > .box_inner table th,
					.job_detail_box > .box_inner table td{
						padding:0.6em;
					}
						
					.job_detail_box > .box_inner table th{
						width:30%;
					}

}

/* ##########印刷用########## */
@media print{

}