@charset "utf-8";

.admin_slick:after {content:''; clear:both; display:block;}
.admin_slick {width:1140px;margin:80px auto}
.admin_slick li {width:calc(33.33% - 84px); margin:0 42px 30px 42px; background:#fff; box-shadow:10px 10px 30px rgba(15,13,3,0.1);}
.admin_slick .txt_box{text-align:left;padding:25px}
.admin_slick .txt_box .tit {display: block;width: calc(100% - 10px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:20px;color:#222}
.admin_slick .txt_box p{font-size:14px;line-height:1.7;color:#999;margin-top:10px;max-height:51px;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.admin_slick .slick-arrow {position:absolute; z-index:5;transform:translateY(0);top:20%; text-indent:-9999px; width:56px; height:56px; background-color:#2b2b2b;background-repeat:no-repeat; background-position:center center;}
.admin_slick .slick-arrow.slick-prev {left:calc((1140px - 100vw + 18px) / 2); background-image:url('./img/ico-prev.png')}
.admin_slick .slick-arrow.slick-next {right:calc((1140px - 100vw + 18px) / 2); background-image:url('./img/ico-next.png')}
.admin_slick img{width:100%;max-width:100%}

@media all and (max-width:1200px) {
	.admin_slick{padding:0;width:100%}
	.admin_slick .slick-arrow {top:-75px;}
	.admin_slick li{margin:0 30px 30px 30px}
}

@media all and (max-width:1028px) {
	.admin_slick .slick-arrow.slick-next{right:0}
	.admin_slick .slick-arrow.slick-prev{left:0}
}

@media all and (max-width:720px) {
	.main-intro-back{padding-top:20vw;padding-bottom:0}
	.main-intro .admin_slick{margin:50px auto}
	.admin_slick .slick-arrow{width:40px;height:40px}
}