@charset "UTF-8";
:root {
  --swiper-navigation-size: 44px;
}
.slide-area .title-area{color: #fff; position: absolute; top: 25vh; left: 15vw;text-shadow: #000 0 0 10px;width: 45vw;height: 27vh;display: flex;flex-direction: column;justify-content: center;}
.slide-area .title-area h2.main-tit{font-size: 3.125vw; margin-bottom: .5em; color:#fff;}
.slide-area .title-area p.sub-tit{font-size: 0.9375vw;  line-height:1.4583vw;letter-spacing:0;}
.slide-area .title-area .arrow-container{display: block; width: 100%; height: 100%; cursor: pointer; position:absolute; top: 0;}
.slide-area .title-area .arrow-container .slide-arrow{ width: 100%; height: 18px; background-repeat: no-repeat;background-position: 96% bottom; position: absolute;bottom: 0;}
.swiper-renewal-main .swiper-slide video {max-width: 100%;height: 100%;object-fit: cover;width: 100%;}
.swiper-pagination2 {width:100%;position: absolute;bottom: 50%; color: #fff; z-index: 5;}
.main_slide_handler .swiper-button-prev{left:5%;}.main_slide_handler .swiper-button-next{right:5%;}

.slide-area .swiper-pagination{bottom:5%;width:100%;float:left;}
.slide-area .swiper-pagination span{margin-left:5px;margin-right:5px;width:15px;height:15px;background-color:#fff; border-radius:100%;}
.slide-area .swiper-pagination-bullet-active{ background-color:#000;}
.swiper-renewal-main .swiper-slide img{width:100%;height:100%;}

.slide-area .swiper-button-next::after {
content: "\f105";font: normal normal normal 30px/1 FontAwesome; line-height:40px;
}

.slide-area .swiper-button-prev::after {
content: "\f104";font: normal normal normal 30px/1 FontAwesome;line-height:40px;
}
.slide-area  .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
  box-sizing: content-box;
}
 .swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  overflow: clip;
  list-style: none;
  padding: 0;
  z-index: 0;
  display: block;
}

.slide-area .swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0,0,0);
  z-index: 10;
}

.slide-area .swiper-button-next, .slide-area .swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset,50%);
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color,var(--swiper-theme-color));
}


.slide-area .swiper-button-next,
.slide-area .swiper-button-prev,
.slide-area .swiper-button-next::after, 
.slide-area .swiper-button-prev::after{font-size:20px; color:#fff; background:var(--Secondary); font-weight: bold;width: auto;width: 43px;
  height: 43px;border-radius: 50%;text-align: center;
}



@media (min-width: 1281px){
.swiper-renewal-main .swiper-slide { position: relative;width: 100%; height:100%; }}

@media (max-width: 1023px) {
.slide-area .bg{display: none;}
.slide-area .title-area{color: #fff; position: absolute; top: 15vh; left: 10vw;text-shadow: #000 0 0 10px; width:calc(100% - 20vw);height: 27vh;display: flex;flex-direction: column;justify-content: center;}
.slide-area .title-area h2.main-tit{font-size: 46px;  margin-bottom: .5em;}
.slide-area .title-area p.sub-tit{font-size: 14px; line-height:20px; letter-spacing:0;}    
.swiper-pagination2 .main_slide_handler{display: block;position: relative;width: 100%;margin: 0 auto;}
.swiper-pagination2 .main_slide_handler a.slide_btn{position: absolute;left: calc(50% - 16px);top: calc(50% - 28px);}
}
@media (max-width: 769px) {
.slide-area .title-area{top: 2vh;}
.slide-area .title-area h2.main-tit{font-size: 26px;  margin-bottom: .5em;}
.slide-area .title-area p.sub-tit{font-size: 14px; line-height:20px; letter-spacing:0;}   


 
}