@charset "UTF-8";

.recruit_sub #header{box-shadow:none;}

.recruit_sub #main_image,
.recruit_sub #main_image2,
.recruit_sub #main_image3{ height : 300px !important; background-position : center top;}

/*中途採用*/
.recruit_sub.bg2 #container{background : #292929;}
.recruit_sub.bg2　#main_image{background: url(../../img/page_career/main_img.jpg) no-repeat center top; background-size: cover; text-align: center!important;}


.single_title{margin-bottom :20px; font-size: 28px; font-weight : normal; text-align : left;}
.single_title span{float:right; font-size : 14px; color : #aaa; display:inline-block; margin-top : 15px; }
#recruit_page #container.career .single_title {color : white;}

.message.txt{font-size : 18px; margin : 0 0 40px; }

#recruit_page #container.career .message.txt{color : white;}


.recruit_sub #cms_news p{margin-bottom : 20px;}
.recruit_sub #cms_news img{margin : 0 10px;}
.recruit_sub #cms_news h3{font-weight : bold ; font-size : 22px; font-weight : normal; margin-bottom : 20px; border-bottom : 2px solid #aaa; margin-top : 50px;} 
.recruit_sub #cms_news ul.dot li{list-style-type:disc; margin-left: 1em;}
.recruit_sub #cms_news ul.dot,
.recruit_sub #cms_news ol{margin-bottom : 20px;}

.recruit_sub .flow{text-align : center; border-spacing: 20px 0; display:none!important; width : 80%; margin : 0 auto;} 
.recruit_sub .flow li{position : relative; background : #678db8;  border : solid 1px #315f93; color : white ; padding : 10px ; border-radius : 4px; margin-bottom:15px; margin : 0 20px 20px; vertical-align:middle;}

.recruit_sub .flow.active{display:block!important;}


.recruit_sub .flow li:after{
	content : "▼";
	position : absolute;
	right : 50%;
	bottom : -15px;
	color : #678db8;

}
.recruit_sub .flow li:last-child:after{
	content:"";
}

.flow_w_box{
	text-align : left;
	padding : 10px 20px;
	color : #333;
	border-radius : 4px;
	background : white;
	margin-top : 10px;
}
.flow_w_box dd{
	font-size : 86%;
}


.recruit_sub #main_image.sub_company{
	background: url(../../img/page_new_graduate/con_bg_01.jpg) no-repeat center center;
    background-size: cover;
}

.recruit_sub #main_image.sub_faq{
	background: url(../../img/page_new_graduate/con_bg_02.jpg) no-repeat center center;
    background-size: cover;
}

.recruit_sub #main_image.career_paths{
	background: url(../../img/page_new_graduate/con_bg_03.jpg) no-repeat center center;
    background-size: cover;
}

.recruit_sub #main_image.event{
	background: url(../../img/page_new_graduate/con_bg_04.jpg) no-repeat center center;
    background-size: cover;
}

.recruit_sub #main_image.sub_job{
	background: url(../../img/page_new_graduate/con_bg_05.jpg) no-repeat center center;
    background-size: cover;
}

.recruit_sub #main_image.staff{
	background: url(../../img/page_new_graduate/con_bg_06.jpg) no-repeat center center;
    background-size: cover;
}

.sp_only{display : none;}


/*新卒階層ページ
-------------------------------------------------------------*/

#recruit_page #container.new_graduate_sub{background:white; margin-bottom : -50px;}
#recruit_page #container.new_graduate_sub #p_list {color : #333;}
#recruit_page #container.new_graduate_sub #p_list a{color : #333;}

