@charset "UTF-8";

/* common 
-------------------------------------------------------------*/
 * { line-height: 150%; }
body { font-size: 16px; }
/*#recruit_page img{max-width : 100%;}*/

#recruit_page .box_size{width :1100px ; margin: auto; max-width: 90%;}
#recruit_page .box_size img{max-width : 100%;}

#recruit_page #main_image3{
	background: url(../../img/page_arbeit/main_img.jpg) no-repeat center bottom; 
	background-size: cover; text-align: center;
	position: absolute;
	top: 85px;
	left: 0;
}

.w_height{
	height : 100vh;
}


#recruit_page #container{background: #fff; padding: 20px 0; text-align: center;}

#recruit_page #container.career{background: #292929; padding: 20px 0; text-align: center;}

#recruit_page #p_list{margin-bottom : 50px; text-align: left; color : #333;}
#recruit_page #p_list a{margin-right : 10px;color: #333; text-decoration:underline;}
#recruit_page #p_list li{display:inline-block;}
#recruit_page #p_list a:hover{text-decoration : none;}

#recruit_page #container.career #p_list a,
#recruit_page #container.career #p_list {color : white;}

.st01{font-size : 24px; 
	font-family: "ヒラギノ明朝 ProN ","Hiragino Mincho ProN",Georgia,游明朝,"Yu Mincho",YuMincho,HGS明朝E,メイリオ,Meiryo,serif;
	line-height : 1.5;
	margin-bottom : 40px; text-align : center; display : inline-block;
	border-bottom: solid 3px #aad400;
	position: relative;
	font-weight : normal;
	letter-spacing: 2px;
}
.st01:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #078207;
bottom: -3px;
width: 20%;
}
.st01:first-letter{
  color:#aad400;
  font-size:200%;
}

#recruit_page #container.career .st01{color:  white; border-bottom: solid 3px #e0e0b1;}
#recruit_page #container.career .st01:after {border-bottom: solid 3px #f26612;}
#recruit_page #container.career .st01:first-letter{color:#f26612;}


.st02{
	font-size : 34px; 
	font-family: "ヒラギノ明朝 ProN ","Hiragino Mincho ProN",Georgia,游明朝,"Yu Mincho",YuMincho,HGS明朝E,メイリオ,Meiryo,serif;
	line-height : 1.5;
	margin-bottom : 58px; text-align : center; display : inline-block;
	border-bottom: solid 3px #aad400;
	position: relative;
	font-weight : normal;
	letter-spacing: 2px;
}
.st02:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #078207;
bottom: -3px;
width: 20%;
}

#recruit_page #container.career .st02{border-bottom: solid 3px #aaa;}
#recruit_page #container.career .st02:after{border-bottom: solid 3px #f26612;}

.align_c{text-align : center;}
.st03{
	position: relative;
	display: inline-block;
	padding: 0 55px;
	font-family: "ヒラギノ明朝 ProN ","Hiragino Mincho ProN",Georgia,游明朝,"Yu Mincho",YuMincho,HGS明朝E,メイリオ,Meiryo,serif;
	font-size : 22px;  
	margin : 0 auto 20px;
}

.st03:before, .st03:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: black;
}

.st03:before {left:0;}
.st03:after {right: 0;}

