@charset "UTF-8";

._fnctWrap {line-height:1.5;}
.wrap-visual1 {position:relative; overflow:hidden; z-index:1;}
.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 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{width: 100%;position:absolute;bottom: 48px;}
.wrap-visual1 .visual-arrow button{width: 12px;height: 19px;text-indent:-9999px;border:0;z-index:999;position: absolute;}
.wrap-visual1 .visual-arrow button.prev{background:url('../images/visual_prev.png') no-repeat center center;left: 45%;}
.wrap-visual1 .visual-arrow button.next{background:url('../images/visual_next.png') no-repeat center center;right: 45%;}
.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 7px;}
.wrap-visual1 .control .paging li.slick-active button {background: #fff; position:relative;}
.wrap-visual1 .control .paging li button {display:block;width: 6px;height: 6px;border-radius:50%;background: #fff;text-indent:-9999px;border:0;}
.wrap-visual1 .control .paging li.slick-active button:before{content:'';position:absolute;border: 1px solid #fff;width:20px;height: 20px;top: 50%;left: 50%;border-radius: 50%; margin-top:-10px; margin-left:-10px; box-sizing:border-box;}
.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) {
	
}
@media all and (max-width:1024px) {
	.wrap-visual1 .visual-arrow{bottom}
	.wrap-visual1 .visual-arrow button.prev{left: 40%;}
	.wrap-visual1 .visual-arrow button.next{right: 40%;}
}
@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%;}
	.wrap-visual1 .visual-arrow{bottom:16%}
	
}

@media all and (max-width:580px) {
    .wrap-visual1 .slider .main-slogan strong {font-size:30px;}
	.wrap-visual1 .visual-arrow button.prev{left:30%;}
	.wrap-visual1 .visual-arrow button.next{right:30%;}
}

@media all and (max-width:480px) {
    .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%;}
	.wrap-visual1 .visual-arrow{bottom:30%}
}