/*社員の一日ページのCSS*/
/*全体*/

#pan-area ul{
	margin-left:50px;
	margin-top:6px;
}

.voice_h1 {
	line-height:50px;
	width:900px;
	background-color:#002E7D;
	margin-right:auto;
	margin-left:auto;
	display: flex;
align-items: center;
margin-top:10px;
}
.voice_h1:before,
.voice_h1:after {
border-top: 1px solid #ffffff;
content: "";
flex-grow: 1;
margin-right:50px;
margin-left:50px;
}

.voice_h1 h1{
	font-size:24px;
	color:#ffffff;
	text-align:center;
	margin-top:10px;
}
.topname{
	font-size:24px;
	font-weight:bold;
	text-align:left;
	color:#002E7D;
	margin-top:30px;
	border-bottom: dotted 3px #003366;
}
.voice{
	display:flex;
	margin-top:20px;
}
.voice_all{
	margin-left:100px;
	margin-right:100px;
	margin-bottom:0;
}
.voice_photo{
	width:220px;
	height:200px;
	position:relative;
	z-index:99;
	margin-right:36px;
	margin-top:50px;
}
.voice_photo::after{
	width:100%;
	height:100%;
	background-color:#cecece;;
	top:20px;
	left:20px;
	content: "";
	position:absolute;
	z-index:-1;
}
.voice_photo img{
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: 50% 0%;	
}
.voice_work{
	margin-top:40px;
	margin-right:10px;
	width:auto;
}
.voice_work p{
	font-size:14px;
}
.voice_sentence{
	width:66%;
	margin-left:auto;
	margin-right:0;
}
.voice_sentence h2{
	font-size:20px;
	font-weight:bold;
	text-align:left;
	margin-bottom:4px;
	margin-top:10px;
	border:none;
}
/*スケジュール*/
.schedule{

	padding-top:50px;
	padding-bottom:10px;

}
.schedule h2{
	text-align:left;
	font-size:24px;
	position: relative;
	border:none;
}
.schedule h2::after{
	border-bottom: dotted 3px #003366;
	width:250px;
	top:40px;
	left:0;
	content:"";
	position: absolute;
	text-align:left;
}
.schedule h3{
	text-align:left;
	margin-left:30px;
	color:#002E7D;
}
.schedule p{
	text-align:left;
	margin-left:180px;
	font-size:16px;
}
.schedule_small{
	height:auto;
	background-color:#F1F1F1;
	position:relative;
	padding:30px;
	z-index:-1;
}
.schedule_small h2{
color:#002E7D;
}
.time{
	margin-right:80px;
	background-color:#002E7D;
	color:#ffffff;
	padding-right:6px;
	padding-left:6px;
}
.sc_1{
	margin-top:50px;
	margin-right:250px;
}
.sc_2{
	margin-top:50px;
}
.sc_3{
	margin-top:30px;
}
.sc_4{
	margin-top:30px;
}
.sc_4sub{
	margin-top:40px;
}
.sc_5{
	margin-top:30px;
	margin-right:250px;
}
.sc_6{
	margin-top:30px;
}
.sc_7{
	margin-top:30px;
}
.sc_8{
	margin-top:30px;
}
.sc_9{
	margin-top:30px;
}
.v_line_fix {
	left: 90px;
	width: 2px;
	height: 730px;
	top:120px;
	background-color:#002E7D;
	position:absolute;
	z-index:-1;
  }
