@charset "UTF-8"; 


/*! reset */
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;line-height:1.15; overflow-x:hidden;}
article,aside,audio,blockquote,body,canvas,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,input,legend,li,mark,nav,ol,p,pre,section,td,textarea,th,time,ul,video{margin:0;padding:0}


.slide-area .bg{
  // background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='595.28px' height='841.89px' viewBox='0 0 595.28 841.89' enable-background='new 0 0 595.28 841.89' xml:space='preserve'%3E%3Cpath d='M237.962,48.262c-36.276,26.802-83.232,68.816-154.206,66.061l-19.211-1.824C39.731,108.748,18.39,99.973,0,88.763 L0,218.316c16.82-4.959,35.185-7.719,55.108-6.953c0,0,19.371,1.826,19.383,1.827c52.703,8.004,90.177,43.046,125.427,80.223 c41.623,43.906,82.312,80.194,145.589,86.19c104.34,9.881,196.924-66.693,206.809-171.045 c9.867-104.34-66.689-196.945-171.03-206.814C327.004-3.404,275.786,18.809,237.962,48.262'/%3E%3C/svg%3E");       
  background-repeat: no-repeat;position:absolute; top:0; left: 0;  width: 46.3542vw; height: 31.8229vw; top: calc(50vh - 15.3911vw); left: 0;  opacity: .3;
  background-size:cover;
}
.slide-area .title-area{color: #fff; position: absolute; top: 35vh; 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{ margin-bottom: .5em; letter-spacing:-2px; word-spacing:-2px;}
.slide-area .title-area p.sub-tit{font-size: 1.0vw;  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{background-image: url('/asset/images/common/main23/btn_hero_arrow.png'); 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: 100vh;object-fit: cover;}
.swiper-pagination2 {width:100%;position: absolute;bottom: 5vh; color: #fff; z-index: 5; max-width: 1600px;left: 50%;transform: translate(-50%, 0);}
.swiper-pagination2 ul {width:90%; display: flex; list-style: none; margin: 0 0 0 2%;}
.swiper-pagination2 ul li{width: 25% ; border-bottom: 4px solid #ffffff59; padding: 10px;}
.swiper-pagination2 ul li::before{content: '';position: absolute;font-size: 15px;padding-left: 0;}
.swiper-pagination2 ul li:first-child:before{content: '01.';}
.swiper-pagination2 ul li:nth-child(2)::before{content: '02.';}
.swiper-pagination2 ul li:nth-child(3)::before{content: '03.';}
.swiper-pagination2 ul li:nth-child(4)::before{content: '04.';}
.swiper-pagination2 ul li:nth-child(5)::before{content: '05.';}
.swiper-pagination2 ul li span{padding-left: 22px;}
.swiper-pagination2 ul li.active{ border-color: #2084d1;}
.swiper-pagination2 ul li a{font-family: ; font-size:15px;color: #fff;cursor: pointer; letter-spacing:0}
.swiper-pagination2 a.slide_btn{ display:inline-block; position:absolute; width:32px; height:32px; right: 4vw; bottom: -1vw; cursor: pointer;}
.swiper-pagination2 a.slide_btn.stop {background:url("../../../asset/images/common/main23/slide_stop.png") no-repeat;}
.swiper-pagination2 a.slide_btn.play {background:url("../../../asset/images/common/main23/slide_play.png") no-repeat;}

@media (min-width: 1023px) {
  .renewal2023 section.business .business-list .mo{display: none;}
  .swiper-button-next.m-show, .swiper-button-prev.m-show{display: none!important;}
  .m-show, .mo-show{display: none!important;}
  .pc-show{display: inline-block;}
}

@media (max-width: 1023px) {
  .m-show{display: block;}
  .pc-show{display:none!important}
  .header-area.fixed.show .two-depth-bg{display: none;}
  
  .renewal2023 section{width: calc(100% - 12vw);margin: 4.8125vw auto;}
  .renewal2023 section .title_area h3 {font-size: 2.6vw;font-family:;margin-bottom: 13px;}
  .renewal2023 section .title_area h4 {font-size: 1.6vw;}
  
  .slide-area .bg{display: none;}
  .slide-area .title-area{color: #fff; position: absolute; top: 35vh; 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;font-family:;}
  .slide-area .title-area p.sub-tit{font-size: 14px; line-height:20px;font-family:; letter-spacing:0;}
  
  .swiper-pagination2 ul {width: 86%;margin: 0 7% 35px;}
  .swiper-pagination2 ul li a{font-family:; font-size:15px;color: #fff;cursor: pointer; letter-spacing:0; text-align:center; display:inline-block; width:100%}    
  .swiper-pagination2 ul li{position:relative;}
  .swiper-pagination2 ul li::before{display: none;}
  .swiper-pagination2 ul li span{padding-left: 0;}
  .swiper-pagination2 .main_slide_handler{display: block;position: relative;width: 120px;margin: 0 auto;}
  .swiper-pagination2 .main_slide_handler a.slide_btn{position: absolute;left: calc(50% - 16px);top: calc(50% - 28px);}
  .main_slide_handler .swiper-button-next,
  .main_slide_handler .swiper-button-prev,
  .main_slide_handler .swiper-button-next::after, 
  .main_slide_handler .swiper-button-prev::after{font-size:14px; color:#fff; background:none; font-weight: bold;width: auto;}
}

.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}

