@charset "UTF-8";
/*  追加 2020/01/28 */
.flow-link a:link,.flow-link a:visited { color:#E60012; text-decoration: underline; }
.mynavi {
	text-align: center;
}
.left { text-align: left !important; }
h4#entry--link {
	text-align: center;
	font-weight: bold;
	margin-top: 20px;
}
.entry-tel {
	font-size: 112.71%;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 50px;
}
.none-tbl {
	margin-top: 3px;
	width: 100%;
}
.none-tbl td {
	border: 0;
	padding: 0;
	line-height: 1.5;
	vertical-align: top;
}
.w20 {
	width: 30% !important;
}
@media screen and (max-width:768px){
	.none-tbl td {
		margin: 0 !important;
		padding: 0 !important;
	}
}

/*  追加 2019/02/15 */
.circle {
	list-style-type: disc;
	margin-left: 20px;
	font-size: 112.71%;
	line-height: 1.7;
}
.access-desc {
	font-size: 112.71%;
	margin-top: 5px;
}
.access-desc a:link,.access-desc a:visited { color:#E60012 }

/*  追加 2017/03/03 */

.entry_links a {
	color: blue;
}
.non-tbl {
	background-color: #fff;
	border-collapse: inherit;
}
.non-tbl td {
	border: 0;
	padding: 0;
	vertical-align: top;
	line-height: 2.0;
}

/*追記202305*/

.detail_btn.rec + .detail_btn.rec{
  padding-top:10px;
}
.detail_btn.rec span a{
  padding:10px 14px 10px 24px;
}

@media screen and (max-width:768px){
  #recruit_slide+div.clearfix div.section_2block_left{
    margin-bottom: 20px;
  }
  #recruit_slide+div.clearfix div.btn_area{
    margin:5px 0 15px;
  }
  .detail_btn.rec + .detail_btn.rec{
  padding-top:15px;
}
  .detail_btn.rec span a{
    padding:14px 40px 14px 45px;
  }
}


/* --------------------------------
	section_block
-------------------------------- */

.section_block .base_block li.business {
	background: url('../images/About_us/img_branch01.png') no-repeat 20px 20px;
}
.section_block .base_block li.manufacturing {
	background: url('../images/About_us/img_branch02.png') no-repeat 20px 20px;
}
.section_block .base_block li.overseas {
	background: url('../images/About_us/img_branch03.png') no-repeat 20px 20px;
}

/* --------------------------------
	image
-------------------------------- */

.img_top01 { background: url('../images/recruit/img_top01.png') no-repeat; height: 296px;}
.img_newgrads { background: url('../images/recruit/newgrads/img_newgrads.png') no-repeat; height: 295px;}
.img_newgrads01 { background: url('../images/recruit/newgrads/img_voice01.png') no-repeat; height: 160px;}
.img_newgrads02 { background: url('../images/recruit/newgrads/img_newgrads01_2019.png') no-repeat; height: 295px;}
.img_newgrads03 { background: url('../images/recruit/newgrads/img_newgrads01_2020.png') no-repeat; height: 295px;}
.img_career01 { background: url('../images/recruit/career/img_career01.png?20241202') no-repeat; height: 295px;}

