@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:50px;font-weight:500; padding:10px 0 0 5px; margin:0; margin-left:18.5%; color: #fff; letter-spacing:-0.05em; line-height:1.1; text-align: left; }
.home_box p.txt{width:100%; /*max-width:1200px;*/ margin:0; margin-left:18.5%;  text-align: left;  padding:28px 0 0 5px; font-size:30px; line-height:1.1;font-weight:500; 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: center;}
.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;}


@media (max-width:1670px) {



  div.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{left:14% !important;}
  .home_box h3{margin-left:13.5%; }
  .home_box p.txt{ margin-left:13.5%; }
  
  
  }/*end*/
  

  @media (max-width:1500px) {



    div.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{left:12% !important;}
    .home_box h3{margin-left:11.5%; }
    .home_box p.txt{ margin-left:11.5%; }
    
    
    }/*end*/
    
  
  

@media (max-width: 1199px) {

#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:910px; }
#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;}

.home_box h3{font-size:46px;}
.home_box p.txt{font-size:26px; }
.home_box p.txt02{padding-top:30px; font-size:20px; }



.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;}
.home_box h3{margin-left:12.5%; }
.home_box p.txt{ margin-left:12.5%; }







}/* 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:100%; 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 h3{font-size:36px;}
.home_box p.txt{font-size:20px; padding-top:20px; }
.home_box p.txt02{padding-top:30px; font-size:16px; }


}/* 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:600px;}
#wrap .section#section0 ul.bxslider li{width: 100% !important;  height:100%; /*height:1000px !important;*/text-align: left; /*min-height:600px;*/ min-height:600px;}
#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;}

.home_box{top:46%; left:0; }

.home_box h3{text-align:center; padding-left:0; font-size:24px; margin:0 auto;}
.home_box p.txt{font-size:16px; padding-left:0;  text-align:center;margin:0 auto; }
.home_box p.txt02{padding-top:20px; font-size:15px; }
div.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{display:none !important; }


}/* 768px End*/

@media (max-width: 320px) {

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

}/* 320px End*/