.visualArea {position:relative;overflow:hidden; height:652px; float:left; width:474px;background:url(../img/main/bg_slide.jpg) center top no-repeat;}
.visualArea .rollArea {position:relative;z-index:3;}
.visualArea .rollArea li {width:100%;height:650px;overflow:hidden;}
.visualArea .rollArea li img {position:absolute;top:0;left:0;z-index:1;height:652px;}
.visualArea .rollArea li img.pc {width:472px;}
.visualArea .rollArea li img.tablet {width:1023px;margin-left:-512px;}
.visualArea .rollArea li img.mobile {width:767px;margin-left:-384px;}
.visualArea .rollArea li img.tablet, .visualArea .rollArea li img.mobile {display:none;}
.visualArea .rollArea li .slider_text {position:relative;display:block;z-index:3; text-align:left;}
.visualArea .rollArea li .txt{position:relative; left:30px; height:132px; top:425px; }
.visualArea .rollArea li .txt2{position:relative; left:30px; height:132px; top:50px; }
.visualArea .rollArea li .txt3{position:relative; left:30px; height:132px; top:425px; }

/* pager */
.bx-pager {position:absolute; left:50%; width:78px; margin-left:-39px; 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 1px; background:url(../img/main/sp_page.png) no-repeat 0 -4px;}
.bx-pager-item a.active {background-position:0px 0;}

/* tablet */
@media only screen and (max-width:1023px) {
.visualArea{background:none;} 
.visualArea .rollArea li .txt{width:50%; height:auto; top:475px;}
.visualArea .rollArea li .txt2, .visualArea .rollArea li .txt3{width:50%; height:auto; }
.bx-pager {bottom:30px;}
}

@media only screen and (max-width:767px) {
.visualArea{width:100%;height:100%;}
.visualArea .rollArea li img.pc, .visualArea .rollArea li img.tablet {display:none;}
.visualArea .rollArea li img.mobile {display:block; width:100%; margin-left:0;}
.visualArea .rollArea li {height:400px;}
.visualArea .rollArea li img {width:100%;height:auto;}
.visualArea .rollArea li .txt{width:58%;top:30px;}
.visualArea .rollArea li .txt2{width:58%;top:30px; left:110px;}
.visualArea .rollArea li .txt3{width:58%;top:130px;}
.bx-pager {bottom:20px;}
}