@charset "utf-8";

/*/////////////////////////////////////////////////////////////
recruit_employee_a2022.css
//////////////////////////////////////////////////////////////*/
body {

}
#contents {
	background-image:url(/images/recruit/recruit_employee_back_01.jpg) ;
	background-size: contain;
	background-repeat: no-repeat;
}

/*----------------------------------------------------------------------
リクルート従業員
----------------------------------------------------------------------*/
/*-------------------------------------------------------------------
セクションリクルート従業員
-------------------------------------------------------------------*/
.sction_recruit_employee_a{
	margin-bottom:14vw;
}

.div_recruit_employee_a{

}

/*---------------------------------
ヘッダー
----------------------------------*/
.recruit_employee_a_title{
	text-align:center;
}

.recruit_employee_a_title p{
	margin:1vw 0 ;
}

/*---------------------------------
メイン画像・メインメッセージ
----------------------------------*/
#recruit_employee_a_main{
	margin-top:9vw;

}
.recruit_employee_a_discript_1{
	display:flex;
}

.recruit_employee_a_discript_1_1{

}

.recruit_employee_a_discript_1_2{
	width:50%;
}
.recruit_employee_a_discript_1_2 img{
	width:100%;
}
.recruit_employee_a_discript_1_3{
	width: 5%;
	margin-top: 20vw;
	margin-left: 7vw;
}
.recruit_employee_a_discript_1_3_1 p{
	font-size:1.6vw;
	font-weight:bold;
}
.recruit_employee_a_discript_1_3_2{
	display:flex;
	margin-top:1vw;
}
.recruit_employee_a_discript_1_3_2 p{
	writing-mode: vertical-rl;
	font-size:1.1vw;
}
.recruit_employee_a_discript_1_3_2_1{
		order:2;
}
.recruit_employee_a_discript_1_3_2_2{
		order:1;
}
.recruit_employee_a_discript_1_4{
	width:10%;
	margin-left: 3vw;
}
.recruit_employee_a_discript_1_4 p{
	writing-mode: vertical-rl;
	font-size:2.7vw;
	font-weight:bold;
}
.recruit_employee_a_discript_1_5{
	width:10%;
	margin-left:4vw;
}
.recruit_employee_a_discript_1_5 p{
	writing-mode: vertical-rl;
	font-size:1.4vw;
}
.recruit_employee_a_discript_1_6{

}


/*---------------------------------
メイン画像・メインメッセージ
----------------------------------*/
#recruit_employee_a_message{
	margin-top:5vw;
	margin-bottom: 10vw;
}
.recruit_employee_a_message_discript_1{
	display:flex;
}

.recruit_employee_a_message_discript_1_1{
	width:31%;
	margin-left:19vw;
	margin-top: 7vw;
}
.recruit_employee_a_message_discript_1_1 h2{
	text-align:center;
	font-size:1.5vw;
	font-weight:bold;
}
.recruit_employee_a_message_discript_1_1 h3 {
	margin-top:2vw;
	font-size: 1.1vw;
}
.recruit_employee_a_message_discript_1_1 p{
	font-size: 1.1vw;
	margin-top:0.5vw;
}


.recruit_employee_a_message_discript_1_2{
	width:23%;
	margin-left:4vw;
	margin-top: 7vw;
}
.recruit_employee_a_message_discript_1_2 h2{
	text-align:center;
	font-size:1.5vw;
	font-weight:bold;
	padding-right: 5vw;
}
.recruit_employee_a_message_discript_1_2_1{
	margin-top:2.0vw;
	font-size:1.0vw;
}

.recruit_employee_a_message_discript_1_2_1_1{
	border-right:solid 0.1vw #99a09d;
	text-align:right;
	padding-right:1.0vw;
	padding-left:1.5vw;
	padding-top:0.5vw;
	width:23%;
}
.recruit_employee_a_message_discript_1_2_1_3{
	border-right:solid 0.1vw #99a09d;
	text-align:right;
	padding-right:1.0vw;
	padding-left:1.5vw;
}

.recruit_employee_a_message_discript_1_2_1_2{
	padding-left:1.0vw;
	padding-top:0.5vw;
	width:40%;
}
.recruit_employee_a_message_discript_1_2_1_4{
	padding-left:1.0vw;
}

.recruit_employee_a_message_discript_1_3{
	width:25%;
	margin-left:2vw;
	margin-top: 7vw;
}
.recruit_employee_a_message_discript_1_3 img{
	width:100%;
}

/*-------------------------------------------------------------------
セクション採用フッター
-------------------------------------------------------------------*/
.sction_hiring_process{

	width:100%;
	margin:8vw 0;

}

.div_hiring_process{
	width:50%;
	margin:0 auto;
}
/*---------------------------------
採用バナー
----------------------------------*/

.hiring_process_banner_class{
	display:flex;
}
.hiring_process_banner_class a:hover{
	opacity:0.8;
}
.hiring_process_banner_1{
	text-align:right;
	width:50%;
	margin-right:1vw;
}

.hiring_process_banner_1 img{
	width:90%;
}
.hiring_process_banner_2{
	text-align:left;
	width:50%;
	margin-left:1vw;
}
.hiring_process_banner_2 img{
	width:90%;
}