@charset "utf-8";
/* ===================================================================
CSS information

 file name  :homepage.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */


/* -----------------------------------------------------------

メインスライダー　表示or非表示

----------------------------------------------------------- */
.slide_pc{
	display: block;
}

.slide_sp{
	display: none;
}


/* -----------------------------------------------------------

.con_slide

----------------------------------------------------------- */
.con_slide{
	width:100%;
	overflow:hidden;
	position:relative;
	border-bottom: 1px solid #FFF;
}

.con_slide .flexslider{
	width:1020px;
	margin:0 auto;
	padding:0 5px;
	position:relative;
}

.con_slide .flexslider ul.slides{
	text-align:center;
}

.con_slide .flexslider ul.slides li{
	display: none;
}


/*サムネイル*/
.con_slide .flexslider .flex-control-nav{
	height: 13px;
	position:absolute;
	top: 355px;
	left: 30px;
	/zoom: 1;
}

.con_slide .flexslider .flex-control-nav li{
	display:inline-block;
	margin:0 7px;
	/display: inline;
	/zoom: 1;
}

.con_slide .flexslider .flex-control-nav li a{
	display:block;
	width:13px;
	height:13px;
	cursor:pointer;
	text-indent:-9999px;
	background:url(../img/top/btn_thum.png) 0 0 no-repeat;
}

.con_slide .flexslider .flex-control-nav li a.flex-active{
	background:url(../img/top/btn_thum.png) 0 -13px no-repeat;
}


/*ページャー*/
.con_slide .flexslider .flex-direction-nav li a{
	display:block;	
	height:49px;
	width:24px;
	text-indent:-9999px;
	position:absolute;
	z-index:50;
	top:175px;
}

.con_slide .flexslider .flex-direction-nav li a.flex-prev{
	background: url(../img/top/btn_l.png) 0 0 no-repeat;
	left:-30px;
}

.con_slide .flexslider .flex-direction-nav li a.flex-next{
	background: url(../img/top/btn_r.png) 0 0 no-repeat;
	right:-30px;
}


/*	.con_slide{
		margin: 0 auto;
		width: 98%;
		border-bottom: none;
	}
	
	.con_slide .flexslider{
		width:980px;
		padding: 0;
	}
	
	.con_slide .flexslider .flex-direction-nav li a.flex-prev{
		left:0;
	}
	
	.con_slide .flexslider .flex-direction-nav li a.flex-next{
		right:0;
	}*/




@media screen and (max-width: 1024px) {
	
	.con_slide{
		margin: 0 auto;
		/*background: none;*/
		width: 98%;
		border-bottom: none;
	}
	
	.con_slide .flexslider{
		width: 100%;		
		padding:0;
	}
	
	.con_slide .flexslider ul li{
		display: none;
	}
	
	.con_slide .flexslider .flex-control-nav{
		bottom: -10px;
	}
	
	.con_slide .flexslider .flex-control-nav li a{
		width: 10px;
		height: 10px;
		background:url(../images/home/btn_thum.png) 0 0 no-repeat;
		background-size: 10px;
	}
	
	.con_slide .flexslider .flex-control-nav li a.flex-active{
		background:url(../images/home/btn_thum.png) 0 -10px no-repeat;
	}
	
	
	.con_slide .flexslider .flex-direction-nav{
		display:none;
	}
	
	.con_slide .flexslider .flex-direction-nav li a.flex-prev{
		left:0;
	}
	
	.con_slide .flexslider .flex-direction-nav li a.flex-next{
		right:0;
	}
	
}





body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}