@charset "UTF-8";

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

#recruit_page #main_image{background: url(../../img/page_new_graduate/main_img.jpg) no-repeat center center; background-size: cover; text-align: center;}
#recruit_page #main_image2{background: url(../../img/page_career/main_img.jpg) no-repeat center center; background-size: cover; text-align: center; }

.copy{font-size: 8vw; color : white; font-weight: normal; display: block; width : 100%; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; line-height: 1.2; bottom : 18%;text-shadow:0px 0px 6px #000000;}
.copy span{display: block; font-size: 2vw;}

.scroll_btn{bottom : 0; width: 100%; text-align : center; font-size: 36px; border-bottom : solid #050001 4px; line-height: 1; z-index: 9999;}
#recruit_page .scroll_btn a{display: block; color : white;background: #566d8a; padding : 5px 0 0;}
.scroll_btn a:hover{opacity: 0.6;
	-webkit-transition: all .3s;
	transition: all .3;}


#cms_news{background: #ebebe5; padding : 5%; border-radius: 10px; text-align: left; margin : 5%;}
#cms_news dl {padding-bottom: 25px; border-bottom: dotted 1px #aaa; margin-bottom: 25px;}
#cms_news dl dt{background : #dddddd; text-align : left; font-size : 12px; line-height: 1.8; text-align : right; margin-bottom : 10px;}
#cms_news dl dt span.category{display: block; font-weight : bold; color : white; padding : 4px 10px; text-align: left;}

#cms_news dl dt span.category a{display:block; color : white ; }
#cms_news dl dt span.category a:hover{text-decoration:none; opacity:0.6;}
#cms_news dl:last-child{border-bottom: 0; margin-bottom: 0; padding-bottom: 0;}
/* color */
#cms_news dl dt span.category.ct_event{background : #078207;}
#cms_news dl dt span.category.ct_staff{background : #cda107;}
#cms_news dl dt span.category.ct_career_event{background: #566d8a;}
#cms_news dl dt span.category.ct_update{background: #1F60B1;}

#cms_news dl dd{}
#cms_news dl dd a{color : #333!important; text-decoration: underline;display: block;}
#cms_news dl dd a:hover{text-decoration: none;}

.banner_box{width: 100%;}
.banner_box .banner_link{width:100%; height :150px; display: block; overflow: hidden; position: relative; margin-bottom : 10px;}
.banner_box .banner_link img{ height: 100%;
	position: absolute;
 	min-height : 150px;
 	min-width: 100%;
	height :auto;
	opacity: 1;
	display: block;
	left : 50%;
	transform: translateX(-50%);
	transition-duration: 0.3s;	/*変化に掛かる時間*/}

.banner_box .banner_link:hover img {
	-webkit-transition: all .3s;
	transition: all .3s;
	transform: translateX(-50%) scale(1.1);	/*画像の拡大率*/
	opacity: 0.5;
}
.banner_box .banner_link .box{position: absolute; right : 0; bottom: 0; width: 146px;height : 150px; background: white; display: table; padding-left : 14px; box-sizing: border-box;}
.link_page {vertical-align: middle; display: table-cell;}
.link_page .inbox{ color : #000; line-height :1.3; padding-left : 12px ; vertical-align: middle; border-left : solid #aad400 3px; font-size: 16px;  text-align: left;
font-family: "ヒラギノ明朝 ProN ","Hiragino Mincho ProN",Georgia,游明朝,"Yu Mincho",YuMincho,HGS明朝E,メイリオ,Meiryo,serif;}
.link_page span{display: block;font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro",'メイリオ', Meiryo,  Osaka, "MS Pゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; 
font-size : 10px; color : #aaa;}

#container.career .link_page .inbox {
    border-left: solid #f26612 3px;
}


/*TOP_slideshow*/

#top-carousel-recruit{
	position:relative;
}
#top-carousel-recruit .copy{
	position : absolute;
	top : 70%;
	color : white;
	font-size : 30px;
	text-align : center;
	
}
#top-carousel-recruit .btn{
	position : absolute;
	bottom : 6px;
	width : 100%;
	text-align:center;
}
#top-carousel-recruit .btn a{
	background : white;
	padding : 6px ;
	font-size : 12px;
	text-decoration : none;
	display:block;
	margin : 0 20px 10px;
	position : relative;
}
#top-carousel-recruit .btn a i{
	position : absolute;
	right : 10px;
	top : 50%;
	transform : translateY(-50%);
}

}