@charset "utf-8";

.page_ttl {
	background: url(/garagegate/images/bg_page_ttl.jpg) top center no-repeat;
}
.page_ttl h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}


.gg-item{
	margin: 4em 0;
}
.gg-item h2{
	margin-bottom: .5em;
	color: #548235;
	font-size: 2.4rem;
	font-weight: bold;
}
.vacancy-table{
	margin-bottom: 1em; 
	border: solid 1px #ddd;
	width: 100%;
}
.vacancy-table th,
.vacancy-table td{
	padding: .75em;
	border: solid 1px #ddd;
	text-align: center;
	font-size: 1.8rem;
}
.vacancy-table th{
	background: #000;
	color: #fff;
}

.vacancy-table .label{ width: 35%;}
.vacancy-table .address{ width: 35%;}
.vacancy-table .price{ width: 20%;}
.vacancy-table .vacancy{ width: 10%;}
.vacancy-table tr td:first-child{
	text-align: left;
	font-weight: bold;
}
.vacancy-table tr td:last-child{
	font-weight: bold;
	color: #00c;
	background: rgba(0,0,255,.05);
}
.vacancy-table .full{
	color: #c00 !important; 
	background: rgba(255,0,0, .05) !important;
}
.vacancy-table a{
	margin: -.75em;
	padding: .75em .75em .75em 1.75em;
	display: block;
	position: relative;
	text-decoration: none;
	color: #000;
}
.vacancy-table a:before {
    position: absolute;
    top: 1.25em;
    left: .75em;
    content: '';
    width: 0;
    height: 0;
    border: transparent 5px solid;
    border-left: #333 7px solid;
}
.vacancy-table a:hover{
	background: #f6f6f6;
}
@media only screen and (max-width: 640px) {

	.gg-item{
		margin: 0 0 2em;
	}
  .page_ttl {
    background: url(../images/bg_page_ttl.jpg) top center no-repeat;
    background-size: cover;
  }
  .page_ttl h2 {
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  
.vacancy-table th,
.vacancy-table td{
	padding: .75em;
	border: solid 1px #ddd;
	text-align: center;
	font-size: 2.4vw;
	line-height: 1.2;
}
.vacancy-table th{
	background: #000;
	color: #fff;
	vertical-align: middle;
}
.vacancy-table td{
	text-align: left;
}

.vacancy-table .label{ width: auto;}
.vacancy-table .address{ width: auto;}
.vacancy-table .price{ width: auto;}
.vacancy-table .vacancy{ width: auto;}

.vacancy-table tr td:last-child{
	text-align: center;
}
}