._fnctWrap {line-height:1.5;}

.wrap-visual {position:relative;}
.wrap-visual .slider {position:relative; z-index:1; margin: 0 auto;}
.wrap-visual .slider li {position:relative; text-align:center;}
.wrap-visual .slider li:before {content:''; position:absolute; left:0px; top:0px; z-index: 100; width:100%; height:100%; background:url('../images/pattern.png') repeat;}
.wrap-visual .slider li img {position: relative; left: 50%; display:inline-block; max-width:none; max-height:850px; transform: translate(-50%, 0);}

.wrap-visual .control {position: absolute; bottom: 11%; left: 50%; z-index:1; padding: 8px 10px; background: rgba(0,0,0,.3); border-radius: 100px; font-size: 0; text-align:center; transform: translate(-50%, 0);}
.wrap-visual .control .paging {display:inline-block; vertical-align: middle;}
.wrap-visual .control .paging ul {display:inline-block;}
.wrap-visual .control .paging li {float:left; margin:0 2px;}
.wrap-visual .control .paging li.slick-active button {background:url('../images/visual-dot-on.png') no-repeat center center; position:relative;}
.wrap-visual .control .paging li button {width:22px; height:22px; background:url('../images/visual-dot-off.png') no-repeat center center; text-indent:-9999px;}
.wrap-visual .control .playstop {display:inline-block; margin:0 0 0 4px; vertical-align: middle;}
.wrap-visual .control .playstop button {display:none; text-indent:-9999px;}
.wrap-visual .control .playstop button.on {display:inline-block;}
.wrap-visual .control .play {width:22px; height:22px; background:url('../images/visual-play.png') no-repeat center center;}
.wrap-visual .control .stop {width:22px; height:22px; background:url('../images/visual-stop.png') no-repeat center center;}
.wrap-visual .prevnext {position: absolute; left: 0; bottom: 110px; width: 100%; z-index: 100;}
.wrap-visual .prevnext .container {position: relative;}
.wrap-visual .prevnext button {position: absolute; width:78px; height:77px; text-indent: -9999px; transform: translate(0px, -50%);}
.wrap-visual .prevnext .prev {left: 0; background: url('../images/arrow-control-prev.png') no-repeat left center; }
.wrap-visual .prevnext .next {right: 0; background: url('../images/arrow-control-next.png') no-repeat right center; }

@media all and (max-width:1600px) {
	.wrap-visual .prevnext .prev {left: 20px;}
	.wrap-visual .prevnext .next {right: 20px;}
}

@media all and (max-width: 1023px) {
    .wrap-visual .slider li img {max-height:650px;}
}

@media all and (max-width: 768px) {
    .wrap-visual .slider li img {max-height:550px;}
}