
.fa_abtit h2 {
    line-height:1;
}
.fa_abtit h2 span{
    font-size: var(--f20);
    text-transform: uppercase;
    font-family: 'Antonio-Bold', sans-serif;
    color:transparent;
    background: linear-gradient(#019945,transparent);
    text-fill-color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    line-height: 1;
}
.fa_abtit h4{
    font-size:var(--f40);
    color:#333;
    margin-top: 0;
}
/**/
.fa_Ab01{
    position: relative;
}
.fa_Ab01>div{
    position: relative;
}
.fa_Ab01 .fa_wrapbox{
    width:96%;
    padding:0 10px;
    margin:auto;
}
.fa_Ab01 .fa_abtit{
    margin-bottom: var(--f30);
}

.fa_Ab01 .fa_abtit h6{
    color:var(--main-color);
    margin-top:20px;
    font-size: var(--f18);
    line-height: 1.5;
}
.fa_Ab01 .fa_sum{
    font-size:16px;
    color:#777;
    line-height:2;
}
@media screen and (min-width: 769px) {
  .fa_Ab01{
      display: flex;
      align-items: center;
  }
  .fa_Ab01:before{
      content:"kongms";
      position: absolute;
      left: -1vw;
      bottom:-2vw;
      color:#eee;
      font-size: 8vw;
      z-index: -2;
      font-family: 'Antonio-Bold', sans-serif;
      text-transform: uppercase;
      writing-mode: tb;
      line-height: 1;
      opacity: 0.6;
  }
  .fa_Ab01 .fa_left{
      width:50%;
  }
  .fa_Ab01 .fa_wrapbox{
      max-width:760px;
      padding-right:5vw;
      padding-left:10px;
      margin:0 0 0 auto; 
  }
  .fa_Ab01 .fa_right{
      width: 50%;
  }
}
@media screen and (max-width: 768px) {
     .fa_Ab01 .fa_left{
         padding-top:50px;
     }
 .fa_Ab01 .fa_sum{
     font-size:14px;
     line-height:1.8;
     margin-bottom:30px;
 }
}
/**/
.fa_Ab02{
    background:url(../images/abbg002.jpg);
    background-attachment: fixed;
    position: relative;
    text-align:center;
}
.fa_Ab02 .fa_wrapper{
    position: relative;
}
.fa_Ab02:before{
    content:"";
    position: absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    background: linear-gradient(45deg, #1194cc, #009944);
    opacity: 0.8; 
}
.fa_Ab02 .fa_tt h2 span{
    font-size: 4vw;
    text-transform: uppercase;
    font-family: 'Antonio-Bold', sans-serif;
    color:transparent;
    background: linear-gradient(#fff,transparent);
    text-fill-color: transparent;
    background-clip: text; 
    -webkit-background-clip: text;
    -moz-background-clip: text; 
    opacity: 0.5;
}
.fa_Ab02 .fa_tt h4{
    font-size:var(--f24);
    color:#fff;
    margin:2vw 0;
}
.fa_Ab02 .fa_tt p img{
    max-width:100%;
}
.fa_Ab02 .fa_list{
    margin-top:5vw;
}
.fa_Ab02 .fa_li{
    display: block;
    position: relative;
}
.fa_Ab02 .fa_ico{
    background:linear-gradient(45deg,rgba(15,145,179,0.8),rgba(0,153,68,0.6));
    max-width:79px;
    margin:0 auto;
    padding:5px;
    border-radius:5px;
    overflow:hidden;
    transition:all 0.5s;
}

.fa_Ab02 .fa_li:hover .fa_ico{
    transform:rotateY(180deg);
}
.fa_Ab02 .fa_ico img{
    max-width:100%; 
    
}
.fa_Ab02 .fa_tit{
    margin-top:20px;
    color:#fff;
    font-size:16px;
}
@media screen and (min-width: 769px) {
    
.fa_Ab02 .fa_li{
    flex:1;
    margin:0 5px;
}
}
@media screen and (max-width: 768px) {
    
.fa_Ab02 .fa_li{
    width:50%;
    margin-top:20px;
}
    
.fa_Ab02 .fa_tt h4{
    font-size:16px;
    margin:10px 0 20px;
}
  .fa_Ab02 .fa_ico{
      max-width:50px;
  }  
.fa_Ab02 .fa_tit{
    font-size:14px;
}
}
/**/
.fa_Ab03{
    position: relative;
}
.fa_Ab03  .fa_li .fa_tt h3{
    font-size:var(--f24);
    color:#333;
}

.fa_Ab03  .fa_li .fa_tt h3 i{
    margin-right:10px;
    color:var(--main-color);
}
.fa_Ab03  .fa_li .fa_tt p{
    font-size:14px;
    color:#666;
    line-height:2;
    margin-top:10px;
}
.fa_Ab03  .fa_li .fa_tt{
    
    margin-bottom:15px;
}
.fa_Ab03  .fa_li .fa_cnt p{
    font-size:16px;
    color:#333;
    font-weight:400;
    line-height:2;
}
.fa_Ab03  .fa_li .fa_cnt p b{
    color:var(--main-color);
    font-weight:500;
}
.fa_Ab03  .fa_li{
    margin:5px 0;
    border-bottom:#ddd solid 1px;
    padding-bottom:30px;
    margin-bottom:30px;
}
.fa_Ab03  .fa_li:last-child{
    padding:0;
    margin:0;
    border-bottom:none;
}
@media screen and (min-width: 769px) {
    
    .fa_Ab03 .fa_cntbox{
        background:#f7f9f6;
        padding:var(--f40);
        margin-top:3vw;
        position: relative;
    }
    
    .fa_Ab03 .fa_cntbox .fa_left{
        width:65%;
        padding-right:5vw;
    }
    
    .fa_Ab03 .fa_cntbox .fa_right{
        width:35%;
        position: absolute;
        right: 3vw;
        
        top: -8vw;
    }
    .fa_Ab03 .fa_en{
        margin-top:2vw;
    }
    .fa_Ab03 .fa_en h5{
        font-size:2.5vw;
        font-family: 'Antonio-Bold', sans-serif;
        color:var(--main-color);
        opacity:0.7;
        line-height:1;
        transform:translateX(-2vw);
    }
    .fa_Ab03 .fa_en h4{
        font-size:3vw;
        font-family: 'Antonio-Bold', sans-serif;
        color:#1297aa;
        text-align:right;
        margin-top:10px;
        opacity:0.8;
        line-height:1;
        transform:translateX(5vw);
    }
}
@media screen and (max-width: 768px) {
    .fa_Ab03 .fa_en{
        display: none;
    }
     .fa_Ab03 .fa_cntbox{
         margin-top:50px;
     }
    
.fa_Ab03  .fa_li .fa_cnt p{
    font-size:14px;
}
}
/**/
.fa_Ab04{
    background:url(../images/abbg004.jpg) center / cover;
}
.fa_Ab04 .fa_swplist{
    position: relative;
}
.fa_Ab04 .fa_li{
    background: #fff;
    box-shadow:0 5px 10px rgba(0,0,0,0.1);
}
.fa_Ab04 .fa_Img{
    padding-bottom:80%;
}

.fa_Ab04 .fa_Img:before{
    content:"";
    left:0;
    top:0;
    bottom:0;
    right:0;
    background: var(--linearX);
    position: absolute;
    opacity: 0;
    border-radius:500px;
    transform:scale(0.5);
    transition:all 0.5s;

    z-index: 3;
}

.fa_Ab04 .fa_li:hover .fa_Img:before{
    opacity:0.8;
    border-radius: 0;
    transform:scale(1);
}
.fa_Ab04 .fa_Img img{
    transform: translate(-50%,-50%) scale(0.8);
}
.fa_Ab04 .fa_link{
    opacity: 0;
    position: absolute;
    left:0;
    right:0;
    top:50%;
    transform:translateY(-50%);
    text-align: center;
    font-size:14px;
    transition:all 0.5s;
    z-index: 5;
    color:#fff;
}

.fa_Ab04 .fa_li:hover .fa_link{
    opacity: 1;
    color:#fff;
}
.fa_Ab04 .fa_link i{
    font-size:50px;
    margin-bottom:10px;
    display: inline-block;
    
}
.fa_Ab04 .fa_li .fa_tit{
    font-size:14px;
    text-align:center;
    padding:10px;
}
.fa_Ab04 .fa_abtit{
    margin-bottom:3vw;
}
.fa_Ab04 .fa_More{
    margin-top:3vw;
}
@media screen and (min-width: 769px) {
    
}
@media screen and (max-width: 768px) {
    
} 