#visualArea{position:relative;width:100%;}
#visualArea:after{content:"";display:block;visibility:hidden;clear:both;}
#visualArea .grap{position:fixed;overflow:hidden;margin:0 auto;width:100%;height:100%;z-index:9;}
#visualArea .obj{width:100%; height:100%;}
#visualArea .obj .item{position:absolute;top:0;left:0;padding:0;width:100%;min-height:100%;text-align:center;}
#visualArea .obj .item.img01{background:url(../img/main/slider1.jpg) no-repeat 50% 50%;background-size:cover;}
#visualArea .obj .item.img02{background:url(../img/main/slider2.jpg) no-repeat 50% 50%;background-size:cover;}
#visualArea .obj .item.img03{background:url(../img/main/slider3.jpg) no-repeat 50% 50%;background-size:cover;}
#visualArea .obj .item img{width:100%;height:100%;}
#visualArea .obj .item .txt_box{position:relative; top:700px; margin:0 auto; width:50%;  text-align:left;}
#visualArea .obj .item .txt_box b{font-size:52px;letter-spacing:-2px; color:#fff;  font-weight:600; display:table; line-height:1;  padding:5px;}
#visualArea .obj .item .txt_box span{font-size:13px;  font-weight:300; color:#fff; letter-spacing:-1px; line-height:1.5; padding:5px; word-break:keep-all;}

/* mvisual control */
#visualArea .control{position:relative;top:320px; auto;z-index:10; margin-left:230px; margin-right:230px;}
#visualArea .control button{position:absolute; font-size:0; cursor:pointer;}
#visualArea .control button[data-type="prev"]{width:31px;height:59px;background:url(../img/main/prev.png) center top no-repeat; left:0;}
#visualArea .control button[data-type="next"]{width:31px;height:59px;background:url(../img/main/next.png) center top no-repeat; right:0;}
#visualArea .pnote{display:block;position:fixed;left:0;bottom:30px;width:100%;height:20px;text-align:center;z-index:10;}
#visualArea .pnote button{margin:0 1px;width:24px;height:4px;background:url(../img/main/sp_page.gif) center -4px no-repeat;font-size:0;line-height:0;}
#visualArea .pnote button.ov{background-position:0 0px;}


@media only screen and (max-width:1023px) {
#visualArea .grap{position:relative; min-height:400px;}
#visualArea .pnote{position:absolute; bottom:20px;}
#visualArea .control{width:90%; top:170px; margin:0 auto;}
#visualArea .obj .item .txt_box{top:300px; left:0px; margin:0 auto; width:80%;}
#visualArea .obj .item .txt_box b{ font-size:30px;}
#visualArea .obj .item .txt_box span{font-size:12px;}
}



@media only screen and (max-width:767px) {
#visualArea .obj .item .txt_box span{ display:block;}
}