@charset "UTF-8";
/* CSS Document */

/**プレビュー**/
.preview .node-teaser.node-preview {
	display:none;
}
.preview .node{
	background:#fff;
}


.node-office,
.node-job{
	font-family: メイリオ, Meiryo, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
	line-height: 1.75;
    color: #343434;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0px;
    text-transform: none;
}

/***共通**/
.mb-5{
	margin-bottom:5px;
}

.mb-10{
	margin-bottom:10px;
}
.mb-20{
	margin-bottom:20px;
}
.mb-30{
	margin-bottom:30px;
}
.mb-40{
	margin-bottom:40px;
}
.mb-50{
	margin-bottom:50px;
}
.mb-60{
	margin-bottom:60px;
}
.mb-70{
	margin-bottom:70px;
}
.ml-40{
	margin-left:40px;
}
table.type02 {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #e5e5e5;

	width:100%;
}
table.type02 th {
	width: 25%;
	padding: 10px;
	font-weight: 300;
	vertical-align: middle;

	border-bottom: 1px solid #e5e5e5;
	
	background: #f7f7f7;
	font-size:13px;
}
table.type02 td {
	width: 75%;
	padding: 10px;
	vertical-align: middle;

	border-bottom: 1px solid #e5e5e5;
	font-size:13px;
}

/* タイトル関連 */
.page-header .page-title.pgttl{
	font-size: 26px;
font-weight: 500;
font-style: normal;
border-bottom:1px solid #e5b701;
padding-bottom:15px;
color:#232323;
}
h3.highlight-left {
 	border-left: 2px solid #e5b701;
    padding-left: 1.1em;
	color:#232323;
    margin-top: -30px;
    padding-top: 15px;
    padding-bottom: 15px;

}

h4.highlight-fill {
  background: #f9de77;
  color:#232323;
  padding-left:20px;
  padding-right:20px;
  padding-top:10px;
  padding-bottom:10px;
  border-radius:3px;
}

h4.highlight-bar{
	padding-right:10px;
	margin-left:-30px;
	margin-right:-30px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:18px;
	font-weight:normal;
	margin-top:20px;
	margin-bottom:20px;

	border-top:1px solid #e5e5e5;
	padding-left:40px;
	position:relative;
	margin-left: -15px;
    margin-right: -15px;
	
	
}
h4.highlight-bar:before{
	content:'';
	display:inline-block;
	background:#e5b701;
	width:25px;
	height:3px;
	top: 25px;
	left:0px;
	position: absolute;
}
h5.highlight-left{
	padding-left:40px;
	position:relative;
	padding-top:10px;
	padding-bottom:10px;
}
h5.highlight-left:before{
	content:'';
	display:inline-block;
	background:#e5b701;
	width:25px;
	height:3px;
	top: 23px;
	left:0px;
	position: absolute;
}
.datebox .field-name-field-publication-start,
.datebox .field-name-field-publication-end{
	display:inline-block;
}

.contentbox{
	padding:15px;
	box-shadow: 2px 2px 3px #cdcdcd;
	max-width:730px;
}
.contentbox2{
	padding:30px;
}
.shadow{
	/*box-shadow: 2px 2px 3px #cdcdcd;*/
	box-shadow: 0px 1px 5px #999;
	border-radius:3px;
}
.contentbox .view-views-jzd-job-search .view-header,
.contentbox2 .view-views-jzd-job-search .view-header{
	display:none;
}
.contentbox  hr,
.contentbox2  hr{
	margin-left: -15px;
	margin-right: -15px;

}
.jobmain .links.inline li{
	width:100%;
}
.contentbox h2.pgttl{
	margin-left: -15px;
	margin-right: -15px;
	margin-top:-10px;
	padding:15px;
}
.contentbox h2.pgttl{
	font-size: 24px;
    font-weight: 700;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: 0px;
    text-transform: none;
	border-bottom:1px solid #e5b701;
	margin-left:-15px;
	margin-right:-15px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	margin-top:-10px;
	color:#232323;
	margin-bottom:10px;
}
h3.highlight-left{
	margin-top:-15px;
}

