@charset "utf-8";

.under .mv {
	background:url(../../img/recruit-mobile/pc/mv.jpg) no-repeat center;
	background-size: cover;
}

.chronology {
	padding-top: 90px;
	padding-bottom: 110px;
}
	.common_table {
		margin-bottom: 100px;
	}
	.common_table .line {
	}
	.common_table .line + .line {
	}
		.common_table .line .th {
		    width: 20%;
		    padding-left: 3.5%;
			box-sizing: border-box;
			border-right: 1px solid #929bb2;
			text-align: left;
		}
		.th_bg {
			width: 20%;
		}
		.common_table .line .txt {
			width: 75%;
		}
			.common_table .line.teate .txt ul {
				max-width: 600px;
			}
			.common_table .line.teate .txt li {
				width: 50%;
				float: left;
			}
			.common_table .line.teate .txt li:nth-child(odd) {
				max-width: 200px;
				width: 45%;
			}
			.common_table .line.holiday .txt li {
				float: left;
			}
			.common_table .line.holiday .txt li + li {
				margin-left: 20px;
			}
			.common_table .line .txt .circle:before {
				content: "";
				display: inline-block;
				width: 5px;
				height: 5px;
				background:#fff;
				border-radius: 50%;
			    vertical-align: 1px;
			    margin-right: 10px;
			}
				.common_table .line .txt .circle p {
					display: inline-block;
				}
			.common_table .line.oubo p + p {
				margin-top: 20px;
			}

#otherRecruit {
    padding-bottom: 120px;
}
	#otherRecruit .tips {
		text-align: center;
	    margin-bottom: 20px;
	}
	#otherRecruit li {
		width: 20%;
		box-sizing: border-box;
		float: left;
		background:#fff;
		text-align: center;
		position: relative;
	}
	#otherRecruit li:after {
		content: "";
		width: 16px;
		height: 16px;
		background:url(../../img/recruit-mobile/pc/ico-blank.png) no-repeat center;
		background-size: cover;
		position: absolute;
		top: 10px;
		right: 10px;
	}
	#otherRecruit li:nth-child(1):after,
	#otherRecruit li:nth-child(5):after {
		display: none;
	}
	#otherRecruit .soon:after {
		display: none;
	}
	#otherRecruit li + li {
		border-left: 1px solid #ccc;
	}
		#otherRecruit li .logo {
		    width: 90%;
		    max-width: 140px;
		    margin-right: auto;
		    margin-left: auto;
	        padding-top: 28px;
		    padding-bottom: 7px;
		}
		#otherRecruit li p {
			color: #000;
			font-size: 12px;
			padding-top: 5px;
			padding-bottom: 12px;
			font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
		    font-weight: bold;
		}
		#otherRecruit li .toBar {
			display: block;
			background:#263866;
			padding-top: 6px;
			padding-bottom: 6px;
			font-size: 12px;
			transition-duration: .4s;
			transition-timing-function: ease-in-out;
		}
		#otherRecruit .soon .toBar {
			background:#999;
		}
		#otherRecruit li a:hover .toBar {
			opacity: .8;
		}
		#otherRecruit .soon a {
			pointer-events: none;
		}

@media screen and (max-width:900px) {
	#otherRecruit li p {
		font-size: 10px;
	}
	#otherRecruit li .toBar {
		font-size: 10px;
	}
}

@media screen and (max-width:768px) {

	.chronology {
	    padding-top: 60px;
	    padding-bottom: 60px;
	}
		.common_table {
		    margin-bottom: 50px;
		}
			.th_bg {
				display: none;
			}
			.common_table .line + .line .th, .common_table .line + .line .date, .common_table .line + .line .txt {
				 background-image: none;
			}
			.common_table .line .th {
			    background:#001634;
			    border-right: none;
			}
			.common_table .line.teate .txt li {
				max-width: inherit;
			    width: 100%;
			    float: none;
			}
			.common_table .line.teate .txt li:nth-child(odd) {
			    max-width: inherit;
			    width: 100%;
			    float: none;
			}
			.common_table .line.holiday .txt li {
				float: none;
			}
			.common_table .line.holiday .txt li + li {
			    margin-left: 0;
			    float: none;
			}

	#otherRecruit {
		padding-bottom: 65px;
	}
		#otherRecruit li {
		    width: 50%;
		}
		#otherRecruit li:nth-child(odd) {
			border-left:none;
		}
		#otherRecruit li {
			margin-bottom: 20px;
		}
}