@charset "UTF-8";

@media only screen and (max-width: 767px) {

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

.recruit_sub #main_image{ height : 200px !important; background-position : center top; margin-bottom : 30px;}
/*中途採用*/
.recruit_sub.bg2 #container{background : #292929;}
#recruit_page.recruit_sub #main_image2{height : 200px !important; background: url(../../img/page_career/main_img.jpg) no-repeat center top; background-size: cover; text-align: center!important;height: 200px;}
#recruit_page.recruit_sub #main_image3{height : 200px !important; background: url(../../img/page_arbeit/main_img.jpg) no-repeat center bottom; background-size: cover; text-align: center!important;}

.single_title{margin-bottom :10px; font-size: 18px; font-weight : normal; text-align : left; padding : 0 5%;}
.single_title span{font-size : 14px; color : #aaa; display:block;margin-bottom : 10px;}

#recruit_page #container.career .single_title {color : white;}

.subtop .go_subtop,
.subpage .go_subtop,
.subtop.career .go_subtop,
.subpage.career .go_subtop{display : none;}


.message.txt{color : #333; font-size : 16px; padding :80px 5% 40px; text-align : center; }

#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;}
.recruit_sub #cms_news ul li{list-style-type:disc; margin-left: 1em;}
.recruit_sub #cms_news ol li{list-style-type:decimal; margin-left: 1em;}

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


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




.recruit_sub .flow li:after{
	content : "▼";
	position : absolute;
	right : 45%;
	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{margin-bottom : 20px;}
.pc_only{
	display:none;
}

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

#recruit_page #container.new_graduate_sub{background:white;}
#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 : 50px 0 30px;}
#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 :100%; }
#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 .box_size{margin : 0 auto; width : 90%; }
#recruit_page #container.new_graduate_sub .d_table{display:table; width : 100%; margin : 0 auto;}
#recruit_page #container.new_graduate_sub .images {width : 100%;}
#recruit_page #container.new_graduate_sub .images img{ margin-bottom : 20px; max-width : 100%; height : auto;}
#recruit_page #container.new_graduate_sub .d_cell small{
	font-size : 12px; line-height : 16px; color : #666; display:block; padding-top : 10px;
}


.blog_banner{border-top : solid 8px #eaeaea; padding :50px 0 40px ; }
.blog_banner:hover{opacity : 0.6;}

#recruit_page #container.new_graduate_sub .a_link_box {text-align : center; }
#recruit_page #container.new_graduate_sub .a_link_box li{width :100%; margin : 0 1% 20px; display : inline-table; border-radius : 10px; }
#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%; }

#recruit_page #container.new_graduate_sub .a_link_box li:last-child{border-bottom : 0;}


.sub_messagetxt{font-size : 16px; margin-bottom : 30px;}

.team_list{ text-align : center; width : 100%; max-width : 100%; display:table;}
.team_list ul{text-align:left; padding-left : 0.5%;}
.team_list li{width : 22%; display:inline-block; margin : 0 0 8px 1.5%; position : relative;}
.team_list li span,
.team_list li i{display:none;}


.icon_team{width : 70px;  float : left;  margin-right : 20px; display:block; }
.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;}

.st04:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}


.name_team{ ; line-height : 1.5; }
.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 30px; text-indent : -10px;  }
.list_check li i{margin-right : 0.5em;}
.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;  margin-bottom : 20px;}
.feature_copy img{}
.feature_copy span.right{display:block; text-align : center; width : 100%;  margin-bottom : 20px;}

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