h4.comname{
	font-weight:400;
	font-size:18px;
}
.officetab li a{
	font-size:12px;
}


.datebox {
	background:#f7f7f7;
	border-radius:3px;
	padding:15px;
}
.dateboxlabel{
	color:#7f7f7f;
	font-weight:700;
	margin-right:1em;
}
ul.jobpoint li{
	border-bottom:0px !important;
	padding-top:5px;
	padding-bottom:5px;
	display:table;
	width:100%;
	margin-bottom:0px;
}
.jobpoint span{
	padding-left:30px;
	color:#808080;
	height: 25px;
	display:table-cell;
	margin-right:15px;
	width:26%;
	vertical-align: top;

}
.jobpoint  .field-content{
	display:table-cell;
	width:76%;
}
.jobpoint span.job_field_job_salar_text{
	background: url(../images/fa/6.jpg) no-repeat left top;
}
.jobpoint span.job_field_job_license_list{
	background: url(../images/fa/7.jpg) no-repeat left top;
}
.jobpoint span.job_field_job_description{
	background: url(../images/fa/8.jpg) no-repeat left top;
}
.field-name-field-job-point .field-item{
	display:inline-block;
	padding:5px 10px;
	
	font-size:11px;
	border:1px solid #808080;
	margin-right:1em;
	margin-bottom:1em;
	color:#808080;
}
#secondary .widget{
	padding-top:0px;
}
.jobpoint span.job_map{
	background: url(../images/fa/1.jpg) no-repeat left top;
}
.jobpoint span.job_station{
	background: url(../images/fa/9.jpg) no-repeat left top;
}
.jobpoint span.job_category{
	background: url(../images/fa/2.jpg) no-repeat left top;
}
.prbox{
	background:#f7f7f7;
	border-radius:3px;
	padding:15px;
}
.prbox h5.pr{
	color:#e2b900;
	margin:0px;
	margin-bottom:15px;
	
}
.prbox .pre.ml-40.mb-30{
	margin-left:0px;
	margin-bottom:0px;	
}
.prbox .pre.ml-40.mb-30 .field-item:before{
	content:"■";
	color:#e2b900;
	margin-right:1em;
}
.img-responsive img {
    width: 100%;
}
img {
    max-width: 100%;
    vertical-align: middle;
    height: auto;
}
/***office***/
#officetabmenu{
	border-bottom:3px solid #ffe545;
	overflow:auto;
	max-width:730px;
}
.officetab{
	padding:0px;
}
.officetab li {
	list-style: none;
	float: left;
}
.officetab.list4 li {
width: 25%;
}
.officetab.list3 li {
width: 33.33333%;
}


.officetab li a {
	display: block;
	text-decoration: none;
	
	
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	color: #232323;
	font-size: 16px;
	text-align: center;
	background-color: #f2f2f2;
	
	border-right:1px solid #ddd;
}
.officetab li a:hover{
	background:#ffe545;
}
.col-md-12.img-responsive.jobimage img{
	width:100%;
	
}
.col-md-5.img-responsive.jobimage img{
	width:100%;
	
}
.img-responsive.jobimage2 img{
	width:100%;
	
}
#secondary .view-officedata .view-content{
	padding:15px;
}
#secondary .view-officedata .view-content .views-label {
	font-weight:800;
	color:#808080;
	display:inline-block;
	width:30%;
	padding-left:30px;
}
#secondary .view-officedata .view-content .field-content{
	display:inline-block;
	width:66%;
}
#secondary .view-officedata .view-content .views-field{
	padding-top:5px;
	padding-bottom:5px;
}
/***** 求人：オフィス *****/
.jobbox1{
	margin-bottom:1em;
}
.jobbox1 .field-items .fa,
.view-prjobsearch .fa{
	color:#fff;
	margin-right:1em;
	background:#fabe00;
	border-radius:50%;
	padding: 3px;
	width: 25px;
	height: 25px;
	text-align: center;
	font-size:14px;
	text-align:center;
	padding-top:6px;
}
.jobbox1 .field-items  span{
	color:#343434;
}
.jobmain .col-md-8 .field-name-field-company-body{
	font-weight:700;
	font-size:21px;
	color:#232323;
	margin-bottom:1em;
}
.view-display-id-block_1 div.item-list ul,
.view-display-id-block_2 div.item-list ul{
	list-style:none;
	margin-left:0px;
	padding:0px;
}