#recruit_page #container.new_graduate_sub .bg{background : #efefef; padding : 80px 0 60px;}
#recruit_page #container.new_graduate_sub .bg:nth-child(even) {background : white;}
#recruit_page #container.new_graduate_sub .d_cell{vertical-align:middle; text-align : left;}
#recruit_page #container.new_graduate_sub .text{margin-bottom : 30px; text-align : left;}
#recruit_page #container.new_graduate_sub .d_cell.text{width :600px; }
#recruit_page #container.new_graduate_sub .d_cell.text p{margin-bottom :10px;}
#recruit_page #container.new_graduate_sub .left{float : left;}
#recruit_page #container.new_graduate_sub .right{float : right;}
#recruit_page #container.new_graduate_sub .d_cell small{
	font-size : 12px; line-height : 16px; color : #666; display:block; padding-top : 10px;
}
#recruit_page #container.new_graduate_sub .d_table{display:table; width : 100%; }

@media only screen and (max-width: 1200px){
	#recruit_page #container.new_graduate_sub .d_table{display:table; width : 100%;  text-align : center;}
	#recruit_page #container.new_graduate_sub .d_table .left,
	#recruit_page #container.new_graduate_sub .d_table .right{float : none; margin: 0 auto; }
}

#recruit_page #container.new_graduate_sub .images {width : 433px;}
#recruit_page #container.new_graduate_sub .images img{ margin-bottom : 20px;}

#recruit_page #container.new_graduate_sub .a_link_box {text-align : center; margin-bottom : 50px}
#recruit_page #container.new_graduate_sub .a_link_box.no_sp{margin-bottom : 0;}
#recruit_page #container.new_graduate_sub .a_link_box li{width : 30%; margin : 0 0 20px; display : inline-table; border-radius : 20px; }

#recruit_page #container.new_graduate_sub .a_link_box li:nth-child(2){margin : 0 50px;}

#recruit_page #container.new_graduate_sub .a_link_box li:hover{opacity : 0.6;
	-webkit-transition: all .3s;
	transition: all .3;}
#recruit_page #container.new_graduate_sub .a_link_box li img{max-width : 100%; border-radius : 20px; }
#recruit_page #container.new_graduate_sub .a_link_box li span{padding-top : 10px; display:block; bottom:0; right : 0 ; width : 100%; background : white; height : 5em; vertical-align : middle; border-radius : 0 0 20px 20px;}
#recruit_page #container.new_graduate_sub .a_link_box li span i{position : absolute; bottom : 3px;  right : 50%; }



