@charset "utf-8";

/**
 *
 *  総合トップページ
 *
 */

/*--------------------------------------------------------------------------
   overwrite
---------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------
   common
---------------------------------------------------------------------------*/

.sec{
	border-top:1px solid #E1E4E7;
}


/*--------------------------------------------------------------------------
	#MainVisual  - メインビジュアルスライダー -
---------------------------------------------------------------------------*/

#MainVisual{
	padding:0 0 50px;
}
#MainVisual ul.slider{
	border-bottom:1px solid #E1E4E7;
}
#MainVisual li.slick-slide{
	width:1670px;
	overflow:hidden;
	transition:all 0.4s ease;
	position:relative;
}
#MainVisual li.slick-slide.mv-zenlogic{
	background:#2A63C8 url(/images/index/slider_zenlogic.png) no-repeat center top;
}
#MainVisual li.slick-slide.mv-fsrecruit{
	background:url(/images/index/slider_fsrecruit.png) no-repeat center top;
}
#MainVisual li.slick-slide.mv-partner{
	background:url(/images/index/slider_partner.png) no-repeat center top;
}
#MainVisual li.slick-slide.mv-aws{
	background:url(/images/index/slider_aws.png) no-repeat center top;
}
#MainVisual li.slick-slide.mv-alibaba{
	background:url(/images/index/slider_alibaba.png) no-repeat center top;
}


#MainVisual li.slick-slide:hover{
	opacity:0.85;
}
#MainVisual li.slick-slide div a{
	display:block;
	width:100%;
	height:460px;
	text-indent:-99999em;
}

/* -- Zenlogic MV -- */

#MainVisual .mv-zenlogic .mv-bnr{
	position:absolute;
	right:0;
	z-index:1000;
	transition:all 0.2s ease;
}
#MainVisual .mv-zenlogic .mv-bnr:hover{
	opacity:0.85;
}
#MainVisual .mv-zenlogic .mv-bnr.dom{
	top:60px;
}
#MainVisual .mv-zenlogic .mv-bnr.ess{
	top:140px;
}
#MainVisual .mv-zenlogic .mv-bnr.ssl{
	top:220px;
}
#MainVisual .mv-zenlogic .mv-bnr.ope{
	top:300px;
}
#MainVisual .mv-zenlogic .mv-bnr.hom{
	top:380px;
}



.slider {
  display:none;
}
.slider.slick-initialized {
  display: block;
}

.slick-dotted.slick-slider{
	margin-bottom:0 !important;
}
.slick-slide img{
	width:100%;
	height:auto;
}
.slick-list{
	position:relative !important;
}
.slick-arrow{
	z-index:50;
	transition:all 0.2s ease;
	-moz-box-shadow:1px 1px 4px rgba(0,0,0,0.15);
	-webkit-box-shadow:1px 1px 4px rgba(0,0,0,0.15);
	box-shadow:1px 1px 4px rgba(0,0,0,0.15);
}
.slick-arrow:hover{
	opacity:0.85;
}
.slick-next{
	background:url(/images/index/btn_next.png) no-repeat 0 0 !important;
	width:55px !important;
	height:55px !important;
	position:absolute !important;
	right:0 !important;
}
.slick-prev{
	background:url(/images/index/btn_prev.png) no-repeat 0 0 !important;
	width:55px !important;
	height:55px !important;
	position:absolute !important;
	left:0 !important;
}
.slick-next:before,
.slick-prev:before {
	text-indent:-9999em !important;
	opacity:1 !important; 
	color:inherit !important;
}
.slick-dots{
	bottom:-40px !important;
}
.slick-dots li{
	overflow:hidden;
	border-radius:30px;
	width:10px !important;
	height:10px !important;
}
.slick-dots li button {
}
.slick-dots li button:before{
	content:"" !important;
	background:#9ec5f0 !important;
	padding:0 10px !important;
	text-indent:-9999em !important;
	opacity:1 !important;
} 

.slick-dots li.slick-active button:before{
	background:#023b81 !important;
}


/*--------------------------------------------------------------------------
   news  - ニュースリリース -
---------------------------------------------------------------------------*/

.sec-news{
	background:#FAFCFF;
	padding:55px 0 50px;
}
.sec-news-inline{
	position:relative;
	width:750px;
	margin:0 auto;
}
.sec-news h2{
	position: relative;
	margin-bottom: 36px;
	min-height:44px;
	text-align: center;
	font-family:'Montserrat', sans-serif;
	font-size:42px;
	font-weight:400;
	line-height:1.2;
}
.sec-news h2 span{
	padding-left: 37px;
}
.sec-news h2:before{
	content: "";
	position: absolute;
	top: 5px;
	left: 50%;
	width: 36px;
	height: 44px;
	margin-left: -100px;
	background:url(/images/index/news_ttl.png) no-repeat;
}

/* news ボタン
-----------------------------------------------------------------*/
.sec-news .btn-detail{
	margin-top: 50px;
}
.sec-news .btn-detail a{
	width: 271px;
	background: #90A1AC;
	border-color: #90A1AC;
	-moz-box-shadow:0px 2px 0px 0px rgb(68,93,108);
	-webkit-box-shadow:0px 2px 0px 0px rgb(68,93,108);
	box-shadow:0px 2px 0px 0px rgb(68,93,108);
}