/*募集要項ページ
-------------------------------------------------------------*/
.job_list{padding : 0; margin-bottom : 0; }
.job_list li{display:inline-block; vertical-align : bottom; border : solid 2px #eaeaea ; border-bottom : 0; width : 48%;  padding : 10px 8px 0 10px; margin-bottom : 4px; background : #eee; color : #aaa;}
.job_list li i{margin-right : 10px;}
.job_list li.active{background : #fff; color : #333;padding : 10px;  border-left : 0; border-right : 0;}
.job_list li:hover{background : #fff; cursor: pointer;padding : 10px; }

.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; }
.job_table tr:nth-child(odd){background : #f9f9f9;}
.job_table th{width:100%!important; display:block!important;  padding:10px 10px 0; font-weight : bold;}
.job_table td{padding:10px 10px 10px 20px;width:100%!important; display:block!important; }

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

#g_map{width : 100%; }


.entry_btn{margin : 0 0 20px;}



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

#recruit_page #container.career_sub{background:white;}
#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 : 30px 0;}
#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 :90%; max-width : 90%; margin : 0 auto;}
#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%;}
#recruit_page #container.career_sub .images {width : 90%; max-width : 90%; margin : 0 auto;}
#recruit_page #container.career_sub .images img{ margin-bottom : 20px;}


#recruit_page #container.career_sub .a_link_box {text-align : center; margin-bottom : 50px}
#recruit_page #container.career_sub .a_link_box li{width : 100%; margin : 0 0 20px; display : block; 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 : 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 .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 : 100%; margin : 0 auto;}
.day_guide .day_table tr:nth-child(odd){background:#fafafa;}
.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; min-width : 49%;}

#recruit_page .recruit_job_list li{width : 100%; display:block;}


#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;}
.job_list li.active.wide{width : 100%!important;}

#fancybox-content{max-width : 100%; padding : 20px 0;}
#fancybox-content .images{width : 100%!important;  text-align : center;}
#fancybox-content .text{margin-left : 0%;}


#fancybox-content .team_pr th,
#fancybox-content .team_pr td{width : 100%; display : block; }
#fancybox-content .team_copy{font-size : 16px; text-align : left; padding-bottom : 10px;}


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


/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
input[type="button"],input[type="text"],input[type="submit"],input[type="email"],input[type="image"],textarea{
   -webkit-appearance: none;
}


body.entry_page #side_btn{
	display: none;
}
body.entry_page#recruit_page{
	padding-bottom : 10px;
}

#entry_form form .align_r{ padding : 0 10px; }
#entry_form table{ font-size : 14px;display:block; width : 100%; max-width : 100%; border-top : #ccc dotted 1px;}
#entry_form table tbody{width : 100%;display:block;}
#entry_form table tr{display:block;width : 100%; border-bottom : #ccc dotted 1px;}
#entry_form table tr:nth-child(odd){background : #fafafa;}
#entry_form table th{padding : 12px 12px 0; width : 100%; display:block; font-weight : bold;}
#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 : 6px 12px 12px; width : 100%; margin : 0 auto; box-sizing : border-box;}

#entry_form table td p{margin-bottom : 12px;}
#entry_form table td.check_job label{display:block;  position : relative; width : 100%;  padding : 8px 8px 8px 36px; box-sizing : border-box; font-size : 12px; background : #fff; border-radius : 6px; margin : 0 0 10px; border : solid #ccc 1px; }
#entry_form table td.check_job label:hover{background : #eee; cursor : pointer; }
#entry_form table td.check_job label input{margin : 10px 10px 10px 0; position : absolute; left : 5px; top : 50%; margin-top : -0.5em;}

.mw_wp_form .horizontal-item + .horizontal-item{ width : 90%;  margin : 0 10px 0 0!important; max-width : 100%; width : 100%; display:inline-block;}
#entry_form table td.check_job label:nth-child(odd){margin-right : 10px;}
#entry_form table td.check_appoint label{display:block;  position : relative; padding : 8px 8px 8px 36px; box-sizing : border-box; border-radius : 6px; margin : 0 0 10px; border : solid #ccc 1px;   }
#entry_form table td.check_appoint label input{margin : 10px 10px 10px 0; position : absolute; left : 10px; top : 50%; margin-top : -0.5em;}
#entry_form table td input[type="text"],
#entry_form table td input[type="email"]{
	border : solid #ccc 1px;
}
#entry_form table td input{
	max-width: 80vw;
}
#entry_form table td textarea{
	border : solid #ccc 1px;
	min-width : 80vw;
	max-width : 88vw;
}
#entry_form table br.pc{
	display:none;
}
#entry_form table td.name_input input{border : solid #ccc 1px; width :80%; }
#entry_form table td.mail_input input{border : solid #ccc 1px; width :80%;}
#entry_form table td.tel_input input{border : solid #ccc 1px; width :20%;}

#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; }


/*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;
}

}