@charset "utf-8";

/* 特集ページ用レイアウト */
@media print,screen and (min-width: 768px) {

	.special_wrap {
		width: calc((100% - 4%) / 3);
		margin-right: 2%;
		float: left;
		box-sizing: border-box;

		border: 1px #ccc solid;
		padding: 0;
		overflow: hidden;
		border-radius: 10px;
		margin-bottom: 1.5em;
	}

		.special_wrap > .common-h2 {
			min-height: 55px;
			height: auto;
			font-size: 14px;
			line-height: 1.5;
		}

	.special_wrap:nth-of-type(3n) {
		margin-right: 0;
	}

	.common-h2 {
		font-size: 0.8em;
	}

	.search-result-box {
		border: none;
		padding: 10px;
		overflow: hidden;
		margin-bottom: 0;
	}
	.search-result-box > .left-column {
		clear: both;
		width: 100%;
		margin-bottom: 10px;
	}
		.search-result-box > .left-column a {
			display: block;
			height: 127px;
			overflow: hidden;
		}

	.search-result-box > .right-column {
		clear: both;
		width: 100%;
	}
		.mark-experience {
			width: 60%;
			max-width: 200px;
		}

		.search-result-box > .right-column > .common-box-h3 {
			font-size: 14px;
			min-height: 30px;
			height: auto;
		}
		.search-result-box > .right-column > .job-treatment {
			table-layout:fixed;
			width: 100%;
		}
		.search-result-box > .right-column > .job-treatment th {
			font-size: 10px;
		}
		.search-result-box > .right-column > .job-treatment td,
		.search-result-box > .right-column > .job-treatment td div {
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			font-size: 10px;
			width: 67%;
			box-sizing: border-box;
		}

	.search-result-box > .right-column > .job-list-merit-icon {
		width: 100%;
		margin-bottom: 1em;
		overflow: hidden;
	}
	.search-result-box > .right-column > .job-list-merit-icon > .job-list-merit-icon-inner {
		float: left;
		width: 11.111%;
		box-sizing: border-box;
		padding: 0;
		padding-right: 1px;
	}
	.search-result-box > .right-column > .job-list-merit-icon > .job-list-merit-icon-inner img {
		display: block;
	}

	.common-button {
			font-size: 11px;
			font-weight: normal !important;
		}

}