/* fonts */


._fnctWrap {line-height:1.5;}


.wrap-visual {position:relative;}
.wrap-visual .slider {position:relative; z-index:1;}
.wrap-visual .slider li {position:relative; text-align:center; height: 850px; background-position: top center;background-repeat: no-repeat;}
.wrap-visual .slider li img {display:inline-block; max-width:none; position: relative;}

.wrap-visual .control {text-align: left; position:absolute; bottom: 25%;   margin: 0 auto; z-index: 1;width: 1400px;
    left: 50%;transform: translate(-50%, 0);}
.wrap-visual .control .paging {display:inline-block;}
.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:#005fca; position:relative;width:53px;border-radius: 50px;}
.wrap-visual .control .paging li button {width:15px; height:15px; background:url('../images/full-dot.png') no-repeat center center; text-indent:-9999px;}
.wrap-visual .control .playstop {display:inline-block; position:relative; top: -6px; margin:0 0 0 4px;}
.wrap-visual .control .playstop button {display:none; text-indent:-9999px;}
.wrap-visual .control .playstop button.on {display:inline-block;}
.wrap-visual .control .play {width:16px; height:16px; background:url('../images/orange-play.png') no-repeat center center;}
.wrap-visual .control .stop {width:16px; height:16px; background:url('../images/orange-stop.png') no-repeat center center;}
.wrap-visual .prevnext {position: absolute; left: 0; top: 50%; width: 100%; z-index: 100;}
.wrap-visual .prevnext .container {position: relative;}
.wrap-visual .prevnext button {position: absolute; width:70px; height:70px; text-indent: -9999px; background: rgba(0, 0, 0, 0.6) url('../images/arrow-control.png') no-repeat center center; transform: translate(0px, -50%);}
.wrap-visual .prevnext .prev {left: 0; background-position: left center;}
.wrap-visual .prevnext .next {right: 0; background-position: right center;}

@media all and (max-width: 1400px) {
.wrap-visual .control{    width: auto;
    transform: none;
    left: 25px;}
}
@media all and (max-width: 1024px) {
	.wrap-visual .slider li{height: 400px; background-size: cover;}
	.wrap-visual .control{left: 40px;bottom: 20%;}
}

@media all and (max-width: 768px) {
	.wrap-visual .slider li{height: 270px;}
	.wrap-visual .control{left:30px;}
}