/*
.img_voice01 { background: url('../images/recruit/voice/sales_img01_00.png') no-repeat; height: 170px; position: relative; }
.img_voice02 { background: url('../images/recruit/voice/sales_img02_00.png') no-repeat; height: 170px; position: relative; }
.img_voice03 { background: url('../images/recruit/voice/sales_img03_00.png') no-repeat; height: 170px; position: relative; }
.img_voice04 { background: url('../images/recruit/voice/sales_img04_00.png') no-repeat; height: 170px; position: relative; }
.img_voice05 { background: url('../images/recruit/voice/sales_img05_00.png') no-repeat; height: 170px; position: relative; }
.img_voice06 { background: url('../images/recruit/voice/sales_img06_00.png') no-repeat; height: 170px; position: relative; }
.img_voice07 { background: url('../images/recruit/voice/sales_img07_00.png') no-repeat; height: 170px; position: relative; }
.img_voice08 { background: url('../images/recruit/voice/sales_img08_00.png') no-repeat; height: 170px; position: relative; }
.img_voice09 { background: url('../images/recruit/voice/sales_img09_00.png') no-repeat; height: 170px; position: relative; }
.img_voice10 { background: url('../images/recruit/voice/sales_img10_00.png') no-repeat; height: 170px; position: relative; }
*/
.interview{
  margin-bottom: 70px;
}
.voice_back{
  background: #ddd;
  padding:30px 0 20px;
}
.voice_back_inner{
/*  max-width: 550px;*/
  padding:0 15px 0 20px;
  margin:0 auto;
}
.voice_back p {
	font-size: 142%;
	font-weight: bold;
    margin-bottom: 10px;
}
.voice_back p.two {
	top: 60px;
}
.voice_back span {
	font-size: 112%;
}
.voice_back span > b {
  margin-left: 20px;
  font-weight: normal;
}
.voice_back_img{
  margin-top:15px;
}
.voice_back_img img{
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: clamp(300px,30vw,340px);
}
.recruit-exit {
	background-color: #fff;
	padding: 10px;
}

/* -------------  ここから詳細ページ ------------- */

.detail h3.section_head {
	padding-bottom: 10px;
	margin: 40px 0 10px;
	border-bottom: 1px solid #ccc;
}
.none_recruit {
	text-align: center;
	font-size: 108%;
}
/* --------------------------------
	並列画像
-------------------------------- */

.photo_notes {
	margin: 10px 0;
}
.photo_notes div {
	width: 450px;
	padding: 0;
	background-color: #fff;
}
.photo_notes .section_2block_right {
	width: 200px;
	margin-left: 20px;
}
.photo_notes img {
	margin: 0;
}

/* --------------------------------
	entry_btn
-------------------------------- */

#entry_btn {
	margin: auto;
	font-size: 124%;
	text-align: center;
}
#entry_btn a {
	display: block;
	padding: 20px 0;
	background-color: #e60012;
	color: #fff;
	font-weight: bold;
}
#entry_btn a:hover {
	background-color: #8c0000;
}

/* --------------------------------
	schedule
-------------------------------- */

#schedule p {
	border: 1px solid #ccc;
	padding: 8px 10px;
	font-size: 108%;
	text-align: center;
}
#schedule p.c_class {
	border: 0;
	background-color: #000;
	color: #fff;
	margin-bottom: 10px;
}
#schedule span {
	display: block;
	text-align: center;
}
#schedule .block_2 div {
	background-color: #fff;
	padding: 0;
	width: 320px;
}
#schedule div img {
	margin: 0;
}

/* --------------------------------
	slide
-------------------------------- */

#recruit_slide {
	width:675px;
	height:286px;
	margin:0 auto;
	position:relative;
}
#recruit_slide img {
	position:absolute;
	left:0;
	top:0;
}

/* --------------------------------
	voice_tab
-------------------------------- */

#voice_tab .tab {
	padding-bottom: 20px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
#voice_tab .tab li{
  width: 49%;
}
#voice_tab .tab li a {
	padding: 15px 0;
	width: 100%;
	text-align: center;
	font-size: 128%;
	font-weight: bold;
	display: block;
}
/*
#voice_tab li.career a {
	margin-left: 15px;
}
*/
#voice_tab li.list_page a {
	color: #fff;
	background-color: #666;
}
#voice_tab a:hover {
	color: #fff;
}
#voice_tab .tab li a {
	border:1px solid #e60014;
}
#voice_tab .tab li.new_graduate a:hover,
#voice_tab .tab li.career a:hover {
	background-color: #e60014;
  color:#fff;
}
#voice_tab .tab li.new_graduate a,#voice_tab .tab li.career a{
  color:#e60014;
}
#voice_tab .tab li.new_graduate_select a,
#voice_tab .tab li.career_select a {
	background-color: #e60014;
  color:#fff;
}
.hide {
	display:none;
}