.st05{font-size : 20px; margin : 20px 0 10px ; font-weight : bold;}
.st06{font-size : 18px; margin : 0 0 30px ; padding : 6px; font-weight : normal; text-align : center ; border : solid #aaa 1px ; border-radius : 8px;}

.more_btn {
	text-align: center;
	display: block;
}
.more_btn a {
	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;
}
.more_btn a:hover{text-decoration : none!important;}

.more_btn a span{display: block; color : #aaa; font-size: 10px;}
.more_btn a i {
	position: absolute;
	right: 10px;
	top : 50%;
	margin-top: -9px;
	color : #4e6582;
	font-size: 20px;
}
.more_btn a:hover {
	background: #517ab2;
	color: white;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3;
}


.banner_link2 {
	text-align: center;
	display: block;
	text-align: center;
}
/*
.banner_link2 a{
	min-width : 560px ;
	background: white;
	display: table;
	border-radius: 10px;
	margin: 0 auto;
	padding-right: 10px;
	box-sizing: border-box;

}
.banner_link2 a:hover{text-decoration: none; opacity: 0.7;}
.banner_link2 a span{display: table-cell; width: 50%;}
.banner_link2 a span.link_page{background: #da7716; color : white; padding : 20px 0; text-align: center; font-size: 24px;
	border-radius: 10px 0 0 10px;}
.banner_link2 a span.link_en{text-align: right; vertical-align: middle; font-size: 12px; color: #495c73;}
.banner_link2 a span.link_en i{color : #da7716 ; font-size : 14px; margin-left : 6px;}
*/

.banner_link2{text-align : center; padding-bottom: 80px;}
.banner_link2 a{display : inline-block; margin : 0 20px;}
.banner_link2 a:hover{opacity : 0.6;}


.banner_link3{text-align : center; padding-bottom: 50px; padding : 50px 0 0;}
.banner_link3 a{display:inline-block; width : 30%; margin : 0 10px 10px;}
.banner_link3 a img{width : 100%; border : solid 1px #aaa;} 
.banner_link3 a:hover{opacity : 0.6;}

#recruit_page  .banner_link2 a img{border : solid 1px #aaa;}

.banner_link4{text-align : center;}
.banner_link4　li{display: block; margin-bottom : 20px;}
.banner_link4 a {
	width : 800px;
	margin : 0 auto;
	text-align : left;
	display:block;
	color : #1c3350;
	border: #4e6582 solid 2px;
	border-radius: 10px;
	font-size: 20px;
	position: relative;
	background: white;
	padding : 24px;
	text-decoration : none;
	margin-bottom : 20px;
}
.banner_link4 a:hover{text-decoration : none!important;}

.banner_link4 a span{ color : #aaa; font-size: 14px; margin-left : 20px;}
.banner_link4 a i {
	position: absolute;
	right: 10px;
	top : 50%;
	margin-top: -9px;
	color : #4e6582;
	font-size: 20px;
}
.banner_link4 a:hover {
	background: #517ab2;
	color: white;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3;
}

/*リンクなし*/
.banner_link4 p {
	width : 800px;
	margin : 0 auto;
	text-align : left;
	display:block;
	color : #1c3350;
	border: #4e6582 solid 2px;
	border-radius: 10px;
	font-size: 20px;
	position: relative;
	background: #eaeaea;
	padding : 24px;
	text-decoration : none;
	margin-bottom : 20px;
}
.banner_link4 p span{ color : #aaa; font-size: 14px; margin-left : 20px;}

/*/リンクなし*/



.b_sp{margin-bottom: 70px;}
.b_sp2{margin-bottom:30px;}

#pagetop{
    z-index: 9998!important;
    background: #566d8a;
    display: inline-block;
    color: white;
    font-size: 30px;
    text-align: center;
    line-height: 40px;
    position: fixed;
    right: 20px;
    bottom: 20px;;
    border-radius: 30px;
}

#pagetop a{
color: white;
display: block;
position: relative;
    width: 40px;
    height: 40px;
}
#pagetop a i{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
    font-size: 20px;
    line-height: 1;
}
#recruit_page #pagetop.stop{position: absolute; right : 20px; bottom : 20px;}

#recruit_page a{
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#recruit_page a:hover{
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.breadcrumbs{text-align: left; margin-bottom : 30px;}
.new_graduate_sub .breadcrumbs{color : #333;}




/* header 
-------------------------------------------------------------*/
#hd_box{position: absolute; top:0; left: 0; width: 100%; z-index: 9999; font-size : 14px;}
#recruit_page #header{background-color: rgba(255,255,255,0.9); padding: 16px 0; /*box-shadow:0px 0px 3px 3px #aaaaaa;*/}
#g_navi_menu{float : right; width: calc(100% - 150px);}
#g_navi h1{float : left;}
#g_navi ul{float : right; padding-top : 30px; font-family: "ヒラギノ明朝 ProN ","Hiragino Mincho ProN",Georgia,游明朝,"Yu Mincho",YuMincho,HGS明朝E,メイリオ,Meiryo,serif; }
#g_navi ul li{display: table-cell; padding-left: 20px; white-space:nowrap;}
#g_navi ul li a{color : #0f3d73; font-weight : bold; }

#sp_menu{display: none;}
.close{display: none;}

#sub_navi{background-color: rgba(28,51,80,0.7); padding: 28px 0; text-align: center; z-index: 2;position: relative;}
#sub_navi li{display: inline-block; margin : 0 16px;}
#sub_navi li a{color : white; }
#sub_navi li a:hover{text-decoration:underline;}
#sp_pull_menu{display: none;}



.breadcrumbs{
	text-align: left;
    position: absolute;
	/*
    top: 340px;
	*/
	top : 10px;
	z-index : 8888;
	color : #666;
}

.breadcrumbs a{
	color : #666;
text-decoration: underline;	
}

	/*
.en .breadcrumbs,
.service .breadcrumbs,
.business-blog .breadcrumbs,
.breadcrumbs.service_top,{top : 0;}

.business-blog .breadcrumbs{top: 340px;}
*/
/* side 
-------------------------------------------------------------*/
#side_btn{position: fixed; right : 0; top : 180px; }
#side_btn li{width: 155px; margin-bottom : 14px;  }
#side_btn li a{border-radius: 10px 0 0 10px; display: block; color : white; padding : 35px 0; position: relative; text-align : center;}
#side_btn li a span{ display: block; opacity: 0.6; font-size: 10px;}
#side_btn li a i{position: absolute; right : 3px; top : 50%; margin-top : -0.5em;}
#side_btn li a:hover{opacity: 0.7; text-decoration: none;}
#side_btn li#side_contact a{background : #212529;}
#side_btn li.side_recruit a{background : #566d8a;}
/*
body#recruit_page #side_btn #side_recruit{display: none;}
body#contact_page #side_btn #side_contact{display: none;}
*/

body.entry_page #side_btn{display:none;}



/* footer 
-------------------------------------------------------------*/
#sns_box{background : #d8d8d8; text-align:  center; padding : 35px 0; }
#sns_box ul{text-align: center;}
#sns_box li {display: inline-block; margin : 0 4px;}
#sns_box li a:hover{opacity: 0.6;}

footer{position:relative;}
#footer {background: #27313d; color : white; }
#footer a{color : white;}

#footer .box_size{}
#footer .box_size .company_data{float : left; width : 500px; text-align : left; padding : 45px 0;}

#footer .box_size .company_data img{margin-bottom : 10px;}
#footer .box_size .company_data dt{font-size : 18px; margin-bottom : 10px;}
#footer .box_size .company_data dd{font-size : 14px;}

#footer .map_link a{background : white; color : #27313d; font-size: 12px; padding : 2px 10px;}
#footer .map_link a:hover{opacity: 0.6; text-decoration: none;}
.sitemap {padding : 50px 0 30px; margin-left: 500px;}
.sitemap li{display: inline-block; width : 12em; margin-bottom : 14px;}
.sitemap li a:hover{text-decoration:underline!important;}
.sp_sitemap{display: none;}

#cr{background: white; padding : 20px 0; text-align: center; font-size: 12px;　position : relative; margin : 0 auto; }



/*　全体ヘッダー変更
-------------------------------------------------------------*/
/*
#header{height : 85px;}
#g_navi h1{padding-top : 15px;}
.mvWrapper{position : static;}
#new_header{background : white; z-index : 9999; height : 85px; }
#new_header .box_size{width : 1100px; margin : 0 auto;position : relative; }
#g_navi ul{padding-top : 0; display:block;}
#new_header .box_size #g_navi_menu li {font-size : 14px;}
#new_header .box_size #g_navi_menu li a{line-height : 85px;}
#new_header .box_size #g_navi_menu li .sub_menu{
	height : 80px; 
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro",'メイリオ', Meiryo,  Osaka, "MS Pゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; 
	font-size : 14px; 
	font-weight : normal;
	position : absolute; 
	top : 85px; 
	width : auto;  
	z-index : 9999; 
	height : 80px;
	background-color: rgba(28,51,80,0.7); 
	padding: 28px 35px 28px 28px;
	box-sizing : border-box;
	text-align: center;
	white-space: nowrap;
	}
#new_header .box_size #g_navi_menu li .sub_menu:before{
	content:"▲";
	position : absolute;
	font-size : 12px; 
	color : rgba(28,51,80,0.7); 
	top : -10px;
	line-height : 1;
}
#new_header .box_size #g_navi_menu li .sub_menu#sub_01{margin-left : -156px; }
#new_header .box_size #g_navi_menu li .sub_menu#sub_03{left : 0;}
#new_header .box_size #g_navi_menu li .sub_menu#sub_04{margin-left : -300px;}
#new_header .box_size #g_navi_menu li .sub_menu#sub_01:before{left : 175px;}
#new_header .box_size #g_navi_menu li .sub_menu#sub_03:before{left : 780px;}
#new_header .box_size #g_navi_menu li .sub_menu#sub_04:before{left : 200px;}
#recruit_page #new_header .box_size #g_navi_menu li .sub_menu{
	background-color: rgba(28,51,80,1); 
}
#new_header .box_size #g_navi_menu li ul li{display: inline-block;margin-left: 20px;  font-size : 14px;}
#new_header .box_size #g_navi_menu li ul li a{color : white; line-height : 2; }
#new_header .box_size #g_navi_menu li .sub_menu{
	display : none;
	text-align : center; 
}
#new_header .box_size #g_navi_menu li .sub_menu.active{
	display : block; 
	animation-duration: 0.8s;
  animation-name: SlideDown;}

@keyframes SlideDown {
0% {
    opacity: 0;
    transform: translateY(-8px);
}
100% {
    opacity: 1;
    transform: translateY(0);
}
}
#breadcrumbs{position : absolute ;  top : 422px;}
.enpage #breadcrumbs{position : absolute ;  top : 0;}
.wrapper.enpage{width : 980px; margin : 0 auto; position : relative;}
#new_pull_menu .scroll{display:none;}
*/

/*　全体ヘッダー変更
-------------------------------------------------------------*/
#header{height : 85px;}

#g_navi h1{padding-top : 15px;}

.mvWrapper{position : static;}
#new_header{background : white; z-index : 9999; height : 85px; }
#new_header .box_size{width : 1100px; margin : 0 auto;position : relative;  max-width : 96%;}
#g_navi ul{padding-top : 0; display: table;}
#new_header .box_size #g_navi_menu li {font-size : 14px;}
#new_header .box_size #g_navi_menu li a{line-height : 85px;}
#new_header .box_size #g_navi_menu li .sub_menu{
	height : 80px; 
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro",'メイリオ', Meiryo,  Osaka, "MS Pゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; 
	font-size : 14px; 
	font-weight : normal;
	position : absolute; 
	top : 85px; 
	width : auto;  
	z-index : 9999; 
	height : auto;
	background-color: rgba(28,51,80,0.7); 
	padding: 28px;
	box-sizing : border-box;
	text-align: center;
	/*white-space: nowrap;*/
	}

/*
#new_header .box_size #g_navi_menu li .sub_menu:before{
	content:"▲";
	position : absolute;
	font-size : 12px; 
	color : rgba(28,51,80,0.7); 
	top : -10px;
	line-height : 1;
}
#new_header .box_size #g_navi_menu li .sub_menu#sub_01:before{left : 175px;}
#new_header .box_size #g_navi_menu li .sub_menu#sub_03:before{left : 780px;}
#new_header .box_size #g_navi_menu li .sub_menu#sub_04:before{left : 200px;}
*/

#new_header .box_size #g_navi_menu li .sub_menu#sub_01{margin-left : -156px; }
#new_header .box_size #g_navi_menu li .sub_menu#sub_03{left : 0;}
#new_header .box_size #g_navi_menu li .sub_menu#sub_04{margin-left : -300px;}

#new_header .box_size #g_navi_menu li .gnav_switch.active{
	position:relative;
}
@keyframes fade-in1 {
  0% {opacity: 0}
  70% {opacity: 0}
  100% {opacity: 1}
}
#new_header .box_size #g_navi_menu li .gnav_switch.active:after{
	content: "▲";
    position: absolute;
    font-size: 12px;
    color: rgba(28,51,80,0.7);
    bottom: -38px;
    line-height: 1;
    display: block;
    left: 50%;
    margin-left: -6px;
    animation: SlideDown 0.6s ease 0s 1 normal;
}


