@charset "utf-8";

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

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

.section#section0 .scroll_down{display:none; position:absolute; bottom:100px; z-index: 200;width: 100%;}
.section#section0 .scroll_down p{color: #fff;text-align: center;padding-bottom: 55px;font-size: 13px;font-weight: 300;letter-spacing: 0.5px; background: url(../img/s_img/scroll_view_icon_k.png) no-repeat center 100%;}

.section#section0 .btn_box{position: absolute;bottom:0;left: 0;z-index: 1000;width: 100%;z-index: 300;}
.section#section0 .btn_box ul.btn{width: 540px;margin: 0 auto; padding:0;}
.section#section0 .btn_box ul.btn:after{display: block;content: '';clear: both;}
.section#section0 .btn_box ul.btn li{float: left;width: 270px;height: 80px; margin:0; padding:0;}
.section#section0 .btn_box ul.btn li a{display: block;width: 100%;margin-top: 16px;height: 64px;text-align: center;font-size: 20px;color:#fff;font-weight: normal;letter-spacing: -1px;line-height: 64px;background: #333;}
.section#section0 .btn_box ul.btn li.on a{background:#00A651; }
.section#section0 .btn_box ul.btn li a:hover{height: 80px;margin-top: 0;font-size: 25px; font-weight:500;line-height: 80px;letter-spacing: 0;}

#wrap .visual ul.bxslider{width:100%; height:100%;}
#wrap .visual ul.bxslider li{width: 100%; height:100%;}
#wrap .visual ul.bxslider li .bg{width:100%; height:100%;}

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

.section#section0 ul.bxslider li{height:100%;}
.section#section0 ul.bxslider li.s1{width:100%; text-align:center; z-index:400;}
.section#section0 ul.bxslider li.s2{width:100%; text-align:center; z-index:400;}
.section#section0 ul.bxslider li.s3{width:100%; text-align:center; z-index:400;}

.section#section0 .swiper-slide .bg {width:100%; height: 100%; position:relative; }
.section#section0 ul.bxslider li .bg img {width:100%; height: 100%; object-fit: cover;}
.section#section0 ul.bxslider li .bg img.pc{display:block;}
.section#section0 ul.bxslider li .bg img.mobile{display:none;}
div.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{text-align:left; bottom:53% !important; left:19% !important;}