.schedule_photo1{
	width:230px;
	height:180px;
	position:absolute;
	top:100px;
	right:30px;
}
.schedule_photo1 img{
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: 50% 0%;	
	z-index:99;
}
.schedule_photo2{
	width:230px;
	height:180px;
	position:absolute;
	top:550px;
	right:30px;
}
.schedule_photo2 img{
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: 50% 0%;	
	z-index:99;
}
/*社員の一日、各ページ調整用*/
.v_line_fix_sm{
	left: 90px;
	width: 2px;
	height: 750px;/*ここで背景の線の長さを調整*/
	top:160px;
	background-color:#002E7D;
	position:absolute;
	z-index:-1;
}
.v_line_fix_em {
	left: 90px;
	width: 2px;
	height: 470px;/*ここで背景の線の長さを調整*/
	top:145px;
	background-color:#002E7D;
	position:absolute;
	z-index:-1;
  }
  .sc_4_em{
	  margin-right:250px;
  }
  .v_line_fix_kk{
	left: 90px;
	width: 2px;
	height: 930px;/*ここで背景の線の長さを調整*/
	top:206px;
	background-color:#002E7D;
	position:absolute;
	z-index:-1;
  }
  .v_line_fix_kt{
	left: 90px;
	width: 2px;
	height: 930px;/*ここで背景の線の長さを調整*/
	top:140px;
	background-color:#002E7D;
	position:absolute;
	z-index:-1;
  }
  .schedule_photo2_kt{
	width:230px;
	height:180px;
	position:absolute;
	top:590px;
	right:30px;
}
.schedule_photo2_kt img{
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: 50% 0%;	
	z-index:99;
}
  .schedule_photo2_ai{
	width:230px;
	height:180px;
	position:absolute;
	top:480px;
	right:30px;
}
.schedule_photo2_ai img{
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: 50% 0%;	
	z-index:99;
}

.v_line_fix_ai{
	left: 90px;
	width: 2px;
	height: 500px;/*ここで背景の線の長さを調整*/
	top:140px;
	background-color:#002E7D;
	position:absolute;
	z-index:-1;
  }
  .v_line_fix_st{
	left: 90px;
	width: 2px;
	height: 630px;/*ここで背景の線の長さを調整*/
	top:140px;
	background-color:#002E7D;
	position:absolute;
	z-index:-1;
  }
  .schedule_photo2_st{
	width:230px;
	height:180px;
	position:absolute;
	top:590px;
	right:30px;
  }
  .schedule_photo2_st img{
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: 50% 0%;	
	z-index:99;
}
.v_line_fix_ry{
	left: 90px;
	width: 2px;
	height: 720px;/*ここで背景の線の長さを調整*/
	top:140px;
	background-color:#002E7D;
	position:absolute;
	z-index:-1;
  }
.v_line_fix_kk2{
	left: 90px;
	width: 2px;
	height: 550px;/*ここで背景の線の長さを調整*/
	top:140px;
	background-color:#002E7D;
	position:absolute;
	z-index:-1;
}
.schedule_photo1_kk2{
	width:230px;
	height:180px;
	position:absolute;
	top:50px;
	right:50px;
}
.schedule_photo1_kk2 img{
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: 50% 0%;	
	z-index:99;
}
.schedule_photo2_kk2{
	width:230px;
	height:180px;
	position:absolute;
	top:520px;
	right:30px;
  }
  .schedule_photo2_kk2 img{
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: 50% 0%;	
	z-index:99;
}
.schedule_photo1_kk{
	width:230px;
	height:180px;
	position:absolute;
	top:150px;
	right:30px;
}
.schedule_photo1_kk img{
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: 50% 0%;	
	z-index:99;
}
.schedule_photo2_kk{
	width:230px;
	height:180px;
	position:absolute;
	top:640px;
	right:30px;
  }
  .schedule_photo2_kk img{
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: 50% 0%;	
	z-index:99;
}
.kk_sub{
	margin-top:16px;
	width:100%;
	margin-left:0;
	text-align:left;
}
.kk_sub p{
	width:100%;
	margin-left:0;
	text-align:left;
}
  /*前の社員、次の社員*/
  .mov{
	display:flex;
	justify-content: space-between;
	margin-left:100px;
	margin-right:100px;
	margin-bottom:20px;
}
.mov_top{

	margin-left:100px;
	margin-bottom:80px;
}
.move a:hover{
	cursor: pointer;
}
  /*エントリーボタン*/
  .entry_area{
	display: flex;
	justify-content: space-between;
	margin-top:20px;
	margin-bottom:20px;
}

.entry_area a{
	color: #FFFFFF;
}

.entry_area a:hover{
		opacity: 0.7;
}

.entry_button{
	position: relative;
	width: 310px;
	height:120px;
	background-image: url("../../img_n/recruit/test/btn_entry_bg.png");
	margin-bottom: 30px;
}

.entry_title{
	position: absolute;
	font-size: 25px;
	top: 20px;
    left: 0;
    right: 0;
    margin: auto;
}

