@charset "utf-8";

/*/////////////////////////////////////////////////////////////
recruit2022.css
//////////////////////////////////////////////////////////////*/
body {

}


/*----------------------------------------------------------------------
リクルート
----------------------------------------------------------------------*/
/*-------------------------------------------------------------------
セクションリクルート
-------------------------------------------------------------------*/
.sction_recruit{
	margin-bottom:2vw;
}

.div_recruit{

}

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

.recruit_title p{
	margin:1vw 0 ;
}


/*---------------------------------
トップ画像・動画
----------------------------------*/
#recruit_main{
	background-image:url(/images/recruit/recruit_top_img1.jpg) ;
	background-size: cover;
	margin-top: -3vw;
}

#recruit_main_discript_id{
	position:relative;
	height:55vw;
}

#recruit_main_discript_p{
	position:absolute;
	top:25vw;
	left:41vw;
	writing-mode: vertical-rl;
	font-size:1.4vw;
}
.recruit_discript{

}
.recruit_discript_1{
	width:100%;
}

#main_video{
	width:53%;
	text-align:center;
	margin:0 auto;
	/*display:flex;*/
	padding-top: 3vw;
}

.video_inline_class{
	width:33.3%;
	position:relative;
}
.video_inline_class video {
	position:absolute;
	top:0;
	left:0;
}

.video_inline_class p{
	text-align:left;
}
.video_inline_class1{
	margin-left:2vw;
}

#video_02{

}
#video_03{

}
.video_class{

	text-align:center;
}

.vjs-big-play-button{
	display:none;
}

.video_comment_1{
	writing-mode: vertical-rl;
	position:absolute;
	top:2%;

	z-index:2;
	font-weight:bold;
	font-size:1.2vw;
	/*color:#fff;*/
}
#video_comment_id_1{
	left:2%;
}
#video_comment_id_2{
	left:2%;
}
#video_comment_id_3{
	left:2%;
}
.video_comment_2{
}
.video_comment_2_2{
	background-color:#000;
	color:#fff;
	font-size:1.1vw;
	padding:0 0.5vw;
}
.video_comment_3{
	margin-top:0.5vw;
}
.video_comment_3_2{
	background-color:#000;
	color:#fff;
	font-size:1.1vw;
	padding:0 0.5vw;
}

.contents_video{
	position:relative;
}

#recruit_comment_movie{
	text-align:center;
	margin-top: 10vw;
}

/*-------------------------------------------------------------------
セクション社員紹介
-------------------------------------------------------------------*/
.sction_employee_introduction{
	margin-bottom:2vw;
}

.div_employee_introduction{

}
/*---------------------------------
社員紹介コメント
----------------------------------*/

#recruit_comment{
	margin-top: 10vw;
}

.recruit_comment_1{
	text-align:center;
}

.recruit_comment_1_1{
	margin-top:1vw	;
}

.recruit_comment_1_2{
	font-size:1.4vw;
	margin-top:3vw	;
}


/*---------------------------------
社員紹介写真
----------------------------------*/
.recruit_img a:hover{
	opacity:0.8;
}

.recruit_descrption{
	margin-top: -0.6vw;
}

.recruit_descrption_p1{

}

.recruit_descrption_span1{
	background-color:#000;
	color:#fff;
	font-size:0.7vw;
	padding:0 0.5vw;
}


.recruit_descrption_p2{
	margin-top: -0.2vw;
}

.recruit_descrption_span2{
	background-color:#000;
	color:#fff;
	font-size:0.7vw;
	padding:0 0.5vw;
}
.recruit_image img{
	width:100%;
}
.recruit_images_1{
	width:80%;
	margin:0 auto;
}
.recruit_images_1 ul{
	display:flex;
	flex-wrap: wrap;
}
.recruit_images_1 li{
	margin-top:3vw;
	margin-left:1.5vw;
	width:17.5%;
}
.recruit_images_1 li:nth-child(2n+1){

}

.recruit_images_1 li:nth-child(2n){

}

/*-------------------------------------------------------------------
セクション社長挨拶
-------------------------------------------------------------------*/
.sction_president_greeting{
	margin-bottom:2vw;
	width:100%;
	background-color:#dfedff;
	margin-top:8vw;
	padding:2vw 0 3vw 0;
}

.div_president_greeting{
	width:70%;
	margin:0 auto;
}
/*---------------------------------
社長挨拶タイトル
----------------------------------*/

.president_greeting_title_1{
	text-align:center;
}

.president_greeting_title_1_1{
	font-size:2.7vw;
}
/*---------------------------------
社長挨拶本文
----------------------------------*/
.president_greeting_comment_1{
	display:flex;
	margin-top:3vw;
}
.president_greeting_comment_1_1{
	width:38%;
	text-align:center;
	margin-left: 4vw;
}
.president_greeting_comment_1_1 img{
	width:93%;
}
.president_greeting_comment_1_1 p{
	margin-top:1vw;
}
.president_greeting_comment_1_2{
	width: 65%;
	margin-left:2vw;
}

.president_greeting_comment_1_2_2{
	margin-top:2vw;
}

.president_greeting_comment_1_2_3{
	margin-top:2vw;
}
/*-------------------------------------------------------------------
セクション　インスタ投稿
-------------------------------------------------------------------*/
.sction_instagram_view{
	margin-top: 2vw;
	margin-bottom: 3vw;
    padding: 2vw 0 5vw 0;
}

.div_instagram_view{
	width:80%;
	margin:0 auto;
}

/*---------------------------------
インスタグラム コメント
----------------------------------*/

#instagram_comment{
	margin-top: 10vw;
}

.instagram_comment_1{
	text-align:center;
}

.instagram_comment_1_1{
	margin-top:1vw	;
}

.instagram_comment_1_2{
	font-size:1.4vw;
	margin-top: 3vw;
	margin-bottom: 5vw;
}


/*---------------------------------
インスタ投稿
----------------------------------*/
#instagram_view{
	
}

.instagram{
	display: flex;
	justify-content: center;
}

.insta1{
	margin:0 1vw;
}

.insta2{
	margin:0 1vw;
}

.insta3{
	margin:0 1vw;
}

@media (max-width: 1100px){/* 画面サイズ1099px以下ではこのコードを採用*/
	.insta3{
		display:none;
	}
}

@media (max-width: 720px){/* 画面サイズ719px以下ではこのコードを採用*/
	.insta2{
		display:none;
	}
}
/*-------------------------------------------------------------------
セクション採用フッター
-------------------------------------------------------------------*/
.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%;
}