/*--------------------------------------------------------------------------
   service  - サービス -
---------------------------------------------------------------------------*/

.sec-service{
	padding:60px 0 80px;
}
.sec-service-inline{
	width:800px;
	margin:0 auto;
}
.sec-service h2{
	margin:0 0 18px;
	text-align:center;
	font-family:'Montserrat', sans-serif;
	font-size:300%;
	font-weight:400;
	line-height: 1.2;
}
.sec-service h2 span{
	display:inline-block;
	min-height:48px;
	padding:5px 0 0 70px;
	background:url(/images/index/service_ttl.png) no-repeat 0 .1em;
}
.sec-service p{
	text-align:center;
	line-height:2;
}
.sec-service p.bnr{
	position:relative;
	margin:30px 0 0;
}
.sec-service p.bnr img{
	border-radius:14px;
}
.sec-service p.bnr .ico{
	display:block;
	position:absolute;
	top:-10px;
	left:-10px;
}
.sec-service p.bnr a:hover img{
	-ms-filter:"alpha(opacity=80)";
	filter:alpha(opacity=80);
	opacity:0.8;
}

/* カルーセルパネル
-----------------------------------------------------------------*/
#ServiceBnr{
	position:relative;
	width:750px;
	height:190px;
	margin:25px 0 0;
	padding:0 25px;
}
#ServiceBnr .inner{
	overflow:hidden;
	position:relative;
	width:774px;
	height:190px;
	margin:0 -12px;
}
#ServiceBnr .inner ul{
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}
#ServiceBnr .inner ul li{
	position:relative;
	float:left;
	width:234px;
	padding:10px 12px 0;
}
#ServiceBnr .inner ul li .ico{
	position:absolute;
	top:0;
	left:2px;
}
#ServiceBnr .inner ul li a:hover img{
	-ms-filter:"alpha(opacity=70)";
	filter:alpha(opacity=70);
	opacity:0.7;
}
#ServiceBnr .prev,
#ServiceBnr .next{
	width:40px;
	height:40px;
}
#ServiceBnr .prev a,
#ServiceBnr .next a{
	overflow:hidden;
	display:block;
	width:100%;
	height:100%;
	text-indent:100%;
	white-space:nowrap;
}
#ServiceBnr .prev{
	position:absolute;
	top:76px;
	left:-60px;
	background:url(/images/index/service_btn_prev_off.png) no-repeat;
}
#ServiceBnr .prev a{
	background:url(/images/index/service_btn_prev.png) no-repeat 0 0;
}
#ServiceBnr .prev a:hover{
	background:url(/images/index/service_btn_prev.png) no-repeat 0 -40px;
}
#ServiceBnr .next{
	position:absolute;
	top:76px;
	right:-60px;
	background:url(/images/index/service_btn_next_off.png) no-repeat;
}
#ServiceBnr .next a{
	background:url(/images/index/service_btn_next.png) no-repeat;
}
#ServiceBnr .next a:hover{
	background:url(/images/index/service_btn_next.png) no-repeat 0 -40px;
}


/*--------------------------------------------------------------------------
   pickup  - 企業情報 & 取組み -
---------------------------------------------------------------------------*/

.sec-pickup{
	overflow:hidden;
	position:relative;
	height:383px;
}
.sec-pickup .txt{
	position:absolute;
	top:0;
	width:410px;
	height:383px;
}
.sec-pickup .txt .inner{
	display:table-cell;
	width:410px;
	height:383px;
	vertical-align:middle;
	text-align:center;
}
.sec-pickup .txt h2{
	font-family:'Montserrat', sans-serif;
	font-size:235%;
	font-weight:400;
	line-height:1.3;
}
.sec-pickup .txt h2 span{
	display:inline-block;
	min-height:48px;
}
.sec-pickup .txt p{
	margin:30px 20px 0;
	line-height:2;
}
.sec-pickup .txt h2 + p{
	margin-top:15px;
}

/* 取組み
-----------------------------------------------------------------*/
.sec-pickup.activity .txt{
	left:0;
	background:url(/images/index/activity_bg.png) no-repeat;
}
.sec-pickup.activity .txt h2 span{
	padding:8px 0 0 62px;
	background:url(/images/index/activity_ttl.png) no-repeat 0 0;
}
.sec-pickup.activity .img{
	margin-left:390px;
}
.sec-pickup.activity .img img{
	width:100%;
}


/*--------------------------------------------------------------------------
   ボタン(overwrite)
---------------------------------------------------------------------------*/

.btn-block  {
	width:246px;
	height: 60px;
	margin: 30px auto 0;
  padding-top: 0;
}

.btn-block a {
	width:246px;
	height:56px;
}



/* 企業情報
-----------------------------------------------------------------*/
.sec-pickup.company .txt{
	right:0;
	background:url(/images/index/company_bg.png) no-repeat;
}
.sec-pickup.company .txt h2 span{
	padding:6px 0 0 55px;
	background:url(/images/index/company_ttl.png) no-repeat 0 0;
}
.sec-pickup.company .img{
	margin-right:390px;
}
.sec-pickup.company .img img{
	width:100%;
}