.visualArea {position:relative;height:600px; overflow:hidden;}
.visualArea .rollArea {position:relative;z-index:3;}
.visualArea .rollArea li {width:100%;height:600px;overflow:hidden;}
.visualArea .rollArea li a:hover{text-decoration:none;}
.visualArea .rollArea li img {position:absolute;top:0;left:50%;z-index:1;height:600px;}
.visualArea .rollArea li img.desc{width:1920px;margin-left:-960px;}
.visualArea .rollArea li .mobile {display:none; min-height:450px; width:100%;}
.visualArea .rollArea li.slider1 .mobile {background:url(../img/main/slider1.jpg) no-repeat 50% 50%; background-size:cover;}
.visualArea .rollArea li.slider2 .mobile {background:url(../img/main/slider2.jpg) no-repeat 50% 50%; background-size:cover;}
.visualArea .rollArea li.slider3 .mobile {background:url(../img/main/slider3.jpg) no-repeat 50% 50%; background-size:cover;}

.visualArea .rollArea li .text {position:relative; top:250px; display:block;z-index:3; width:300px; margin:0 auto; padding:30px 0; text-align:center; line-height:0.9;}
.visualArea .rollArea li.slider1 .text{color:#363636;  border-top:1px solid #363636;border-bottom:1px solid #363636;}
.visualArea .rollArea li.slider2 .text{color:#fff; border-top:1px solid #fff;border-bottom:1px solid #fff;}
.visualArea .rollArea li.slider3 .text{color:#363636; border-top:1px solid #363636;border-bottom:1px solid #363636;}
.visualArea .rollArea li .text h3{font-size:45px; font-weight:600; letter-spacing:-1px;}
.visualArea .rollArea li .text h4{font-size:50px; font-weight:100;}
.visualArea .rollArea li .text span{font-size:13px; font-weight:500; margin-top:20px; display:block;}

.bx-pager {position:absolute; left:50%; margin-left:-42px; bottom:20px;z-index:3;overflow:hidden; }
.bx-pager-item {float:left;}
.bx-pager-item a {text-indent:-9999em;display:block;width:24px; height:4px; margin:0 2px; background:url(../img/main/sp_page.gif) no-repeat 0 -4px;}
.bx-pager-item a.active {background-position:0px 0px;}




@media only screen and (min-width:1921px) {
.visualArea {width:1920px; margin:0 auto;}
}



/* tablet */
@media only screen and (max-width:1023px) {
}

@media only screen and (max-width:767px) {
.visualArea{width:100%;height:100%;}
.visualArea .rollArea li img.desc{display:none;}
.visualArea .rollArea li .mobile {display:block;}
.visualArea .rollArea li {height:450px; }
.visualArea .rollArea li .text {top:-250px; width:220px; padding:20px 0; }
.visualArea .rollArea li .text h3{font-size:30px;}
.visualArea .rollArea li .text h4{font-size:35px;}
}