@charset "UTF-8";
/*=============================================================================

救急薬品工業株式会社様 採用情報
作成日：2018/04/18
作成者：
変更日：
変更者：

=============================================================================*/

.wrapbox04{
	position: relative;
	max-width: 1100px;
	width: 92%;
	margin: 0 auto;
}

/*=============================================================================

グローバルメニュー

=============================================================================*/
.navigation #nav_btn05::after{
	content: "";
	display: block;
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 60%;
	height: 3px;
	border-bottom: 3px solid #E85298;
	border-radius: 1.5px;
}

/*=============================================================================

採用情報

=============================================================================*/
.recruit_title_img{
	position: relative;
	margin: 0 auto;
	text-align: center;
}

.recruit_title_img img{
	width: 150px;
}

.staff_title_img{
	position: relative;
	margin: 80px auto 0 auto;
}

.staff_title_img img{
	width: 150px;
}

.recruit_sec{
	width: 100%;
	max-width: 805px;
	margin: 0 auto;
}

.recruit_sec .recruit_table{
	display: table;
	margin-top: 15px;
	width: 100%;
	border-collapse: collapse;
}

.recruit_table .recruit_row{
	display: table-row;
	border-bottom: 1px dotted #E85298;
	line-height: 1.8em;
}

.recruit_table .recruit_row .recruit_caption{
	display: table-cell;
	padding: 8px 0 7px 20px;
	width: 200px;
}

.recruit_table .recruit_row .recruit_description{
	display: table-cell;
	padding: 8px 10px 7px 5px;
}

.recruit_sec .rikunabi_box{
	margin: 30px 0 0 0;
	text-align: center;
}

.recruit_sec .rikunabi_box img{
	transition: filter .3s ease-in-out;
}

.recruit_sec .rikunabi_box img:hover{
	filter: opacity(85%);
}

.recruit_sec .rikunabi_txt{
	font-size: 18px;
}

.recruit_sec .rikunabi_arrow{
	margin: 12px auto 0 auto;
	width: 20px;
	height: 25px;
	border: 10px solid rgba(0,0,0,0);
	border-top: 15px solid #E85298;
}

.recruit_sec .rikunabi_link{
	display: block;
	margin: 2px 0 0 0;
}

.recruit_sec .rikunabi_link img{
	width: 500px;
	border: 1px solid #ccc;
}

@media screen and (max-width:767px) {
	.recruit_title_img{
		margin: 30px auto 0 auto;
	}

	.recruit_title_img img{
		width: 113.5px;
	}

	.staff_title_img{
		margin: 80px auto 0 auto;
	}

	.staff_title_img img{
		width: 150px;
	}

	.recruit_sec{
		max-width: 100%;
		margin: 0 auto;
	}

	.recruit_table{
		margin-top: 20px;
	}

	.recruit_table .recruit_row{
	}

	.recruit_table .recruit_row .recruit_caption{
		padding-left: 10px;
		padding-right: 0;
		width: 100px;
	}

	.recruit_table .recruit_row .recruit_description{
		padding-left: 5px;
		padding-right: 3px;
	}

	.recruit_sec .rikunabi_box{
		margin: 25px 0 0 0;

	}
	.recruit_sec .rikunabi_txt{
		font-size: 16px;
	}

	.recruit_sec .rikunabi_arrow{
		margin: 12px auto 0 auto;
		width: 12px;
		height: 15px;
		border: 6px solid rgba(0,0,0,0);
		border-top: 10px solid #E85298;
	}

	.recruit_sec .rikunabi_link{
		margin: 0;
	}

	.recruit_sec .rikunabi_link img{
		width: 100%;
		max-width: 315px;
	}

}

/*=============================================================================

先輩からのひとこと

=============================================================================*/
.staff_sec{
	position: relative;
	margin: 60px 0 0 0;
	padding: 0 0 100px 0;
	z-index: 1;
}

.staff_sec::after{
	content: "";
	position: absolute;
	top: 60px;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -2;
	background-color: #F2F2F2;
}

.staff_sec .staff_title_img{
	position: relative;
	margin: 0 auto;
	text-align: center;
}

.staff_sec .staff_title_img img{
	width: 150px;
}

.staff_sec .staff_msg{
	margin: 40px 0 0 0;
}

.staff_sec .staff_msg .row:last-child{
	margin: 10px 0 0 0;
}

.staff_sec .staff_box1,
.staff_sec .staff_box2{
	position: relative;
	background: #FFFFFF;
	box-shadow: 3px 3px  9px 0 #BBB;
}

.staff_sec .staff_subbox{
	display: table;
}


.staff_sec .staff_box1::before,
.staff_sec .staff_box2::before{
	content: "";
	position: absolute;
	top: 10px;
	right: -10px;
	bottom: -10px;
	left: 10px;
	background: #F3B3D1;
	z-index: -1;
}

.staff_sec .staff_box1{
	margin: 0 40px 0 0;
	padding: 25px 20px 25px 0;
}

.staff_sec .staff_box2{
	margin: 30px 0 0 40px;
	padding: 25px 0 25px 20px;
}

.staff_box1 .staff_photo,
.staff_box2 .staff_photo{
	display: table-cell;
	width: 130px;
}

.staff_box1 .staff_txt,
.staff_box2 .staff_txt{
	display: table-cell;
	vertical-align: top;
}

.staff_box1 .staff_txt{
	padding-left: 10px;
}

.staff_box2 .staff_txt{
	padding-right: 10px;
}

.staff_box1 .staff_name,
.staff_box2 .staff_name{
	margin: 1em 0 0 0;
	text-align: right;
}

{
	right: 10px;
	bottom: 0;
}

@media screen and (max-width:767px) {
	.staff_sec{
		margin: 40px 0 0 0;
		padding: 0 0 60px 0;
		border-bottom: 1px solid #ccc;
	}

	.staff_sec::after{
		top: 40px;
	}

	.staff_sec .staff_title_img{
	}

	.staff_sec .staff_title_img img{
		width: 113.5px;
	}

	.staff_sec .staff_msg{
		margin: 10px 0 0 0;
	}

	.staff_sec .staff_msg .row:last-child{
		margin: 0;
	}

	.staff_sec .staff_box1,
	.staff_sec .staff_box2{
		font-size: 14px;
	}

	.staff_sec .staff_box1::before,
	.staff_sec .staff_box2::before{
	}

	.staff_sec .staff_box1{
		margin: 25px 30px 0 0;
		padding: 15px 10px 10px 0;
	}

	.staff_sec .staff_box2{
		margin: 25px 10px 0 20px;
		padding: 15px 0 10px 10px;
	}

	.staff_box1 .staff_photo,
	.staff_box2 .staff_photo{
		display: table-cell;
		width: 87px;
	}

	.staff_box1 .staff_txt,
	.staff_box2 .staff_txt{
		padding: 0;
	}

	.staff_box1 .staff_txt{
		padding-left: 10px;
	}

	.staff_box2 .staff_txt{
		padding-right: 10px;
	}

	.staff_box1 .staff_name{
		text-align: right;
		margin: .5em 0 0 auto;
	}

	.staff_box2 .staff_name{
		text-align: left;
		margin: .5em auto 0 0;
	}

	.footer{
		margin-top: 0;
	}
}