@charset "utf-8";
.latestSlideGall__01 {padding-top:50px;}
.latestSlideGall__01 .top_tit {display:flex; flex-wrap:wrap; padding-bottom:50px;}
.latestSlideGall__01 .top_tit .titleArea {width:calc(100% - 350px); padding-right:100px;}
.latestSlideGall__01 .top_tit .catebtn_wrap {width:350px; display:flex; align-items:end;}

.latestSlideGall__01 .catebtn_wrap a.linkBtn{ padding:0 35px; margin:0 5px; display:inline-block; text-align:center; border-radius:50px; background-color:#ddd; line-height:50px; font-size:2rem; font-weight:400; transition:background .2s ease-out;}
.latestSlideGall__01 .catebtn_wrap a.linkBtn:last-child{ background-color:#006760; color:#fff; }
.latestSlideGall__01 .catebtn_wrap a.linkBtn:hover{ background-color:#39c6bd; color:#fff; }

/** swiper */
.latestSlideGall__01 .swiper-container{overflow: hidden;}
.latestSlideGall__01 .swiperWrap{position:relative}
.latestSlideGall__01 .swiper-slide{width:30%}
.latestSlideGall__01 .swiper-slide .imgblock {position:relative; width:100%; height:0;padding-bottom:60%; overflow:hidden;}
.latestSlideGall__01 .swiper-slide .imgblock .thumb { width: 100%; height: 100%; position:absolute; top:50%; left:50%; border-radius:25px; overflow: hidden; transform:translate(-50%,-50%); }
.latestSlideGall__01 .swiper-slide .imgblock .thumb .imgdim{ width: 100%; height: 100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0); transition: background 1s ease-out;}
.latestSlideGall__01 .swiper-slide .imgblock .thumb img { width:100%; height:100%; object-fit:cover; }
.latestSlideGall__01 .swiper-slide .detailcont { padding:32px 10px; border-radius:15px; width:100%;  background-color:rgba(255,255,255,.6); transition: transform .3s ease-out;}
.latestSlideGall__01 .swiper-slide .detailcont h4.tit{line-height:1.3em; display:-webkit-box;  -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; word-wrap: break-word;}
.latestSlideGall__01 .swiper-slide .detailcont p.cont{display:-webkit-box;  -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; word-wrap: break-word;}

.latestSlideGall__01 .swiper-slide:hover .imgblock .thumb .imgdim{background:rgba(0,0,0,.6);}

.latestSlideGall__01 .swiper-horizontal>.swiper-pagination-bullets swiper-pagination-bullet,
.latestSlideGall__01 .swiper-pagination-horizontal.swiper-pagination-bullets swiper-pagination-bullet { width: 12px; height: 12px; background-color:#fff;}

.latestSlideGall__01 .swiper-horizontal > .swiper-pagination-bullets, 
.latestSlideGall__01 .swiper-pagination-bullets.swiper-pagination-horizontal, 
.latestSlideGall__01 .swiper-pagination-custom, 
.swiper-pagination-fraction {bottom:-50px;}

.latestSlideGall__01 .swiper-button-next, 
.latestSlideGall__01 .swiper-button-prev {
    --swiper-navigation-size: 20px;
    color: #fff;
    opacity: 1;
    transition: .3s;
    font-size: 50px;
}
.latestSlideGall__01 .swiper-button-next {right: 10px;}
.latestSlideGall__01 .swiper-button-prev {left: 10px;}
@media screen and (max-width:1200px){ 
  .latestSlideGall__01 .swiper-slide .detailcont{ width:calc(100% - 40px); padding:25px 22px; bottom:20px}
  .latestSlideGall__01 .swiper-slide .detailcont p.cont{-webkit-line-clamp:1;}
}
@media screen and (max-width:1024px){ 
  .latestSlideGall__01 .top_tit .titleArea {width:100%; padding-right:0; padding-bottom:40px;}
  .latestSlideGall__01 .top_tit .catebtn_wrap {width:100%;}
  .latestSlideGall__01 .catebtn_wrap a.linkBtn{margin-left:0;}
  .latestSlideGall__01 .top_tit {padding-bottom:40px;}
}
@media screen and (max-width:768px){ 
  .latestSlideGall__01 .top_tit .titleArea{padding-bottom:25px;}
  .latestSlideGall__01 .catebtn_wrap a.linkBtn{ height:40px; line-height:40px; margin:0 5px 0 0; font-size:1.6rem; padding:0 25px; border-radius:10px;}
  .latestSlideGall__01 .swiper-slide .detailcont h4.tit{margin-bottom:13px; font-size:1.8rem;}
}
@media screen and (max-width:560px){ 
  .latestSlideGall__01 .swiper-slide .imgblock .thum,
  .latestSlideGall__01 .swiper-slide .detailcont{border-radius: 0;}
  .latestSlideGall__01 .swiper-slide .detailcont{}
  .latestSlideGall__01 .swiper-slide .detailcont{ bottom:30px}
  .latestSlideGall__01 .swiper-slide .detailcont h4.tit{margin-bottom:13px; font-size:1.8rem;}
  .latestSlideGall__01 .swiper-button-next, 
  .latestSlideGall__01 .swiper-button-prev{font-size: 38px;}
}