@charset "UTF-8";

h2 {font-size:35px; letter-spacing:1px;  font-weight:500; color:#fff; width:100%; display:inline-block; margin-bottom:10px; font-family:'GmarketSansBold'}

.in {text-align: center;
    width: 100%;
    position: absolute;
    top: 47%;
   box-sizing:border-box;
padding:0 8%;
    transform: translateY(-45%);}

.bg1 {background:url('/flexa/img/main/flexa_bg3.jpg') no-repeat; background-size:cover;}
.bg2 {background:url('/flexa/img/main/flexa_bg2.jpg') no-repeat; background-size:cover;}
.bg3 {background:url('/flexa/img/main/flexa_bg4.jpg') no-repeat; background-size:cover;}

.main .s_line {width:30px; height:1px; display:inline-block; background-color:#fff; margin-bottom:15px}

.section p {font-size:1.05em; font-weight:400; line-height:1.5em; color:rgba(255,255,255,.8); margin-bottom:10px;}

.section p img {vertical-align:middle}

.main_box2 {padding-left:7%; box-sizing:border-box;}
.main_box3 {padding-right:7%; box-sizing:border-box; text-align:right;}
.main_box3 ul {width:100%;  }
.main_box3 ul li {  padding-right:40px;  text-align:right;  margin-bottom:10px; background:url('/flexa/img/main/flexa_icon.png') no-repeat right; background-size:25px; }
.main_box3 ul li:nth-child(2) {background:url('/flexa/img/main/flexa_icon2.png') no-repeat right; background-size:25px;}
.main_box3 ul li:nth-child(3) {background:url('/flexa/img/main/flexa_icon3.png') no-repeat right; background-size:25px;}
.main_box3 ul li p {margin-bottom:0}


.customer {width:70%;  border-top:1px solid rgba(255,255,255,.5); border-bottom:1px solid rgba(255,255,255,.5); padding:30px 0; display:inline-block; margin:20px 0 25px 0; }
.customer ul li {width:32%; text-align:Center;   box-sizing:border-box; vertical-align:middle; color:rgba(255,255,255,.7); font-size:17px; display:inline-block; font-weight:300; line-height:1.4em;}
.customer ul li b {font-size:1.2em; font-weight:400; color:#fff; width:100%; display:block}
.customer ul li p {font-size:15px; padding:10px 0;}
.customer ul li a {padding:5px 30px; display:inline-block; border:1px solid  rgba(255,255,255,.3);color:rgba(255,255,255,.7) !important; font-size:0.85em;   }
.customer ul li a:hover {background-color:rgba(255,255,255,.2)}

 
 
 

    .swiper-container {
      width: 103%;
      height: 100%;
         box-sizing:border-box;
     box-sizing:border-box;
     position:relative;

    }

    .swiper-slide {
    width:100%; float:left;  box-sizing:border-box;
    position:absolute; left:0; 
    }

.slide_text {

 text-align: center;
    width: 96%;
    position: absolute;
    top: 47%;
left:0;
    box-sizing:border-box;
padding:0 8%;
     transform: translateY(-45%);
text-shadow:2px 3px 5px rgba(0,0,0,.3);
}
.swiper-slide h2 {width:100%; text-align:center;   display:inline-block; font-size:80px; font-weight:800; color:#fff; letter-spacing:6px;  }
 
.swiper-slide p {width:100%; text-align:center;  display:inline-block;  font-size:22px; font-weight:500; color:#fff;}


.swiper-slide a.main_btn {font-size:1.1em; line-height:50px; color:#fff !important; display:inline-block; padding:0 60px; margin-top:30px; border:1px solid #fff; text-shadow:none }




@media all and (max-width:800px){
h2 {font-size:1.3em; line-height:1.3em}

.bg1 {background:url('/flexa/img/main/m_flexa_bg3.jpg') no-repeat; background-size:cover;}
.bg2 {background:url('/flexa/img/main/m_flexa_bg2.jpg') no-repeat; background-size:cover;}


.main_box2 {padding-right:5%; padding-left:5%;  box-sizing:border-box;}
.main_box3 {padding-right:5%; padding-left:5%;   box-sizing:border-box; text-align:left;}
.main_box3 ul {width:97%;  }
.main_box3 ul li {  padding-left:40px;  text-align:left;  margin-bottom:10px; background:url('/flexa/img/main/flexa_icon.png') no-repeat left top; min-height:30px; background-size:25px; }
.main_box3 ul li:nth-child(2) {background:url('/flexa/img/main/flexa_icon2.png') no-repeat left top; background-size:25px;}
.main_box3 ul li:nth-child(3) {background:url('/flexa/img/main/flexa_icon3.png') no-repeat left top; background-size:25px;}

.main_btn {margin-top:-10px;}

.swiper-slide h2 { font-size:50px; letter-spacing:0  }

.section p  {font-size:0.90em}
.slide_text p {font-size:1.1em}
a.main_btn {font-size:0.88em}
.customer {width:80%; padding:15px 0;}
 .customer ul li b {font-size:0.95em}
.customer ul li p {display:none}
.customer ul li a {margin-top:10px; font-size:0.8em; width:80%; padding:0; line-height:30px; margin-bottom:5px;}
}


@media all and (min-width:1100px){
 }