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

.titleVisual .titleBk {
	background-image: url(../images/news/ttl_bk.jpg);
}

/*-----------------------------------------------------------*/
.job{
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
    -webkit-justify-content:flex-end;
	justify-content:flex-end;
	-ms-flex-pack:end;
	margin-top: 55px;
}
.job .desc{
	background: url(../images/pt_strip.png);
	width: 73.2%;
	padding: 1.75em 1em 1.75em 3.12em;
	position: relative;
	margin-top: 1em;
}
.job .pic{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 27.5%;
}
.job .pic img{
	box-shadow:0px 15px 18px -11px #d4d4d4;
}
.job .jobTtl{
	font-size: 1.25em;
	color: #112F7B;
	font-weight: 700;
	margin-bottom: 0.5em;
}
.job .date{
	display: inline-block;
    font-size: 0.75em;
    padding: 0.2em 1.2em;
	background: #f2f2f2;
	margin-left: 0.8em;
}
.job .date .fa{
	margin-right: 0.4em;
}
.job .inner{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
    -webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-pack: justify;
	-webkit-align-items: flex-end;
	-ms-align-items: flex-end;
	align-items: flex-end;
}
.job .desc dl{
	width: 68%;
	font-size: 0.875em;
	margin-top: 0.8em;
}
.job .desc dt{
	width: 15%;
	float: left;
	clear: both;
	padding: 0.3em 0;
	font-weight: 700;
}
.job .desc dd{
	padding: 0.3em 0 0.3em 15%;
}
.job .desc .btn_detail{
	width: 30%;
}
@media (max-width: 767px) {
.job{
    -webkit-justify-content:flex-start;
	justify-content:flex-start;
	-ms-flex-pack:start;
	margin-top: 25px;
	background: url(../images/pt_strip.png);
}
.job .desc{
	background: none;
	width: 100%;
	padding: 1em;
	position: relative;
	margin-top: 1em;
}
.job .pic{
	position: relative;
	margin:  0 auto;
	width: 100%;
	text-align: center;
}
.job .inner{
	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items:start;
}
.job .desc dl{
	width: 100%;
	margin-bottom: 15px;
}
.job .desc dt{
	width: 25%;
	float: left;
	clear: both;
	padding: 0.3em 0;
	font-weight: 700;
}
.job .desc dd{
	padding: 0.3em 0 0.3em 25%;
}
.job .desc .btn_detail{
	width: 100%;
}
}