@charset "UTF-8";



.caution {

	text-align: center !important;

	padding: 50px;

	border: 1px solid #ccc;

	color: #888;

	background: #fafafa;

}



.job {

	font-size: 14px;

	font-size: 1.4rem;

	text-align: left;

	width: 100%;

	max-width: 780px;

	margin: 0 auto;

}



	.job>dt {

		display: flex;

		align-items: flex-start;

		background: #0a427a;

		border-bottom: 1px solid #fff;

		padding: 25px 30px;

		color: #fff;

		position: relative;

	}



		.job>dt:after {

			content: '\e688';

			font-family: 'Pe-icon-7-stroke';

			font-size: 40px;

			font-size: 4.0rem;

			position: absolute;

			right: 20px;

			top: 50%;

			-webkit-transform: translateY(-50%);

			-ms-transform: translateY(-50%);

			transform: translateY(-50%);

		}



		.job>dt.opened:after {

			content: '\e682';

		}



	.job>dd {

		overflow: hidden;

		height: 0;

		opacity: 0;

		padding: 0 30px;

		-webkit-transition: 0.7s all ease;

		-o-transition: 0.7s all ease;

		transition: 0.7s all ease;

	}



	.job>dd.opened {

		opacity: 1;

		padding: 25px 30px;

		height: auto;

	}



		.job>dt span,

		.job>dd span {

			font-size: 16px;

			font-size: 1.6rem;

			font-weight: bold;

			display: inline-block;

			width: 50px;

		}



		.job>dt p {

			width: calc(100% - 90px);

			width: -webkit-calc(100% - 90px);

			margin: 0 0 0 0 !important;

		}



		.job>dd p {

			width: calc(100% - 50px);

			width: -webkit-calc(100% - 50px);

			margin: 0 0 0 0 !important;

		}



		.job>dd .table_wrap {

			width: 100%;

		}



		.job>dd table {

			width: 100%;

			border-collapse: collapse;

			max-width: 620px;

			margin: 0 auto;

		}



			.job>dd table th {

				border-bottom: 1px solid #c8c8c8;

				vertical-align: middle;

				width: 10.0em;

				font-weight: normal;

			}



			.job>dd table td {

				padding: 30px 0;

				border-bottom: 1px solid #c8c8c8;

				vertical-align: middle;

			}



			.job>dd table tr:last-of-type th,

			.job>dd table tr:last-of-type td {

				border-bottom: none;

			}



		.job>dd .entry_btn {

			background: #0a427a;

			color: #fff;

			display: block;

			text-align: center;

			vertical-align: middle;

			width: 240px;

			height: 50px;

			line-height: 50px;

			margin: 60px auto;

			position: relative;

		}



			.job>dd .entry_btn span {

				position: absolute;

				right: 10px;

				top: 46%;

				-webkit-transform: translateY(-50%);

				-ms-transform: translateY(-50%);

				transform: translateY(-50%);

			}



				.job>dd .entry_btn span img {

					vertical-align: middle;

				}



/*---------------------- responsive styles -----------------------*/

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

	.job>dt {

		padding: 15px;

	}



	.job>dd.opened {

		padding: 15px 0;

	}



		.job>dd.opened table {

			display: block;

		}



			.job>dd.opened table tr th,

			.job>dd.opened table tr td {

				width: 100%;

				display: block;

				padding: 10px;

			}



			.job>dd.opened table tr th {

				border-bottom: 1px solid #c8c8c8;

			}



			.job>dd.opened table tr td {

				margin: 0 0 15px;

				border-bottom: none;

			}



		.job>dd .entry_btn {

			margin: 20px 0 30px;

		}



}