@charset "utf-8";

.section#section0{position: relative; top:-100px; width:100%; height:100vh; }
.section#section0 .container{position:relative; width:100%;height:100vh;  }

.section#section0 .container.pc {display:block;}
.section#section0 .container.mobile{display:none;}

.mySwiper {overflow: hidden; position:relative; height: 100vh;}

.mySwiper .swiper-wrapper {}
.mySwiper .swiper-wrapper .swiper-slide {position: relative;}
.mySwiper .swiper-wrapper .swiper-slide .main_tit {position: absolute; bottom:200px; left:0%; width:100%; text-align:center; font-family: "Baskerville", serif;  font-weight: 400;
  font-style: normal;}
.mySwiper .swiper-wrapper .swiper-slide .main_tit h2 {display:inline-block; width:1520px; margin:0 auto; text-align:left; font-size:95px; font-weight: 300; color : #fff; margin-bottom:10px; line-height: 1.1;}
.mySwiper .swiper-wrapper .swiper-slide .main_tit p {display:inline-block; width:1520px; margin:0 auto; text-align:left;font-size:95px;  color :#fff;font-weight: 300; padding-left: 3px; line-height:  1.1;}
.mySwiper .swiper-wrapper .swiper-slide img {width: calc(100% + 17px); height: 100%; vertical-align: middle;}
.mySwiper .swiper-wrapper .swiper-slide img.pc{display:block; object-fit: cover;}
.mySwiper .swiper-wrapper .swiper-slide img.mobile{display:none;}

.mySwiper .swiper-wrapper .swiper-slide .main_tit h2 a.m_btn{margin-top:20px;display:inline-block; }
.mySwiper .swiper-wrapper .swiper-slide .main_tit h2 a.m_btn span{display:inline-block; text-align:center; color:#fff; padding:6px;font-size:15px; width:148px; border:1px solid #fff; border-radius:25px;}
.mySwiper .swiper-wrapper .swiper-slide .main_tit h2 a.m_btn span:hover{display:inline-block; text-align:center; color:#111; padding:6px;font-size:15px; width:148px; font-weight:500;background:#fff; border:1px solid #fff; border-radius:25px;}

.mySwiper .paging_outer {display:block;position: absolute; bottom:150px; width:100%; left: 0; text-align:center; }

.mySwiper .paging_wrap {width:1520px; margin:0 auto; text-align:left; padding-left:0%;}

.mySwiper .swiper-progress-bar {position:relative; top: 53px; left:0%; width:100%; display: block; z-index: 1; height: 2px;}
.mySwiper .swiper-progress-bar .slide_progress-bar {position:absolute; height:2px; background:#aaa;  width : auto; bottom:41px; left:0; right:0;}
.mySwiper .swiper-progress-bar .slide_progress-bar:after {position:absolute; top:0; left:0; background: #fff; height: 100%; width: 0px; content: "";}
.mySwiper .swiper-progress-bar.active .slide_progress-bar { opacity: 1;}
/* .mySwiper .swiper-progress-bar.animate .slide_progress-bar:after { transition:width ease-in-out; transition-delay: unset; width:100%; transition-duration: 4s; } */
.mySwiper .swiper-progress-bar.animate .slide_progress-bar:after { animation-name: bar01; animation-duration: 4s; animation-timing-function: ease-in-out;}

.mySwiper .swiper-button-next {top:0 !important;  left:507px !important; background-image:url('../img/p_img/main_left.png') !important; width:21px !important; height:21px !important; background-size:21px 21px !important;}
.mySwiper .swiper-button-prev { top: 0px !important; left:470px !important; background-image: url('../img/p_img/main_right.png') !important; width:21px !important; height:21px !important;  background-size:21px 21px !important;}
.mySwiper .swiper-pagination {top: 0 !important; left: 0 !important;  width:175px !important; bottom: auto !important; color: #fff !important;}
.mySwiper .swiper-pagination-current {position: absolute !important; left: 0 !important; font-weight:700; color:#fff;background:none; font-size: 16px; font-weight: bold;}
.mySwiper .swiper-pagination-total { position: absolute !important;  right: 15px !important;  font-weight:500; color:#aaa;}
.swiper-pagination{position: relative;}
@keyframes bar01 {
  0%{width:0;}
  100%{width:100%;}
} 



/* ****************** scroll down ********************** */

.main-scroll-icon{z-index: 999999 !important; display: block; position: absolute; display:flex; z-index: 1;
 /* top:85%; */bottom:74px; right:100px; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: all 0.3s; -webkit-transition: all 0.3s;}
.main-scroll-icon .circle {display:block; position:relative; width:38px; height:38px; border:1px solid rgba(255,255,255,0.5); border-radius:50%; margin-right:13px; overflow:hidden;}
.main-scroll-icon .circle:before {content:""; width:4px; height:4px; background-color:#fff; border-radius:50%; position:absolute; top:50%; left:50%; margin:-2px 0 0 -2px;}
.main-scroll-icon .txt {margin-top:12px;font-size:12px; display:block; color:#fff; font-weight:700; letter-spacing: 0; font-family: 'Josefin Sans';}
body.active .main-scroll-icon {bottom:74px; opacity:1; }
body.active .main-scroll-icon .circle:before {animation: upDown 1.2s ease-in-out infinite;}
.main-scroll-icon.black .circle {border-color:rgba(51,51,51,0.5);}
.main-scroll-icon.black .circle:before {background-color:#333;}
.main-scroll-icon.black .txt {color:#fff;}
body.active .main-scroll-icon.hide {bottom: 652px; transition: bottom 0.8s ease;}

@keyframes upDown {  
0% {opacity: 0.1; transform:  translateY(-30px);}
50% {opacity: 1; transform: translateY(50%);}
100% { opacity: 0.1; transform:  translateY(30px);}
} /* end*/


@media (max-width :1600px){


.mySwiper .swiper-wrapper .swiper-slide .main_tit h2 {max-width:90%;}
.mySwiper .swiper-wrapper .swiper-slide .main_tit p {max-width:90%;}

.mySwiper .paging_wrap {max-width:90%;}


} /* end */



@media (max-width :1520px){


  .mySwiper .swiper-wrapper .swiper-slide .main_tit h2 {width:100%; margin:0 auto; }
  .mySwiper .swiper-wrapper .swiper-slide .main_tit p {width:100%; margin:0 auto;}
  
.mySwiper .paging_wrap {width:100%; margin:0 auto; text-align:left; padding-left:5%;}

.mySwiper .swiper-wrapper .swiper-slide .main_tit {
    left: 5%;
}



} /* end */






@media (max-width:1420px) {

.section#section0 .container {
    position: relative;
    width: 100%;
    height: auto;
  }
.mySwiper .swiper-wrapper .swiper-slide .main_tit { /*left: 2.5%;*/}
.mySwiper .swiper-wrapper .swiper-slide .main_tit h2 {font-size:76px; }
.mySwiper .swiper-wrapper .swiper-slide .main_tit p {font-size:76px;}
.mySwiper .paging_wrap {
  position: absolute;

  left: 0%;
z-index: 1000;}

  .section#section0 {
    position: relative;
    width: 100%;
    height: auto !important;}

.section#section0 .container {
  position: relative;
  width: 100%;

}

.mySwiper .paging_wrap {padding-left:5%; }
.mySwiper .paging_outer {
    display: block;
    position: absolute;

    left: calc(5% + 0px);
left:0%;
}


} /* end */


@media (max-width:1199px) {
.mySwiper {height: auto}
.main-scroll-icon{display:none;}
.mySwiper {overflow: hidden;  position:relative;}

.mySwiper .swiper-wrapper {}
.mySwiper .swiper-wrapper .swiper-slide {position: relative; height:700px;}

.mySwiper .swiper-wrapper .swiper-slide .main_tit h2 {font-size:54px;}
.mySwiper .swiper-wrapper .swiper-slide .main_tit p {font-size:54px;}
.mySwiper .swiper-wrapper .swiper-slide img {width: 100%; vertical-align: middle;}

.mySwiper .paging_wrap {
  position: absolute;
  top: 70%;}


  .mySwiper .swiper-wrapper .swiper-slide .main_tit {
    position: absolute;
    color: #fff;
    left: 2.5%;
    bottom:170px;
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
  background-image: url("../img/p_img/main_left.png") !important; 
  left: 10px;
  right: auto;
top:80%;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url(../img/p_img/main_right.png) !important;
  right: 10px;
  left: auto;
  top: 80%;
}


}/* 1199px End*/



@media (max-width: 991px) {

/*991px section0 */


.mySwiper .swiper-wrapper .swiper-slide .main_tit h2 { font-size: 34px;}
.mySwiper .swiper-wrapper .swiper-slide { position: relative;  height:100%;}
.mySwiper .paging_wrap {display:block;}
.mySwiper .swiper-wrapper .swiper-slide .main_tit {
  position: absolute;
  color: #fff;
  left: 4.5%;
  bottom: 120px;
}


.mySwiper .swiper-wrapper .swiper-slide .main_tit p {
  font-size: 34px;
}

.mySwiper .swiper-progress-bar {
  top: 110px;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  top: 88.5%;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  top: 88.5%;
}
.mySwiper .swiper-progress-bar {
  left: 8%;
  width: 90%;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
 background-size:80px;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-size:80px;
}
.swiper-wrapper {
  height: 700px;
}

}/* 991px End*/





@media (max-width:768px) {

/*991px section0 */

.mySwiper .swiper-wrapper .swiper-slide .main_tit {  position: absolute;  color: #fff;  bottom: 140px; left: 4%;}


.mySwiper .swiper-button-next {  top: 0;  left: 217px;  background-image: url('../img/right.png');  width: 10px;  height: 18px;  background-size: 10px 18px;}
.mySwiper .swiper-button-prev {  top: 0px;  left: 7px;  background-image: url('../img/left.png');  width: 10px;  height: 18px;  background-size: 10px 18px;}
.mySwiper .swiper-pagination {  top: -24px;  left: 30px;  width: 175px;  bottom: auto;  color: #fff;}




.main_tit span.m_cut{display:block;}

.mySwiper .swiper-wrapper .swiper-slide img.pc{display:none;}
.mySwiper .swiper-wrapper .swiper-slide img.mobile{display:block; object-fit: cover;}

.mySwiper .swiper-wrapper .swiper-slide .main_tit h2 {text-align:left; font-size:28px; line-height: 1.4;}
  .mySwiper .swiper-wrapper .swiper-slide .main_tit p {text-align:left; font-size: 28px; padding-left:0; line-height: 1.4;}

.mySwiper .swiper-wrapper .swiper-slide .main_tit { padding-left: 0%;}

.mySwiper .swiper-wrapper .swiper-slide { position: relative;  height:100vh;}

.swiper-wrapper {
  height: 100vh;
}

.mySwiper .swiper-progress-bar .slide_progress-bar {

  bottom:86px;

}
.mySwiper .swiper-progress-bar .slide_progress-bar {
  height: 1px;

}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-size: 36px;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-size: 36px;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url(../img/s_img/main_left_m.png) !important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url(../img/s_img/main_right_m.png) !important;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
        top: auto;
        bottom: 100px;
        width: 36px;
        height: 48px;
        margin-top: 0;
        z-index: 10;
        cursor: pointer;
        background-size: 36px 48px;
        background-position: center;
        background-repeat: no-repeat;
}
.mySwiper .swiper-wrapper .swiper-slide .main_tit h2 {font-size: 7vw;}
.mySwiper .swiper-wrapper .swiper-slide .main_tit p {font-size: 7vw; }



}/*768px End*/

@media (max-width: 576px) {
  .mySwiper .swiper-wrapper .swiper-slide .main_tit h2 {font-size: 7vw;}
  .mySwiper .swiper-wrapper .swiper-slide .main_tit p {font-size: 7vw; }



}