#recruit_page #new_header .box_size #g_navi_menu li .sub_menu{
	background-color: rgba(28,51,80,0.7); 
}
#new_header .box_size #g_navi_menu li ul li{display: inline-block;margin : 0 10px;  font-size : 14px;}
#new_header .box_size #g_navi_menu li ul li a{color : white; line-height : 2; }



#new_header .box_size #g_navi_menu li .sub_menu{
	display : none;
	text-align : center; 
	    white-space:normal;
}
#new_header .box_size #g_navi_menu li .sub_menu.active{
	display : block; 
	animation-duration: 0.8s;/* アニメーション時間 */
  animation-name: SlideDown;/* アニメーション名 */}


@keyframes SlideDown {
0% {
    opacity: 0;/* 透明 */
    transform: translateY(-8px);
}
100% {
    opacity: 1;/* 不透明 */
    transform: translateY(0);
}
}
#breadcrumbs{position : absolute ;  top : 422px;}

.enpage #breadcrumbs{position : absolute ;  top : 0; z-index : 999;}
.wrapper.enpage{width : 980px; margin : 0 auto; position : relative; }


.business-blog #breadcrumbs,
.news #breadcrumbs{position : absolute ;  top : 340px; z-index : 999;}

#new_pull_menu .scroll{display:none;}