@media screen and (max-width:768px) {
	*{
		box-sizing: border-box;
	}
	body#recruit.home #content{
		padding:0 0 20px;
	}
	body#recruit #content{
		padding:0 20px 20px;
	}
	#recruit_slide{
		width:100%;
		max-width:100%;
		height:37vw;
	}
	#recruit_slide img{
		width:100%;
		max-width:100%;
		height:auto;
	}
	#recruit_slide img {
		z-index:-1;
	}
	#recruit_slide+div.clearfix div{
		clear:both;
		width:100%;
		margin:0;
/*		margin-bottom:20px;*/
		text-align: center;
	}
	#recruit_slide+div.clearfix div img{
		width:90%;
		height:auto;
	}
	.photo_notes div {
		width: 100%;
	}
	.photo_notes .section_2block_right {
		width: 100%;
		margin-left: 0;
		text-align: center;
	}
/*
	#voice_tab ul{
		display: flex;
		flex-wrap:wrap;
		justify-content: space-between;
	}
*/
	#voice_tab .tab li{
		width:48%;
		margin:0;
	}
  
/*
	#voice_tab ul li a{
		width:100%;
	}
*/
  
/*改修202304*/
  .interview{
  margin-bottom: 40px;
}
  .voice_back{
    margin-left: -20px;
    margin-right: -20px;
  }
  .voice_back p{
    margin-bottom: 5px;
  }
  
	body#recruit_newgrads h3,
	body#recruit_career h3{
		margin:20px;
	}
	body#recruit_newgrads .access-desc,
	body#recruit_career h3+p{
		padding:0 20px 20px;
	}
	.img_career01,
	.img_newgrads,
	.img_newgrads03{
		width:100%;
		height:36.5vw;
		margin-bottom: 40px;
		background-size:cover;
	}
	#entry_btn{
		padding:0 20px 20px;
	}
	body#recruit_newgrads table{
		margin-bottom:0px;
	}
	body#recruit_career table{
		margin-bottom:0px;
	}
	body#recruit_newgrads td table,
	body#recruit_career td table{
		margin-bottom:0;
	}
	body#recruit_newgrads table th,
	body#recruit_newgrads table td,
	body#recruit_career table th,
	body#recruit_career table td{
		display: block;
		width:100%;
		padding:12px 20px;
		border:none;
	}
	body#recruit_career table th,
	body#recruit_newgrads table th{
		text-align: left;
	}
	body#recruit_newgrads table td table td{
		display: table-cell;
		width:auto;
		padding:0;
	}
	#schedule{
		padding:0 20px;
	}
	#schedule+a{
		display: inline-block;
		padding:0 20px;
	}
	#schedule+a img{
		width:100%;
		height:auto;
	}
	.block_2.clearfix{
		display: flex;
		flex-wrap:wrap;
		justify-content: space-between;
	}
	.block_2.clearfix:after{
		content:none;
	}
	#schedule .block_2 div.section_2block_left,
	#schedule .block_2 div.section_2block_right {
		width:48%;
		float:none;
		margin:0;
	}
	.none_recruit {
		padding: 0 20px;
		margin: 0 auto;
	}
	.mynavi {
		width: 80%;
	}
}
@media screen and (max-width:560px) {
	.block_2.clearfix>div p{
		height:3.5em;
		display: flex;
		align-items: center;
		justify-content: center;
	}

}

/*先輩の声一覧*/
.voice_list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.voice_list::after{
  content:"";
  width:32%;
  max-width: 210px;
}
.voice_list li{
  width: 31.5%;
  max-width: 210px;
  margin-bottom: 40px;
}
.voice_list li a{
  display: flex;
  flex-direction: column;
  transition: .3s;
}
.voice_list li a .img,.voice_list li a .img img{
  width: 100%;
  
}
.voice_list li a .img img{
  background: #EEECEC;
}
.voice_list li a:hover .img img{
  opacity: 0.8;
}
.voice_list li a .txt{
  border-left: 2px solid #E60012;
  padding-left: 10px;
  margin-top:10px;
}
@media screen and (max-width:768px) {
  .voice_list::after{
  content:"";
  width:48%;
  max-width: 500px;
}
.voice_list li{
  width: 48%;
  max-width: 500px;
  margin-bottom: 40px;
}
}

/*20241129キャリア採用更新*/
@media screen and (max-width:768px) {
.img_career01{
	background-position: bottom;
}
}