/**/
.fa_abtit h3 span{
    font-size:var(--f40);
    color:var(--main-color);
    font-family: 'Barlow Condensed', sans-serif;
    font-weight:700;
}
.fa_abtit h4{
    font-size:var(--f30);
    color:#333;
}
.fa_abtit.fa_text_w *{
    color:#fff;
}
@media screen and (min-width: 769px) {
    
}
@media screen and (max-width: 768px) {
    
}


/**/
.fa_Ab01 .fa_pic{
    position:relative;
}
.fa_Ab01 .fa_jump{
    display: flex;
    justify-content: space-between;
}

.fa_Ab01 .fa_jump dl dt span{
    
    font-family: 'Barlow Condensed', sans-serif;
    font-weight:600;
    font-size:var(--f40);
    color:var(--main-color);
}
.fa_Ab01 .fa_jump dl dt i{
    
    color:var(--main-color);
    font-size:16px;
}
.fa_Ab01 .fa_jump dl dd{
    font-size:16px;
}
.fa_Ab01 .fa_sum{
    font-size:16px;
    color:#777;
    line-height:30px;
}
.fa_Ab01 .fa_right .fa_pic{
    margin-top:3vw;
}

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

    .fa_Ab01 .fa_left{
        width:35%;
    }
    .fa_Ab01 .fa_right{
        width: 65%;
        padding-left:5vw;
    }
    
    .fa_Ab01 .fa_wrapper>.fa_flexwrap:nth-child(1) .fa_right{
        padding-left:0;
    }
    
.fa_Ab01 .fa_right .fa_pic:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:-100%;
    background:var(--main-color);
    z-index:-1;
    opacity: 0.2;
}
 
    .fa_Ab01 .fa_left .fa_pic:before{
    content:"";
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    left:-100%;
    background:#aaccd2;
    z-index:-1;
    opacity: 0.5;
}
}
@media screen and (max-width: 768px) {
    .fa_Ab01 .fa_left{
        width:100%;
    }
    .fa_Ab01 .fa_right{
        width:100%;
        margin-top:20px;
    }
    
    .fa_Ab01 .fa_sum{
        font-size:14px;
    } 
    .fa_Ab01 .fa_jump{
        margin-top:30px;
    }
}

/**/
.fa_Ab02{
    position: relative;
    background: url(../images/abbg002.jpg);
    background-attachment: fixed;
}
.fa_Ab02:before{
    content:"";
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background: rgba(0,0,0,0.2);
}
.fa_Ab02 .fa_wrapper{
    position: relative;
}
.fa_Ab02 .fa_left .fa_cnt h2{
    font-size:var(--f60);
    color:#fff;
    font-family: 'Barlow Condensed', sans-serif;
    
}
.fa_Ab02 .fa_left .fa_cnt h3{
    color:#fff;
    margin-top:10px;
    font-size:var(--f30);
}
.fa_Ab02 .fa_left .fa_cnt h4{
    color:#fff;
    font-size:var(--f20);
    margin-top:20px;
}
.fa_Ab02 .fa_right p{
    color:#fff;
    font-size:16px;
    opacity:0.8;
    line-height:2;
    margin-top:5px;
}
.fa_Ab02 .fa_right h4{
    color:#fff;
    font-size:var(--f20);
    
}
.fa_Ab02 .fa_right .fa_cnt2{
    margin-top:5vw;
}
@media screen and (min-width: 769px) {
    .fa_Ab02 .fa_wrapper{
        display: flex;
        align-items: end;
    }
    .fa_Ab02 .fa_left{
        width:40%;
    }
    .fa_Ab02 .fa_right{
        width:60%;
        padding-left:5vw;
        border-left:rgba(255,255,255,0.2) solid 1px;
    }
}
@media screen and (max-width: 768px) {
    .fa_Ab02 .fa_left .fa_cnt h4{
        font-size:16px;
        margin-bottom:20px;
    }
    .fa_Ab02 .fa_right p{ 
        font-size:14px;
    }
}


/**/
.fa_Ab03{
    position:relative;
}
.fa_Ab03 .fa_wrapper{
    position:relative;
}

.fa_Ab03 dl dt .fa_Img{
    padding-bottom:100%;
    border-radius:500px;
}

.fa_Ab03 dl dd h3{
    font-size:var(--f20);
    color:var(--main-color);
    font-weight:600;
}
.fa_Ab03 dl dd p{
    font-size: 15px;
    line-height:1.5;
    margin-top:15px;
}
@media screen and (min-width: 769px) {
     .fa_Ab03 .fa_wrapper{
         display:flex;
     }
    .fa_Ab03:before{
        content:"";
        position:absolute;
        left:0;
        width: 30%;
        top:0;
        bottom:0;
        background-color:var(--main-color);
        background-image:url(../images/abbg003.jpg);
        background-size:100% auto;
        background-position: bottom center;
        background-repeat: no-repeat;
    }
    .fa_Ab03 .fa_left{
        width: 25%;
    }
    .fa_Ab03 .fa_left *{
        color:#fff;
    }
    .fa_Ab03 .fa_right{
        width: 75%;
        padding-left:6vw;
    }
    
.fa_Ab03 dl{
    display:flex; 
    padding:2vw 0;
}
.fa_Ab03 dl dt{
    width:100px;
    
}
.fa_Ab03 dl dd{
    padding-left:3vw;
    width:calc(100% - 100px);
}
}
@media screen and (max-width: 768px) {
    .fa_Ab03 .fa_abtit{
        text-align:center;
    }
    .fa_Ab03 dl{
        margin-top:30px;
    }
    .fa_Ab03 dl dt{
        width:100px;
        margin:20px auto 10px;;
    }
    .fa_Ab03 dl dd h3{
        text-align:center;
    }
}


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