@charset "utf-8";

.wrap-visual{position: relative; max-width:1920px; margin:0 auto;}
.wrap-visual .slider{overflow:hidden;}
.wrap-visual .slider li{display:inline-block; overflow:hidden; height:630px; position:relative;}

.wrap-visual .controls {position: absolute;gap: 20px;bottom: 60px;display: flex;align-items: center;width: 100%;justify-content: center;}
.wrap-visual .slider-counter-wrap{color:#fff;display: flex;gap: 10px;}
.wrap-visual .main-visual-dots{display: flex; align-items: center;}
.wrap-visual .slick-dots {display: flex;width: 110px;}
.wrap-visual .slick-dots::after {content:''; display: block; clear:both;}
.wrap-visual .slick-dots li{float:left; opacity:0.5; background:#fff; height:3px; text-indent: -9999px;transition:all .3s; cursor:pointer; width: 100%;}
.wrap-visual .slick-dots li.slick-active {opacity:1;}
.wrap-visual .controls .playstop{display:flex;}
.wrap-visual .controls .playstop .play{background: url(./../images/ic-wrap-visual-play.png) no-repeat center; display: none;}
.wrap-visual .controls .playstop .play.on{display: inline-block;}
.wrap-visual .controls .playstop .stop{background: url(./../images/stop-ic.png) no-repeat center;width: 20px;display: none;}
.wrap-visual .controls .playstop .stop.on{display: inline-block;}
.wrap-visual .prevnext .container{display: flex; gap: 5px;}
.wrap-visual .prevnext button{display: inline-block; text-indent: -9999px; width:20px; height:20px;}
.wrap-visual .prev{transform: rotate(180deg); background: url(./../images/ic_arrow2.png) no-repeat center center;}
.wrap-visual .next{background: url(./../images/ic_arrow2.png) no-repeat center center;}
.wrap-visual .main-visual-count{display:none;}

.wrap-visual .slider{height: 630px; overflow: hidden;}
.wrap-visual .item_1{height: 630px; overflow:hidden;}
.wrap-visual .item_1 img{height: 100%; object-fit: cover; width: 100%;}
.wrap-visual .item_2{position: absolute; color: #fff; line-height: 1.4;  top: 100px;z-index: 10;width: 100%;}
.wrap-visual .item_2 .item_in{line-height: 1.2;  font-size: 55px;font-family: 'Dream Bold'; width: 100%; max-width: 1200px; margin: 50px auto; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);}
.wrap-visual .text_1{}
.wrap-visual .text_2{}
.wrap-visual .text_3{font-size: 26px;font-family: 'Dream Light';display:inline-block;position: relative;padding: 0 5px;left: 0;line-height: 1.2;margin-top: 20px;}


@media all and (max-width:1300px){
	.wrap-visual .slider{height: 480px;}
	.wrap-visual .item_1{height: 480px;}
	.wrap-visual .item_2{top: 50px; padding-left:30px;}
	.wrap-visual .item_2 .item_in{font-size:40px;}
	.wrap-visual .text_3{font-size:20px;}
	.wrap-visual .controls{bottom:10px;}
}

@media all and (max-width:1000px){
	.wrap-visual .slider{height: 400px;}
	.wrap-visual .item_1{height: 400px;}
	.wrap-visual .item_2 .item_in{font-size:32px;}
	.wrap-visual .text_3{font-size:18px;}
}