@charset "UTF-8";
/* CSS Document */

#main{
	width:100%!important;
}

hgroup{
	background:url(../-images/service-hgroup.jpg) no-repeat top right;
}

#main .slides h3{
	border:none;
	}

@media screen and (min-width: 1200px) {

#main .flexslider .slides li{
	background:#FFF;
	height:450px;
	position:relative;
	margin:0 px;
	padding:0;
	text-align:center;
	}

#main .flexslider .slides li img{
	width:90%;
	display:inline;
	}

#main .slides .where p{
	width:279px;
	padding:134px 190px 135px 188px;
	background:url(../-images/simulation-point4-where-bg.jpg) no-repeat 100px -70px;
	float:left;
	}

body #main .slides h3{
	margin:0!important;
	padding:0!important;
	border:none;
	}

#main .slides .where h3{
	float:right;
	margin:85px 0 0 0!important;
	}

.slides .where h3.sp{
	display:none;
	}
	
}

@media screen and (min-width: 769px) and (max-width: 1199px) {

#main .flexslider .slides li img{
	width:80%;
	display:inline;
	}


#main .flexslider ul.slides{
	margin:0;
	padding:0;
	}

#main .flexslider .slides li{
	text-align:center;
	background:#FFF;
	width:735px!important;
	margin:0 0px;
	position:relative;
	height:280px;
	}

#main .flexslider .slides li h3{
	margin:0!important;
	padding:0!important;
	}

#main .slides .where h3.pc,
#main .slides .where p.tab{
	display:none!important;
}
#main .slides .where h3.sp{
	display:inherit!important;
}

}


@media screen and  (min-width: 320px) and (max-width: 768px) {

#main .flexslider .slides li img{
	width:95%;
	display:inline;
	}

#main .flexslider ul.slides{
	margin:0;
	padding:0;
	width:300px;
	}

#main .flexslider .slides li{
	width:100%;
	text-align:center;
	margin:0;
	}

#main .flexslider .slides li h3{
	margin:0!important;
	padding:0!important;
	}

#main .slides .where h3.pc,
#main .slides .where p.tab{
	display:none!important;
}
#main .slides .where h3.sp{
	display:inherit!important;
}


}

#main ul, #main ol,#main li{
 margin:0;
 padding:0;
 }

#main .flex-control-thumbs li{
	width:23%;
	margin:1%;
}



@media screen and  (min-width: 320px) and (max-width: 768px) {

#main .flex-control-thumbs li{
	width:48%;
	margin:0 1% 0 0;
	padding:0!important;
}

#main .flex-control-thumbs li img{
	width:100%;

}
}
#main .flex-control-nav a{
	padding:0;
	}