/**/
.fa_A1{
     position:relative;
  margin-bottom:3vw;
     
}
    .fa_A1 .fa_tit h2{
        font-size:var(--f40);
        color:var(--main-color);
        line-height: 1;
        font-weight: bold;
    }
    .fa_A1 .fa_tit h3{
        font-size: var(--f30);
        color:var(--main-color);
        line-height:2;
    }
    .fa_A1 .fa_tit h4{
        font-size:var(--f30);
        color:#fff;
        font-weight:bold;
        margin:3vw 0;
    }
    .fa_A1 .fa_tit p{
        font-size:14px;
        line-height:24px;
        color:#fff;
    }
@media screen and (min-width: 769px) {
    
.fa_A1 .fa_pic{
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    overflow: hidden;
}
.fa_A1 .fa_pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
    .fa_A1 .fa_tit{
        min-height:100vh;
        display: flex;
        align-items:center;
        width:90%;
        max-width: 900px;
        padding:20px;
        justify-content: flex-end;
        background:rgba(0,0,0,0.5);
        position: relative;
        padding-right: 5vw;
    }
    .fa_A1 .fa_tit .fa_wrap{
        max-width:740px;
        padding:20px;
        width:96%;
    }
}

@media screen and (max-width: 768px) {
    .fa_A1 .fa_pic img{
        width:100%;
    }
    .fa_A1{
        background:#323844;
    }
    .fa_A1 .fa_tit{
        padding:20px;
    }
     .fa_A1 .fa_tit h4{
         font-size:20px;
     }
    .fa_A1 .fa_tit p{
        font-size:16px;
        line-height:2;
    }
}


/**/
.fa_A2{
    text-align:center;
}
.fa_A2  h2 img{
    max-width: 50%;
}
.fa_A2  h3{
    font-size:var(--f30);
     color:var(--main-color);
     margin:3vw 0;
}
.fa_A2 p{
    font-size:var(--f20);
    color:#333;
    line-height:2;
}
.fa_A3{
    padding:20px;
}
.fa_A3 .fa_list{
    justify-content: space-between;
}
.fa_A3 .fa_li{
    position:relative;
    background:#000;overflow:hidden;
}
.fa_A3 .fa_li .fa_Img{
    padding-bottom:200%;
    opacity:0.6;
}
.fa_A3 .fa_li .fa_cnt{
    position:absolute;
    left:0;
    right:0;
    padding:0 20px;
    bottom:0;z-index:3;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
}
.fa_A3 .fa_li .fa_tit {
    text-align:center;
}
.fa_A3 .fa_li .fa_tit .fa_ico span{
    display:inline-flex;
    width:90px;
    height:90px;
    border-radius:500%;
    border:transparent solid 1px;
    align-items:center;
    justify-content:center;
    transition: all 0.5s;
    transform:translateY(30px);
}
.fa_A3 .fa_li .fa_tit h2{
    font-size:var(--f18);
    color:#fff;
    margin:20px 0;
}
 .fa_A3 .fa_li .fa_sum{
     color:#fff;
     
 }
@media screen and (min-width: 769px) {
   
.fa_A3 .fa_li{
   width:calc((100% - 100px) / 6); 
    
} 
  .fa_A3 .fa_li:before{
      content:"";
      position:absolute;
      left:0;
      bottom:0;
      right:0;
      background:var(--main-color);
      transition:all 0.5s;
      opacity:0;
      height:0%;
      display:block;
      z-index:2;
  }  
    
  .fa_A3 .fa_li:hover:before{
      height:100%;
        opacity:0.7;
  }
.fa_A3 .fa_li .fa_cnt{height: 168px;transition: all 0.5s;}
    .fa_A3 .fa_li:hover .fa_cnt {
        height:100%;
        
    }
    .fa_A3 .fa_li .fa_sum{
        
     opacity:0;
        
    transition: all 0.5s;
    }
    .fa_A3 .fa_li:hover .fa_sum{
        opacity:0.6;
    }
    .fa_A3 .fa_li:hover .fa_tit .fa_ico span{
        border-color:#fff;
        transform:translateY(0);
    }
    .fa_A3 .fa_li .fa_tit:after{
        content:"";
        display:block;
        height:2px;
        width:60%;
        background:#fff;
        margin:20px auto;
        opacity:0;
        transition:all 0.5s;
        max-width:0;
    }
    
    .fa_A3 .fa_li:hover .fa_tit:after{
        opacity:1;
        max-width:80px;
    }
}

@media screen and (max-width: 768px) {
    .fa_A3 .fa_li{
        width:calc((100% - 10px) / 2);
        margin-bottom:10px;
    }
    .fa_A3 .fa_li .fa_cnt{
        height:100%;
        align-items:flex-start;
    }
    .fa_A3 .fa_li .fa_tit h2{
        font-size:16px;
        margin:10px 0;
    }
    .fa_A3 .fa_li .fa_tit .fa_ico span{
        transform:none;
        width:auto;
        height:auto;
        margin-top:20px;
    }
}

/**/
.fa_A4{
    background:#323844;
    overflow: hidden;
}
.fa_A4 .fa_abtit h2{
    font-size:var(--f30);
    color:var(--main-color);
    font-weight:bold;
    line-height:1.2;
}
.fa_A4 .fa_abtit h3{
    font-size:var(--f20);
    color:#fff;
}
.fa_A4 .fa_abtit{
    position:relative;
}
.fa_A4 .fa_abtit:before{
    content: "";
    position:absolute;
    left: 250px;
    right:-100%;
    background:#fff;
    height:1px;
    opacity: 0.2;
    top:50%;
    transform:translateY(-50%);
}
.fa_A4 .fa_li{
    background:#fff;
}
.fa_A4 .fa_Img{
    padding-bottom:60%;
}
.fa_A4 .fa_list{
    position:relative;
    margin-top: 3vw;
}
.fa_A4 .fa_box_btn>div{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    padding: 2px 10px;
    background:rgba(0,0,0,0.5);
    color:#fff;
    cursor: pointer;
    font-size: 20px;
    z-index: 5;
}
.fa_A4 .fa_box_btn>div.fa_btn_l{
    left:0;
}

.fa_A4 .fa_box_btn>div.fa_btn_r{
    right:0;
}
@media screen and (min-width: 769px) {}

@media screen and (max-width: 768px) {}
/**/

@media screen and (min-width: 769px) {}

@media screen and (max-width: 768px) {}
/**/

@media screen and (min-width: 769px) {}

@media screen and (max-width: 768px) {}