@charset "UTF-8";

._fnctWrap {line-height:1.5;}
.wrap-visual1 {position:relative; overflow:hidden;}
.wrap-visual1 .slider li {position:relative; text-align:center; float:left;}
.wrap-visual1 .slider li img{max-width:100%; width:100%;}
/* .wrap-visual1 .slider li:after {content:''; position:absolute; left:50%; top:0px; width:100%; max-width:1920px; height:100%; background:url('../images/black_pattern.png') repeat left top; transform: translate(-50%,0);} */
/* .wrap-visual1 .slider li img {display:block; max-height:732px; position:relative; left:50%; transform:translate(-50%,0); max-width:none;} */
.wrap-visual1 .slider li a {display:block;}
.wrap-visual1 .slider .main-slogan {position:absolute; left:50%; top:50%; width:100%; z-index:1; transform: translate(-50%,-76%); text-align:center; color:#fff;  line-height:1.3; text-shadow: 0px 3px 7px rgba(0, 0, 0, 0.5);}
.wrap-visual1 .slider .main-slogan strong {font-size:50px; font-weight:normal; font-family: 'S-CoreDream-5Medium';}
.wrap-visual1 .slider .main-slogan strong i {font-family: 'S-CoreDream-3Light'; font-style:normal;}
.wrap-visual1 .slider .main-slogan em {display:block; font-family: 'S-CoreDream-3Light'; font-style:normal; font-size:35px; padding:0 0 20px 0;}
.wrap-visual1 .slider .main-slogan p {font-size:26px; padding:25px 0;}
.wrap-visual1 .slider .main-slogan span {font-size:20px; font-family: 'S-CoreDream-5Medium';}

.wrap-visual1 .visual-arrow button{ width:40px; height:75px; text-indent:-9999px; border:0; position:absolute; top:35%; z-index:999; background:url('../images/visualArr.png') no-repeat center center;}
.wrap-visual1 .visual-arrow button.prev{left:2%; background-position: left top;}
.wrap-visual1 .visual-arrow button.next{right:2%; background-position: right top;}
.wrap-visual1 .control {text-align:center; position:absolute; bottom:40px; left:0px; width:100%; height:0px; z-index:1002;}
.wrap-visual1 .control .paging {display:inline-block;}
.wrap-visual1 .control .paging ul {display:inline-block;}
.wrap-visual1 .control .paging li {float:left; margin:0 2px;}
.wrap-visual1 .control .paging li.slick-active button {background:#5b5b5b;}
.wrap-visual1 .control .paging li button {display:block; width:10px; height:10px; border-radius:50%; background:#aaa; text-indent:-9999px; border:0;}
.wrap-visual1 .control .playstop {display:inline-block; position:relative; top:0px; margin:0 10px 0 0;}
.wrap-visual1 .control .playstop button {display:none; text-indent:-9999px; border:0;}
.wrap-visual1 .control .playstop button.on {display:inline-block;}
.wrap-visual1 .control .play {width:12px; height:12px; background:url('../images/ico_visual_play.png') no-repeat center center;}
.wrap-visual1 .control .stop {width:12px; height:12px; background:url('../images/ico_visual_stop.png') no-repeat center center;}

@media all and (max-width:1230px) {
    .wrap-visual1 .slider li img {max-height:460px;}
    .wrap-visual1 .slider .main-slogan {transform: translate(-50%,-81%);}
    .wrap-visual1 .slider .main-slogan strong {font-size: 35px;}
    .wrap-visual1 .slider .main-slogan em {font-size: 20px;}
    .wrap-visual1 .slider .main-slogan p {font-size:20px;}
    .wrap-visual1 .slider .main-slogan span {font-size:20px;}

}
@media all and (max-width:1280px) {
	.wrap-visual1 .visual-arrow button{width:20px;}
}
@media all and (max-width:1024px) {
	.wrap-visual1 .visual-arrow button{display:none !important;}
}
@media all and (max-width:860px) {
    .wrap-visual1 .slider .main-slogan strong {font-size:38px;}
    .wrap-visual1 .slider .main-slogan p {font-size:20px;}
    .wrap-visual1 .slider .main-slogan span {font-size:15px;}
    .wrap-visual1 .slider li img {max-height:420px;}
    .wrap-visual1 .slider .main-slogan {transform: translate(-50%,-57%);}
    .wrap-visual1 .control {bottom:13%;}
	
}

@media all and (max-width:580px) {
    .wrap-visual1 .slider .main-slogan strong {font-size:30px;}
}

@media all and (max-width:420px) {
    .wrap-visual1 .slider .main-slogan strong {font-size:24px;}
    .wrap-visual1 .slider .main-slogan em {font-size:15px;  padding:0 0 10px 0;}
    .wrap-visual1 .slider .main-slogan p {display:none;}
    .wrap-visual1 .slider .main-slogan span {display:none;}
    .wrap-visual1 .slider li img {max-height:225px;}
    .wrap-visual1 .control {bottom:27%;}
}