/* 他ページの設定を上書き */
main {
	width: 100%;
}

main .cont_base_wrap {
  margin: auto;
}

h2 {
	display: block;
	position: relative;
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
	font-size: 2.5rem;
	font-family: "M PLUS Rounded 1c", sans-serif;
	z-index: 10;
}

h2:after {
	display: none;
}
@media only screen and (max-width: 768px) {
	h2 {
		font-size: 1.5625rem;
	}
	p {
		font-size: .875rem;
	}
}

/* ------------------------------------
  sub_title
------------------------------------ */
.sub_title {
	background: #b8e5fd;
}
.sub_title > .cont_base_wrap {
	position: relative;
	padding: 40px 0;
	overflow: hidden;
}
.sub_title > .cont_base_wrap::before {
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	width: 150px;
	height: 77px;
	z-index: 1;
	background: url(/img/cloud_s.png) no-repeat;
}
.sub_title > .cont_base_wrap::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: -36px;
	width: 194px;
	height: 102px;
	z-index: 1;
	background: url(/img/cloud_l.png) no-repeat;
}
@media only screen and (max-width: 768px) {
	.sub_title > .cont_base_wrap::before {
		display: none;
	}
	.sub_title > .cont_base_wrap::after {
		right: -5px;
	}
}
/* ------------------------------------
	breadcrumbs
------------------------------------ */
.breadcrumbs {
	width: 100%;
	background: #efefef;
	position: relative;
}
.breadcrumbs .inner {
	width: 1000px;
	margin: 0 auto;
}
.breadcrumbs .inner li {
	display: inline-block;
	font-size: 0.875rem;
	letter-spacing: 0;
	padding: 5px 0;
}
.breadcrumbs a {
	margin: 0 4px 0 0;
	text-decoration: underline;
}
@media only screen and (max-width: 768px) {
	.breadcrumbs {
		display: none;
	}
}

/* ------------------------------------
  sub content
------------------------------------ */
/* sub content table */
.sub_content table {
	width: 100%;
	margin: 60px 0;
}
.sub_content th,
.sub_content td {
	padding: 25px 40px;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}
.sub_content th:nth-child(2) {
	padding: 25px 30px;
}
.sub_content th {
	background: #3967ce;
	color: #fff;
	font-size: 1.3125rem;
	line-height: 1.3rem;
}
.sub_content th:first-child {
	border-radius: 5px 0 0 0;
	width: 40%;
	text-align: left;
}
.sub_content th:last-child {
	border-radius: 0 5px 0 0;
	width: 25%;
}
.sub_content td:first-child {
	text-align: left;
}
.sub_content td:first-child a,
.sub_content td:nth-child(2) a {
	display: block;
	pointer-events: none;
}
.sub_content td:last-child {
	padding: 25px 25px;
}

.sub_content tr:nth-child(odd) {
	background: #efefef;
}
/* 掲載無し */
.sub_content tr.not_posted td {
	color: #7a7a7a;
}

/* 乗務員募集事業者一覧 */
.recruit_table td span {
	background: #46936b;
	border-radius: 30px;
	padding: 8px 20px 8px 30px;
	color: #fff;
}
.recruit_table td span::after {
	display: inline-block;
	margin: 0 0 3px 15px;
	content: "\e901";
	vertical-align: middle;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: .8rem;
	font-family: "icon_set";
	line-height: 1;
}

.recruit_table .recruit_sp_only {
	display: none !important;
}

@media only screen and (max-width:768px) {
	.recruit_table .recruit_sp_only {
		display: block !important;
	}
	.recruit_table .recruit_pc_only {
		display: none !important;
	}

	.sub_content table {
		width: 90%;
		margin: 0 auto;
		border-collapse: separate;
		border-spacing: 0 20px;
	}
	.sub_content tr {
		box-shadow: 0 1px 3px rgba(0,0,0,.16);
	}
	.sub_content th,
	.sub_content td {
		display: block;
	}
	.sub_content th {
		display: none;
	}
	.sub_content td {
		width: 100%;
		position: relative;
		padding: 0;
		background: #fff;
		text-align: left;
	}
	.sub_content tr.not_posted td:first-child,
	.sub_content tr.posted td:first-child{
		padding: 20px 20px 3px;
	}
	.sub_content tr.not_posted td:nth-child(2),
	.sub_content tr.posted td:nth-child(2){
		padding: 3px 20px 20px;
	}
	.sub_content tr.not_posted td:first-child a,
	.sub_content tr.not_posted td:nth-child(2) a
	{
		pointer-events: none;
	}
	.sub_content td:first-child {
		border: 2px solid #3967ce;
		border-width: 1px 1px 0 1px;
		border-radius: 4px 4px 0 0;
		font-size: 1.0625rem;
	}
	.sub_content td:first-child a,
	.sub_content td:nth-child(2) a {
		display: block;
		pointer-events: auto;
	}
	.sub_content td:nth-child(2) {
		border: 2px solid #3967ce;
		border-width: 0 1px 1px 1px;
		border-radius: 0 0 4px 4px;
		font-weight: normal;
		position: relative;
	}
	.sub_content td:last-child {
		display: none;
	}
	/* 乗務員募集事業者一覧 */
	.recruit_table tr:not(.not_posted) td:nth-child(2)::after {
		content: '';
		position: absolute;
		right: 3px;
		bottom: 3px;
		width: 0;
		height: 0;
		cursor: pointer;
		border-left: 15px solid transparent;
		border-bottom: 15px solid #3967ce;
	}
	.recruit_table td:nth-child(2) a {
		padding: 3px 20px 20px;
	}

}