.view-display-id-block_2 ul li .views-field-field-company-image{
	display:inline-block;
	width:45%;
	vertical-align:top;
}
.view-display-id-block_1 ul li .views-field-field-company-message-img{
	width:100%;
}
.view-display-id-block_1 ul li .views-field-field-company-message{
	
	
	font-size:14px;
	
}
.view-display-id-block_2 ul li .views-field-field-company-main-catch{
	display:inline-block;
	width:50%;
	font-size:14px;
	font-weight:400;
	color:#232323;
	padding-left:10px;
}

#block-views-jobcompany-block-1 .content-header,
#block-views-jobcompany-block-2 .content-header {
	display:none;
}
.bx-wrapper .bx-caption{
	position:static;
	background:none;
}
.bx-wrapper .bx-caption span{
	color:#232323;
}


@media (max-width: 767px) {
	.contentbox h2.pgttl{
		font-size: 16px;
		font-weight: 700;
		font-style: normal;
		line-height: 1.35;
		letter-spacing: 0px;
		text-transform: none;
		border-bottom:1px solid #e5b701;
		margin-left:-15px;
		margin-right:-15px;
		padding-bottom:20px;
		padding-left:15px;
		padding-right:15px;
		margin-top:-10px;
		color:#232323;
		margin-bottom:10px;
	}
	h4.comname{
		font-size:15px;
	}
	#secondary .view-recently-read .sidettl a{
		font-size:13px;
	}
	#secondary .view-recently-read .sidecomname,
	#secondary .view-recently-read .sidesalar{
		font-size:12px;
	}
	.view-comapny-job .view-content .views-field-title h2{
	font-size:13px;
	}
	.view-prjobsearch .views-field-title{
		font-size:13px;
	}
	h3.highlight-left{
		font-size:14px;
	}
	h5.highlight-left{
		font-size:13px;
	}
	.jobpoint span{
		width:10%;
	}
	.page-header .page-title.pgttl{
		font-size: 16px;
	}
	.page-header{
		padding-bottom:0px;
		margin-bottom:0px;
		padding-top:5px;
	}
	.tabmenuoffice{
		margin-bottom:10px;
	}
	.officetab li a{
		font-size:11px;
	}
	.breadcrumb{
		margin-bottom:0px;
	}
	.pagertop{
		display:none;
	}
	
}
.view-prpoint{
	margin-top:20px;
}
.view-prpoint .pr_line{
	background:#e5b701;
	padding-top:5px;
	width:129px;
	text-align:center;
	height:29px;
	position: relative;
}
.view-prpoint .pr_line:after{
background:#e5b701;
width:15px;
	border-bottom: 29px solid transparent;
  border-right: 15px solid #fff;
	position: absolute;
	left:129px;
	content:"";
	top:0;
}
.view-prpoint .field-content{
	padding-top:10px;
	border-top:1px solid #e5b701;
}
.view-prpoint .field-content .item-list ul{
	margin-left:0px !important;
}

.view-prpoint .field-content .item-list li:before{
	font-family: "Font Awesome 5 Free";
	content: '\f00c';
	font-weight: 900;
	color:#e5b701;
	margin-right:10px;
}