@charset "utf-8";

/* wrap-visual Slider Controls */
.wrap-visual{position: relative; max-width:1640px; margin:0 auto;}
.wrap-visual .slick-list{overflow: visible;}
.wrap-visual .slick-slide{height: 810px; margin:0 20px; position:relative;}
.wrap-visual .slick-slide img{height: 100%;width: 100%;object-fit: cover;}

.wrap-visual .item_1{height:100%;}
.wrap-visual .item_1 img{width:100%;height:100%;display:inline-block;object-fit:cover;}

.wrap-visual .item_2{position: absolute;z-index: 1002;letter-spacing: -3px;width: 100%;margin:0 auto;top: 120px;}
.wrap-visual .item_2 .item_in{max-width:1600px;font-family: 'S-CoreDream-5Medium';margin:0 auto;line-height: 1.4;color: #fff;padding-left: 90px;}
.wrap-visual .text_1{font-size: 45px;}
.wrap-visual .text_2{display:block;font-size: 55px;margin-bottom: 30px;}
.wrap-visual .text_3 {font-size: 20px;line-height: 1.6; letter-spacing: -1px; margin: 0 auto;font-family: 'S-CoreDream-4Regular';}

.wrap-visual .controls {position: absolute;bottom: 85px;right: 85px;display: flex;align-items: center;gap: 25px;}
.wrap-visual .controls .inner{position:relative;width:150px;height:150px;background:url('../images/circle.png') no-repeat center;}
.wrap-visual .controls button{text-indent: -99999px;vertical-align: top;display: inline-block;width: 20px;height: 20px;}
.wrap-visual .controls .playstop{display:flex;justify-content: center;height: 100%;align-items: center;}
.wrap-visual .controls .playstop .play{background: url(../images/vis-play.png) no-repeat center; display: none;}
.wrap-visual .controls .playstop .play.on{display: inline-block;}
.wrap-visual .controls .playstop .stop{background: url(../images/vis-stop.png) no-repeat center;width: 20px;display: none;}
.wrap-visual .controls .playstop .stop.on{display: inline-block;}
.wrap-visual  button{display: inline-block;vertical-align: top;text-indent: -999999px;}
.wrap-visual .prev{background: url(../images/vis-prev.png) no-repeat center center;position:absolute;left: 25px;top:50%;margin-top:-10px;}
.wrap-visual .next{background: url(../images/vis-next.png) no-repeat center center;position:absolute;right: 25px;top:50%;margin-top:-10px;}

.wrap-visual .controls .slick-dots{display:flex;gap: 10px;position: relative;top: 3px;}
.wrap-visual .controls .slick-dots li button{border-radius:50%;border: 2px solid rgba(255,255,255,0);position:relative;}
.wrap-visual .controls .slick-dots li button:before{content:'';width:8px;height:8px;border-radius:50%;background:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}

.wrap-visual .controls .slick-dots li.slick-active button{border:2px solid #1fb25a;}
.wrap-visual .controls .slick-dots li.slick-active button:before{background:#1fb25a;}

.wrap-visual .main-visual-count{display:none;}

@media all and (max-width:1600px){
	.wrap-visual .slick-slide{margin:0;}
}

@media all and (max-width:1200px){
	.wrap-visual .slick-slide{height: 460px;}
	.wrap-visual .text_1{font-size: 35px;}
	.wrap-visual .text_2{font-size: 35px;}
	.wrap-visual .item_2{top: 80px;}
	.wrap-visual .text_3{font-size: 17px;}

	.wrap-visual .prevnext{margin-top: -30px;}
	.wrap-visual .prevnext button{width:60px; height:60px; background-size:30px;}
	.wrap-visual .prev{left:20px;}
	.wrap-visual .next{right:20px;}
	.wrap-visual .controls{bottom:30px; right:30px;}
	.wrap-visual .controls .inner{width:90px;height:90px;background-size: cover;}
	.wrap-visual .controls button{background-size:8px}
	.wrap-visual .controls .playstop button{background-size:10px !important}
}

@media all and (max-width:850px){
	.wrap-visual .slick-slide{height: 520px;}
}

@media all and (max-width:767px){
	.wrap-visual{margin:0 20px; overflow:hidden;}
	.wrap-visual .item_2 .item_in{padding-left: 40px;}
	.wrap-visual .text_1{font-size: 24px;}.wrap-visual .text_2{font-size: 32px;}
	.wrap-visual .text_3 br{display:none;}
	.wrap-visual .slick-slide {height: 600px;}
	.wrap-visual .controls{right: 20px;bottom: 30px;}
	.wrap-visual .prevnext{margin-top: -20px;}
	.wrap-visual .prevnext button{width:44px; height:44px; background-size:25px;}
}
@media all and (max-width:480px){
}