@charset "utf-8";
/* 求人詳細ページ用CSS */

/* --------------------

基本

-------------------- */
.job_detail{background-color: #6BC7C1;}

.job_detail_inner{
	width:80%;
	margin:0 auto;
	padding:80px 0;
}

.job_detail_wrap{
	margin-bottom:40px;
	padding:60px;
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
	background-color:#fff;
}

/*タイトル*/
.job_detail .h1{
	font-size:30px;
	display:inline-block;
	text-align:left;
}

/*画像スライダー*/
.slider-pro{margin:40px auto !important;}
.sp-slides{cursor:pointer;}

/*実際のエントリーはできません*/
.cantentry{
	font-size:12px;
	font-weight:bold;
	color:#FF0000;
	text-align:center;
	margin-top:15px;
}

/*スマホ*/
@media screen and (max-width:767px){
.job_detail_inner{
	width:100%;
	padding:50px 20px;
}
.job_detail_wrap{padding:30px 20px;}
.job_detail .h1,
.job_detail .h2{font-size:22px;}
}

/* --------------------

求人一覧に戻る

-------------------- */
.backto_recruit{
	position:relative;
	color:#fff;
	padding-left:20px;
	text-decoration:underline;
}

.job_detail_wrap .backto_recruit{
	color:#111;
	
	margin-bottom:40px;
	padding-bottom:20px;
	border-bottom:1px dotted #ccc;
}

.backto_recruit:before {
    display: block;
    content: '';
    position: absolute;
    top: 6px;
    left:0;
    width: 6px;
    height: 6px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.job_detail_wrap .backto_recruit:before {
	border-right: 1px solid #111;
    border-bottom: 1px solid #111;
}

/*PC・タブレット*/
@media (min-width:768px){
.backto_recruit:hover{text-decoration:none;}
}

/* --------------------

テーブル

-------------------- */
.job_detail_table{margin:40px 0;}
.job_detail_table div p{margin-bottom:10px;}
.job_detail_table div p:last-child{margin-bottom:0;}
.job_detail_table div p.pr{font-weight:bold;}
.job_detail_table > li > p{font-weight:bold;}

/*PC・タブレット*/
@media (min-width:768px){
.job_detail_table{border-top:1px solid #ddd;}
.job_detail_table > li{
	letter-spacing:-.4em;
	padding:20px;
	border-bottom:1px solid #ddd;
}
.job_detail_table > li > p,
.job_detail_table > li > div{
	display:inline-block;
	letter-spacing:normal;
	vertical-align:middle;
}
.job_detail_table > li > p{width:20%;}
.job_detail_table > li > div{
	width:80%;
	border-left:1px solid #ddd;
	padding-left:20px;
}
}

/*スマホ*/
@media screen and (max-width:767px){
.job_detail_table > li{margin-bottom:40px;}
.job_detail_table > li > p{margin-bottom:10px;}
}