#visualArea{position:relative;width:100%;}
#visualArea:after{content:"";display:block;visibility:hidden;clear:both;}
#visualArea .grap{overflow:hidden;position:relative;margin:0 auto;width:100%;min-height:750px;z-index:9;}
#visualArea .obj{position:relative;}
#visualArea .obj .item{position:absolute;top:0;left:0;width:100%;min-height:750px;}
#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 .img01 .txt_box{position:relative; top:140px; padding-left:40%; overflow:hidden; color:#fff; }
#visualArea .obj .img02 .txt_box{position:relative; top:140px; padding-left:50%; overflow:hidden; color:#363636;}
#visualArea .obj .img03 .txt_box{position:relative; top:140px; padding-left:40%; overflow:hidden; color:#fff; }
#visualArea .obj .item .txt_box h3{font-size:50px;line-height:50px; font-weight:500; letter-spacing:-2px;}
#visualArea .obj .item .txt_box h4{font-size:46px;line-height:40px; font-weight:200; letter-spacing:-1px;}
#visualArea .obj .item .txt_box span{font-size:14px; font-weight:300; display:block; margin-top:10px;}

/* mvisual control */
#visualArea .control{position:relative;top:404px;max-width:1042px; margin:0 auto;z-index:10;}
#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:absolute;left:0;top:705px;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; border:0;}
#visualArea .pnote button.ov{background-position:0 0px;}


@media only screen and (max-width:1200px) {
#visualArea .grap, #visualArea .obj .item{min-height:500px;}
#visualArea .obj .item .txt_box{top:90px; left:0; padding-left:10%; width:70%;color:#fff;}
#visualArea .obj .item .txt_box h3{font-size:42px; line-height:38px;}
#visualArea .obj .item .txt_box h4{font-size:24px; line-height:35px;}
#visualArea .obj .item .txt_box span{font-size:12px;}
#visualArea .pnote{top:460px;}
#visualArea .control{width:90%; top:215px;}
}



@media only screen and (max-width:767px) {
#visualArea .obj .item .txt_box h3{font-size:30px; line-height:32px;}
#visualArea .obj .item .txt_box h4{font-size:20px; line-height:20px;}
}