@charset "utf-8";

.wrapSocial{height:100%;}
.wrapSocial h2{color:#000;font-family:'Pre Bold';font-size:48px;line-height:1;padding:50px 60px;background:#f7f7f7;margin-bottom:20px;}
.wrapSocial h2 b{display:none;}

.wrapSocial .socialBtns{position:absolute;right:60px;top:44px;display:flex;justify-content:flex-end;align-items:center;}
.wrapSocial .socialBtns a{color:#000;font-family:'Pre Bold';font-size:16px;line-height:1.3;background:#FFF;border:1px solid #d9d9d9;width:180px;height:60px;padding:0 15px;border-radius:5px;margin-left:20px;display:flex;align-items:center;justify-content:space-between;}
.wrapSocial .socialBtns a::after{content:"";display:block;width:20px;height:20px;background:url(../images/goto_b.png) no-repeat center;}

/* .wrapSocial .list{display:flex;justify-content:space-between;} */
/* .wrapSocial .list li{width:24%;} */

.wrapSocial .img{overflow:hidden;width:100%;border-radius:5px; position: relative; display: block; padding-bottom: 100%;}
.wrapSocial .img img{object-fit:cover;object-position:center;height:100%;width:100%;transition: transform 0.4s;display:inline; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.wrapSocial .img:hover img{transform: scale(1.05);}
.wrapSocial .img p{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: rgba(0,0,0,0.6); visibility: hidden; transition: opacity .5s; padding: 0 10px;}
.wrapSocial .img p span{text-align: center; font-size: 16px; color: #fff; text-overflow: ellipsis; white-space: wrap; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; overflow: hidden;}
.wrapSocial .img:hover p{visibility: visible; opacity: 1;}

.wrapSocial .txt{display:none;}
.wrapSocial .control{display:none;}
.wrapSocial .prevnext{display:none;}
.wrapSocial .slick-list {margin: 0 -10px;}
.wrapSocial .slick-slide {margin: 0 10px;}

@media all and (min-width:769px){
	.wrapSocial .socialBtns a:hover{color:#FFF;background:#000;border-color:#000;}
	.wrapSocial .socialBtns a:hover::after{background:url(../images/goto_w.png) no-repeat center;}
}
@media all and (max-width:1280px){
	.wrapSocial .img{height:unset;}
}
@media all and (max-width:768px){
	.wrapSocial h2{font-size:24px;padding:20px 20px 60px 20px;}
	.wrapSocial .socialBtns{right:unset;left:20px;top:70px;justify-content:flex-start;}
	.wrapSocial .socialBtns a{background:none;border:0;width:unset;height:unset;padding:0;border-radius:0;margin-left:0;margin-right:15px;}
	.wrapSocial .socialBtns a::after{background-size:17px;}
	.wrapSocial .slick-list {margin-right: -250px;}
	.wrapSocial .img p span{font-size: 14px; line-height: 1.3;}

	/* .wrapSocial .container{overflow-y:hidden;overflow-x:auto;} */
	/* .wrapSocial .list{width:1067px;} */
}