.visualArea {position:relative; height:600px;}
.visualArea a{text-decoration:none;}
.visualArea .rollArea {position:relative;z-index:3;}
.visualArea .rollArea li {width:100%;height:600px;overflow:hidden;}
.visualArea .rollArea li img {position:absolute;top:0;left:50%;height:600px;z-index:1;}
.visualArea .rollArea li img.pc {width:1920px;margin-left:-960px;}
.visualArea .rollArea li img.tablet {width:1023px;margin-left:-512px;}
.visualArea .rollArea li img.mobile {width:1536px;margin-left:-768px;}
.visualArea .rollArea li img.tablet, .visualArea .rollArea li img.mobile {display:none;}
.visualArea .rollArea li .text {position:absolute; top:30%; left:50%; margin-left:-180px; display:block;padding:40px; z-index:3; font-size:48px; line-height:1; font-weight:200; letter-spacing:-0.5px; color:#fff; width:320px; background:url(../img/main/bg_text.png) center top repeat; text-align:center;}
.visualArea .rollArea li .text b{font-size:48px; line-height:1; font-weight:600; }
.visualArea .rollArea li .text span{display:block; clear:both;}
.visualArea .rollArea li .text span:last-child{font-size:14px; line-height:1.5;}
.visualArea .rollArea li .text .text_line{width:150px; height:1px; margin:25px auto; background:#fff;}


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



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




/* tablet */
@media only screen and (max-width:1023px) {
.bx-pager {bottom:30px;}
}


@media only screen and (max-width:767px) {
.visualArea .rollArea li img.pc, .visualArea .rollArea li img.tablet {display:none;}
.visualArea .rollArea li img.mobile {display:block;}
.visualArea {height:480px;}
.visualArea .mobileNone {display:none;}
.visualArea .rollArea li {height:480px;}
.visualArea .rollArea li img {height:480px;}
.visualArea .rollArea li .text {top:175px; margin-left:-130px; padding:20px; font-size:25px; width:220px; font-weight:300;}
.visualArea .rollArea li .text b{font-size:26px;}
.visualArea .rollArea li .text span:last-child{font-size:12px;}
.visualArea .rollArea li .text .text_line{margin:10px auto; width:80px;}
.bx-pager {bottom:20px;}
}