.home_box{position: absolute;z-index:99;top:49.5%;text-align:center; width: 100%; }
.home_box h3{width:100%; max-width:1200px; font-size:36px; font-weight:500; padding:10px 0 0 5px; margin:0 auto; color: #fff; letter-spacing:-0.05em; line-height:1.1;  }
.home_box p.txt{width:100%; max-width:1200px; margin:0 auto; text-align: center;  padding:28px 0 0 5px; font-size:49px; line-height:1.1;font-weight:700; color: #fff; letter-spacing:-0.03em;}


.home_box p.btn{font-size:18px; font-weight:400;width: 1200px;margin: 20px auto ; height:40px; line-height:38px;color:#fff; letter-spacing:0em;width:200px; margin:0 auto; margin-top:60px;  border:2px solid #fff; text-align:center;}

.home_box h3 span.pc_cut{display:block;}
.home_box p.txt span.pc_cut{display:block;}


.home_box h3.black{color:#111;}
.home_box p.black{color:#111;}
.home_box p.btn{color:#fff;}
.home_box p.btn a{color:#fff;}


.white{color:#fff !important;}
.black{color:#111 !important;}



.swiper { width: 100%; height: 100%;}
.swiper-slide {text-align: center; font-size: 18px;background: #fff; display: flex;justify-content: center;align-items: top;}
.swiper-slide img { display: block; width: 100%; height: 100%; /*object-fit: cover;*/}
span.swiper-pagination-bullet{width : 15px; height: 15px; background: none;border:1px solid #fff; opacity: 1;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{width : 15px; height: 15px; background: #fff;}




.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {

  display:none;
}







@media (max-width: 1199px) {


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

  .section#section0 .container{position:relative; max-width:1200px; margin:0 auto; width:100%;height:100%; }
  

#wrap .section#section0 .cover{display: none;}
.section#section0 .container{position:relative; width:100%;height:100%; }
#wrap .section#section0 ul.bxslider{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#wrap .section#section0{height:auto; }
#wrap .section#section0 ul.bxslider li{width: 100%;  height:100%; /*height:1000px !important;*/text-align: left; min-height:910px;}

#wrap .section#section0 ul.bxslider li .innder_tit{width:100%;margin: 0 auto;padding-top:300px;}


.bx-wrapper .bx-controls-direction{
  position: relative;
  width: 90%;
  margin:0% auto 0 auto;}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 1000px;
  margin: 0 auto;
  padding-left:40px;}

#wrap .section#section0 .scroll_down{display:none}




div.swiper-horizontal>.swiper-pagination-bullets, 
.swiper-pagination-bullets.swiper-pagination-horizontal, 
.swiper-pagination-custom, .swiper-pagination-fraction{left:13% !important;}

.section#section0 .swiper-slide .bg {width:100%; height: 100vh; position:relative; }
.home_box{top:45%; }
.home_box h3{ font-size:28px;  }
.home_box p.txt{font-size:38px; }


}/* 1199px End*/

@media (max-width: 991px) {

/*991px section0 */
.section#section0 .container.pc {display:none;}
.section#section0 .container.mobile{display:block;}
 .bg img{width:100%; height:auto; object-fit: cover;}

#wrap #content .section#section0 ul.bxslider li .innder_tit{padding-top:280px;}

.section#section0 ul.bxslider li p.btn{font-size:16px; margin-top:40px;}
.swiper-slide .bg img.pc{display:none;}
.swiper-slide .bg img.mobile{display:block;}

.bx-controls-direction{display:none !important;}

.section#section0 .btn_box{position: absolute;bottom:0;left: 0;z-index: 1000;width: 100%;z-index: 300;}
.section#section0 .btn_box ul.btn{width: 540px;margin: 0 auto; padding:0;}
.section#section0 .btn_box ul.btn:after{display: block;content: '';clear: both;}
.section#section0 .btn_box ul.btn li{float: left;width: 270px;height: 60px; margin:0; padding:0;}
.section#section0 .btn_box ul.btn li a{display: block;width: 100%;margin-top: 6px;height: 54px;text-align: center;font-size: 18px;color:#fff;font-weight: normal;letter-spacing: -1px;line-height:54px;background: #333;}
.section#section0 .btn_box ul.btn li.on a{background:#00A651; }
.section#section0 .btn_box ul.btn li a:hover{height:60px;margin-top: 0;font-size: 22px; font-weight:500;line-height: 60px;letter-spacing: 0;}


.home_box{top:45%; }
.home_box h3{ font-size:22px;  }
.home_box p.txt{font-size:30px; }
.section#section0 .container{position:relative; width:100%;height:auto; }
.section#section0 .swiper-slide .bg {width:100%; height: auto; position:relative; }
.swiper-slide {height:auto !important;  overflow:hidden; text-align: center; font-size: 18px;background: #fff; display: flex;justify-content: center;align-items: top !important;}

#wrap .section#section0 ul.bxslider li{width: 100%;  height:auto; /*height:1000px !important;*/text-align: left; min-height:auto;}






.section#section0 .container{position:relative; width:100%;height:78vh !important; overflow:hidden; }
.swiper-wrapper{height:78vh !important; overflow:hidden; }
.swiper{height:78vh !important; overflow:hidden; }
.section#section0 .fp-tableCell{height : 78vh !important;}
.section#section0{height : 78vh !important; }




}/* 991px End*/

@media (max-width: 768px) {
#wrap  .section#section0 .scroll_down{display:none}
#wrap .visual{display:none;}
#wrap .visual .video{display:none;}
#wrap .visual .bg{display:none;}

#wrap .section#section0 .visual{display:none;}
#wrap .section#section0 .visual .video{display:none;}
#wrap .section#section0 .visual .bg{display:none;}

#wrap .section#section0{position: relative; width:100%; height:100%;}
#wrap .section#section0 .container{position:relative; width:100%; height:100%;}
#wrap .section#section0 .visual_mobile#home ul.bxslider li .bg{width:100%;}

#wrap .section#section0{/*height:600px; */height:auto; height:500px !important;}
#wrap .section#section0 ul.bxslider li{width: 100% !important;  height:100%; /*height:1000px !important;*/text-align: left; /*min-height:600px;*/ min-height:auto;}
#wrap .section#section0 ul.bxslider li .bg{padding-top:0px !important;}

#wrap .section#section0 .btn_box ul.btn{width:100%;margin: 0 auto;}
#wrap .section#section0 .btn_box ul.btn:after{display: block;content: '';clear: both;}
#wrap .section#section0 .btn_box ul.btn li{float: left;width:50%;height: 60px;}
.section#section0 .btn_box ul.btn li a{display: block;width: 100%;margin-top: 16px;height: 44px;text-align: center;font-size:18px;color:#fff;font-weight: normal;letter-spacing: -1px;line-height: 44px;background: #333;}
.section#section0 .btn_box ul.btn li.on a{background:#00A651; }
.section#section0 .btn_box ul.btn li a:hover{height:60px;margin-top: 0;font-size:20px; font-weight:500;line-height:60px;letter-spacing: 0;}

.bx-controls{display:none !important;}


div.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{display:none !important; }


.home_box{top:45%; }
.home_box h3{ font-size:16px;  }
.home_box p.txt{padding-top:15px; font-size:24px; line-height:1.4; }
.home_box p.txt span.m_cut{display:block;}


.fp-tableCell{vertical-align:top;}
.section .fp-tableCell{height : auto !important;}
#wrap .section#section0{/*height:600px; */height:auto !important;}

.section#section0 .swiper-slide .bg {height:68vh !important; overflow:hidden; }
.section#section0 .container{position:relative; width:100%;height:68vh !important; overflow:hidden; }
.swiper-wrapper{height:68vh !important; overflow:hidden; }
.swiper{height:68vh !important; overflow:hidden; }
.section#section0 .fp-tableCell{height : 68vh !important;}
.section#section0{height : 68vh !important; }





}/* 768px End*/

@media (max-width: 320px) {

#wrap .section#section0{/*height:600px; */height:auto !important;}
#wrap .section#section0 ul.bxslider li{width: 100%;  height:100%; /*height:1000px !important;*/text-align: left; /*min-height:600px;*/ min-height:420px;}
.home_box{top:45%; }
.home_box h3{ font-size:15px;  }
.home_box p.txt{padding-top:15px; font-size:22px; line-height:1.4; }



.section#section0 .swiper-slide .bg {height:400px !important; overflow:hidden; }
.section#section0 .container{position:relative; width:100%;height:400px !important; overflow:hidden; }
.swiper-wrapper{height:400px !important; overflow:hidden; }
.swiper{height:400px !important; overflow:hidden; }
.section#section0 .fp-tableCell{height : 400px !important;}
.section#section0{height : 400px !important; }


}/* 320px End*/