/* 全体footer 
-------------------------------------------------------------*/
.clear{overflow: hidden;}
.clear:after{content: "";display: block;clear: both;height: 1px;overflow: hidden;}
* html .clear{height: 1em;overflow: visible;}

#new_footer {background: #27313d; color : white; }
#new_footer a{color : white;}

#new_footer .box_size{width : 1150px; margin : 0 auto;} 
#new_footer .box_size .company_data{float : left; width : 220px; text-align : left; padding : 45px 0; font-size : 12px; }

#new_footer .box_size .company_data img{margin-bottom : 10px;}
#new_footer .box_size .company_data dl dt{font-size : 18px; margin-bottom : 10px;}
#new_footer .box_size .company_data dl dd{font-size : 14px; margin:0; padding : 0; }

#new_footer .map_link a{background : white; color : #27313d; font-size: 12px; padding : 2px 10px;}
#new_footer .map_link a:hover{opacity: 0.6; text-decoration: none;}
#new_footer .sitemap {
	padding : 50px 0 30px; 
	float : right; margin : 0;
	width: calc(100% - 220px);
}
#new_footer .sitemap ul.f_l{float : left; width : 200px; margin-right : 20px; }
#new_footer .sitemap ul.f_l.wide {width: calc(100% - 460px);}
#new_footer .sitemap li{display:block; margin : 0 0 20px; width : auto;}
#new_footer .sitemap li ul a{display:block;}
#new_footer .sitemap li a:before{content:"- "; }
#new_footer .sitemap li span{border-bottom : solid #fff 1px; display:block;}
#new_footer .sitemap li span.sp_st_switch{ position: relative;}
#new_footer .sitemap li span.sp_st_switch i{position:absolute; right : 0; top : 0;}
#new_footer .sitemap li ul li span{border : 0; display:block; }
#new_footer .sitemap li ul{margin : 20px 0 10px;}
#new_footer .sitemap li ul li ul{margin : 0px;}
#new_footer .sitemap li ul li{list-style-type : disc;padding : 0 0 0 1em; font-size : 12px; margin : 0 0 5px; width: 200px;}
#new_footer .sitemap li ul li a{display:block; text-indent: -0.7em;}
#new_footer .sitemap ul.f_l.wide li{display : inline-block; vertical-align: top;}
#new_footer .sp_sitemap{display: none;}



/*TOPスライドショー変更*/
#carousel-ui-pager li{
	width : auto;
	padding : 0 10px;
}
#carousel-ui-pager li img{display : none;}
#carousel-ui-pager a:after {
    content: "●";
    font-size: 20px;
    line-height: 1.1em;
    text-decoration: none;
    color: #dcdcdc;
}
#carousel-ui-pager .current a:after {
    content: "●";
    font-size: 20px;
    line-height: 1.1em;
    color: #a0a0a0;
}#carousel-ui-pager li:first-child a {
    border-left: 0;
}
#carousel-ui-pager a{border : 0;}

#top-carousel-main07-text2 {
    left: 50%;
    margin-left: -425px;
}


.news .wireTwoColumn{min-height: 550px;}
.news .wireTwoColumn:after{content: "";display: block;clear: both;height: 1px;overflow: hidden;}
* html .news .wireTwoColumn{height: 1em;overflow: visible;}