.blog_banner{border-top : solid 8px #eaeaea; padding :100px 0 80px ; }
.blog_banner:hover{opacity : 0.6;}
.sub_messagetxt{font-size : 18px; margin-bottom : 30px;}
.team_list{ text-align : left; width : 100%; max-width : 100%; display:table;}
.team_list li{width : 170px; display :inline-table; margin : 0 20px 20px; font-size : 14px;}
.team_list li:hover{opacity : 0.6;-webkit-transition: all .3s; transition: all .3;}
.team_list li a{display : block; position : relative;  text-align : center;}
.team_list li a img{width : 100%; height : auto; border : solid white 8px!important; }
.team_list li a span{display:block; padding : 5px 0 0 ; }
.icon_team{width : 70px;  float : left;  margin-right : 20px; }
.icon_team img{width : 100%;border-radius : 10px; height : auto;}

.st04{font-size : 20px; margin-bottom : 30px; font-weight : bold; border-bottom : 6px dotted #ccc; padding-bottom : 10px;}
.name_team{ ; line-height : 70px; margin-right : 20px; }
.reader{float : right; color : #777; padding-top : 30px ; font-weight : normal;font-size : 14px; }

.inline_box{
	display:table;
	text-align : center;
	margin-bottom : 30px;
}
.inline_box li{display:inline-block!important; margin : 0 10px 10px;}

.list_check li{list-style-type: none; border-bottom : dotted #ccc 1px; padding : 10px 0 10px 2em; text-indent : -1em;  }
.list_check li i{margin-right : 1em;}
.list_disc li{list-style-type: disc; border-bottom : dotted #ccc 1px; padding : 10px 0; margin-left : 20px;}
.feature_copy{text-align : left; font-weight : bold; font-size : 18px;  color : #4674C1;}
.feature_copy img{margin-left : 20px;}

.column_5 ul{display:table;}
.column_5 li{width : 19%; display : inline-table; font-size : 14px; text-align : center; margin-right : 1%;}
.column_5 li:last-child{margin-right:0;}
.column_5 li img{width : 100%; height : auto; margin-bottom : 10px;}



/*募集要項ページ
-------------------------------------------------------------*/
.job_list{padding : 0 20px 0 0; }
.job_list li{ background : #eaeaea; border : solid 2px #eaeaea ; border-bottom : 0; padding : 10px; margin-bottom : 4px; display:inline-block; color : #aaa; vertical-align:bottom;transition-duration: 0.3s;}
.job_list li i{margin-right : 6px;}
.job_list li span{font-size : 12px;}
.job_list li.active{background : #fff; color : #333; padding : 10px 10px 20px; }
.job_list li:hover{background : #fff; cursor: pointer; 
	transition-duration: 0.3s;	/*変化に掛かる時間*/}

.team_copy{text-align : center; padding : 0 0 40px; font-size : 20px; line-height : 1.3; font-weight : bold; color :#078207; }
.team_pr tr:first-child{border-top : dotted 1px #aaa;}
.team_pr th{width : 120px; border-bottom : dotted 1px #aaa; padding : 15px 0; vertical-align:middle; font-weight : bold; text-align : center; }
.team_pr td{border-bottom : dotted 1px #aaa; padding : 15px 0;}
.team_pr td ul{margin : 0 0 0 1em;}
.team_pr td ul li{list-style-type : disc;}



.job_table{display : none; width:100%; }
.job_table tr{background : white; border-bottom : #ccc solid 1px; width:100%;}
.job_table tr:nth-child(odd){background : #f9f9f9;}
.job_table th{width : 300px; padding : 10px; }
.job_table td{padding : 10px; width : 900px; }

.job_table td.tb_sp{padding : 30px 10px;}



.job_table.active{display : block!important;}

#g_map{width : 40%; float : right; margin-left : 30px;}

.entry_btn{margin : 0 20px;}


/*中途階層ページ
-------------------------------------------------------------*/

#recruit_page #container.career_sub{
	background:white; 
	margin-bottom : -50px;
    position: relative;
    margin-top: 180px;

}
#recruit_page #container.career_sub #p_list {color : #333;}
#recruit_page #container.career_sub #p_list a{color : #333;}

#recruit_page #container.career_sub .bg{background : #efefef; padding : 80px 0 60px;}
#recruit_page #container.career_sub .bg:nth-child(even) {background : white;}
#recruit_page #container.career_sub .d_cell{vertical-align:middle; text-align : left;}
#recruit_page #container.career_sub .text{margin-bottom : 30px; text-align : left;}
#recruit_page #container.career_sub .d_cell.text{width :600px; }
#recruit_page #container.career_sub .d_cell.text p{margin-bottom :10px;}

#recruit_page #container.career_sub .d_cell small{
	font-size : 12px; line-height : 16px; color : #666; display:block; padding-top : 10px;
}
#recruit_page #container.career_sub .left{float : left;}
#recruit_page #container.career_sub .right{float : right;}

#recruit_page #container.career_sub .d_table{display:table; width : 100%; margin-bottom: 50px;}
#recruit_page #container.career_sub .images {width : 433px;}
#recruit_page #container.career_sub .images img{ margin-bottom : 20px;}


@media only screen and (max-width: 1200px){
	#recruit_page #container.career_sub .d_table{display:table; width : 100%;　text-align:center;}
	#recruit_page #container.career_sub .d_table .left,
	#recruit_page #container.career_sub .d_table .right{float : none; margin: 0 auto; }
}

#recruit_page #container.career_sub .a_link_box {text-align : center; margin-bottom : 50px}
#recruit_page #container.career_sub .a_link_box li{width : 30%; margin : 0 1% 20px; display : inline-table; border-radius : 20px; }
#recruit_page #container.career_sub .a_link_box li:hover{opacity : 0.6;
	-webkit-transition: all .3s;
	transition: all .3;}
#recruit_page #container.career_sub .a_link_box li img{max-width : 100%; border-radius : 20px; }
#recruit_page #container.career_sub .a_link_box li span{padding-top : 10px; display:block; bottom:0; right : 0 ; width : 100%; background : white; height : 3.5em; vertical-align : middle; border-radius : 0 0 20px 20px;}
#recruit_page #container.career_sub .a_link_box li span i{position : absolute; bottom : 3px;  right : 50%; }


.day_guide{}
.day_guide .team_pr{width : 100%;}
.day_guide .staff{text-align : center; margin-bottom : 20px!important;}
.day_guide .staff img{margin-bottom: 20px;}

.day_guide .day_table{width : 700px;}
.day_guide .day_table tr:nth-child(odd){background:#fafafa;}

@media only screen and (max-width: 1200px){
	.day_guide{display:table; width : 100%;  text-align : center;}
	.day_guide .left,
	.day_guide .right{float : none!important; margin: 0 auto; }
}

#recruit_page .recruit_job_list li{display: inline-block; width : 48%;   }
#recruit_page .recruit_job_list li a{display:block; position : relative; font-size : 16px; padding : 8px; color : #333; font-weight :normal; text-decoration : underline!important;}
#recruit_page .recruit_job_list li i{font-size : 12px;margin-left : 10px;}
#recruit_page .recruit_job_list li a:hover{color : #1F60B1;}

#fancybox-content{max-width : 100%; padding : 20px 0;}
#fancybox-content .images{width : 25%!important; float : left;  }
#fancybox-content .images img{max-width:100%;}
#fancybox-content .text{margin-left : 30%;}



/*エントリーフォーム*/

#entry_form table{width : 100%; font-size : 14px;}
#entry_form table tr:nth-child(odd){background : #fafafa;}
#entry_form table th{padding : 12px; width : 22%;box-sizing : border-box; border-bottom : dotted #aaa 1px; font-weight : bold; vertical-align: middle;}
#entry_form table th small{font-size : 10px; font-weight : normal;}
#entry_form table th span{color : red; }
.f_red{color : red;}
#entry_form table td{padding : 12px; box-sizing : border-box;border-bottom : dotted #aaa 1px;}
#entry_form table td p{margin-bottom : 12px;}
#entry_form table td.check_job label{display:inline-block; width : 47%; font-size : 14px; background : #fff; border-radius : 6px; padding :8px; margin-bottom : 10px; border : solid #ccc 1px; vertical-align: top;}
#entry_form table td.check_job label:hover{background : #eee; cursor : pointer; }
#entry_form table td.check_job label input{margin-right : 10px; }
.mw_wp_form .horizontal-item + .horizontal-item{margin : 0;}
#entry_form table td.check_job label:nth-child(odd){margin-right : 10px;}

#entry_form table td.check_appoint label{ width : 28%; margin-right : 10px;}
#entry_form table td.check_appoint label input{margin-right : 10px; }

#entry_form table td input[type="text"],
#entry_form table td input[type="email"]{border : solid #ccc 1px;}
#entry_form table td textarea {
    border: solid #ccc 1px;
    min-width: 70%;
}
#entry_form .btn {
	text-align: center;
	display: block;
	
	padding : 50px 0;
}
#entry_form .btn input {
	display: inline-block;
	color : #1c3350;
	border: #4e6582 solid 2px;
	min-width: 260px;
	border-radius: 10px;
	font-size: 14px;
	position: relative;
	background: white;
	padding : 24px;
	text-decoration : none;
}
#entry_form .btn input:hover{text-decoration : none!important; background : #1c3350; color : white; transition-duration: 0.3s; }

.mw_wp_form .horizontal-item + .horizontal-item{margin-left: 0!important;}

#entry_form table td.d_block label{
	 white-space: nowrap;
	display:block;
}


/*privacy*/

.ol_list{
	margin-left : 1em;
}
.ol_list li{
  list-style-type: decimal;
  margin-left: 2em;
}
.policy_box{
	border : solid #aaa 1px;
	text-align : center;
	padding : 20px;
}