.entry_messeage{
	position: absolute;
	font-size: 16px;
	bottom:10px;
    left: 0;
    right: 0;
    margin: auto;
}
.moimg{
	display: none;
}
/*スマホ対応*/
@media screen and (max-width: 767px) {
	#pan-area ul{
		margin-left:0px;
	}
	.voice_h1 {
		line-height:30px;
		width:100%;

	}
	.topname{
		font-size:20px;
		font-weight:bold;
		text-align:center;
	}
	.voice{
		display:block;
		margin-top:20px;
		margin-right:auto;
		margin-left:auto;
	}

	.voice_all{
		margin-left:20px;
		margin-right:20px;
		margin-bottom:0;
	}
	.voice_photo{
		width:220px;
		height:200px;
		position:relative;
		z-index:99;
		margin-right:auto;
		margin-left:auto;
		margin-top:30px;
	}
	.voice_work{
		margin-top:30px;
		margin-left:auto;
		width:auto;
	}
	.voice_work p{
text-align:center;
	}


	.voice_sentence{
		width:100%;		
	}
	.voice_sentence h2{
		font-size:18px;
		font-weight:bold;
		text-align:left;
		margin-bottom:10px;
		margin-top:20px;
		text-align:center;
	}

/*スケジュール・スマホ*/
	.schedule h2{
		text-align:center;
		font-size:20px;
		position: relative;
		color:#002E7D;
		border-bottom: 3px dotted #002E7D;
	}
	.schedule h2::after{
		display:none;
	}
	.schedule h3{
		text-align:left;
		margin-left:0px;
		background-color:#002E7D;
		color:#ffffff;
		padding-right:6px;
		padding-left:6px;
		font-size:16px;
		margin-bottom:10px;
	}
	.schedule p{
		text-align:left;
		margin-left:0px;
		font-size:16px;
		width:100%;
	}
	.schedule_small{
		height:auto;
		background-color:#ffffff;
		position:relative;
		padding:10px;
		z-index:-1;
	}
	
	.v_line_fix ,.v_line_fix_em ,.v_line_fix_ai , .v_line_fix_kt ,.v_line_fix_kk,.v_line_fix_st,.v_line_fix_ry,.v_line_fix_kk2{
display:none;
	  }
/*後で変える*/
.schedule_photo1,.schedule_photo1_kk2{
display:none;
}
.schedule_photo1 img{
	display:none;
}
.schedule_photo2 ,.schedule_photo2_kt,.schedule_photo2_st,.schedule_photo2_kk2,.schedule_photo2_kk,.schedule_photo1_kk,.schedule_photo2_ai{
	display:none;
}
.schedule_photo2 img{
	display:none;
}

/**/
.time{
	margin-right:0px;
	padding-right:6px;
	padding-left:6px;
	margin-left:0px;
	margin-right:10px;
}
.sc_1{
	margin-top:30px;
	margin-right:0;
	background-color:#F1F1F1;
	padding:10px;
}
.sc_2{
	margin-top:0px;
	background-color:#F1F1F1;
	padding:10px;
}
.sc_3{
	margin-top:0px;
		background-color:#F1F1F1;
		padding:10px;
}
.sc_4 ,.sc_4_em,.sc_4sub {
	margin-top:0px;
	margin-right:0;
	background-color:#F1F1F1;
	padding:10px;
}
.sc_5{
	margin-top:0px;
	margin-right:0px;
	background-color:#F1F1F1;
	padding:10px;
}
.sc_6{
	margin-top:0px;
	background-color:#F1F1F1;
	padding:10px;
}
.sc_7{
	margin-top:0px;
	background-color:#F1F1F1;
	padding:10px;
}
.sc_8{
	margin-top:0px;
	background-color:#F1F1F1;
	padding:10px;
}
.sc_9{
	margin-top:0px;
	background-color:#F1F1F1;
	padding:10px;
}
.moimg{
	display:block;
	width:50px;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	margin-bottom:10px;
}
/*me調整用*/


  /*前の社員、次の社員*/
  .mov{
	display:flex;
	justify-content: space-between;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
}
.mov_top {
	margin-right:0;
	margin-left:0;
	width:100%;
}

.mov_top p{
	margin-left:0;
	margin-right:0;
	text-align:center;
}
.move a:hover{
	cursor: pointer;
}
.entry_area{
display:block;
margin-right:auto;
margin-left:auto;
}
.entry_button{
	margin-left:auto;
	margin-right:auto;
}


}