/* common */
.subpage { overflow: hidden; position:relative; }
.subpage > section {padding: 100px 0;}
/* .subpage > section:nth-of-type(even) {background: #f7f7f7;} */
.sub_inner { max-width: 1400px; width: 100%; margin:0 auto; position: relative; padding:0 50px; }
.sub_title h3 {color:#0055a2; border-bottom: 2px solid #0055a2; display: inline-block; line-height: 1.25; margin-bottom:20px; }
/* font size */
.fs_60 {font-size: 60px; font-weight: 700; line-height: 1.3; color:#000; }
.fs_42 {font-size: 42px; font-weight: 600; line-height: 1.43; color:#000; }
.fs_24 {font-size: 24px; font-weight: 400; line-height: 1.83; color:#000; }
.fs_22 {font-size: 22px; font-weight: 700; line-height: 1.5; color:#000; }
.fs_20 {font-size: 20px; font-weight: 300; line-height: 2; color:#000; }

/*Content CSS*/
#sec1 .mid {padding: 100px 0; background:url("../img/ab_bg.jpg") 50%/cover no-repeat; position: relative; z-index: 2; margin:65px 0 90px;}
#sec1 .mid i {display:block; position: absolute; right: -119px; top: -265px; z-index: -1;  transition-property: opacity; }
#sec1 .mid h3 {color:#fff; }
#sec1 .mid h3::after {content: ''; display: block; width: 75px; height: 4px; background-color: #fff; margin:30px 0 35px;}
#sec1 .mid p {color:#fff; }
@media screen and (min-width:1921px){
    #sec1 .mid {background-size: auto; background-color: #192A46;}
}
#sec1 .bot {position: relative; z-index: 1; }
#sec1 .bot .ptn {position: absolute; z-index: -1; }
#sec1 .bot .ptn.ptn1 {left: 0; top: 0; }
#sec1 .bot .ptn.ptn2 {right: -0; top: -440px; }
#sec1 .bot .name {margin-top: 10px; text-align: right;}
#sec1 .bot .name h3 {font-weight: 700; color:#000; font-size: 18px; margin-top:20px;}
#sec1 .bot .name h3 b {font-size: 30px; }






@media screen and (max-width:1400px){
    /* common */
    .subpage br:not(.space) {display: none;}

    /* content */
    /* #sec1 .mid h3 {padding-right: 40%;} */
    #sec1 .mid i {max-width: 50%; top:-50%; transform: translateY(-22.5%);}


}

@media screen and (max-width:1024px){
    /* common */
    .subpage {text-align: center;}
    .subpage > section {padding:70px 0;}
    .sub_inner {padding: 0 30px;}
    .sub_title h3 {margin-bottom: 15px;}
    /* fs */
    .fs_60 {font-size: 40px;}
    .fs_42 {font-size: 26px;}
    .fs_24 {font-size: 18px;}
    .fs_22 {font-size: 17px;}
    .fs_20 {font-size: 16px;}

    /*Content CSS*/
    /* sec1 */
    #sec1 .mid {padding: 0; background-size: 100% auto; background-position: 50% 0; margin: 160px 0 20px;}
    #sec1 .mid article {display: flex; flex-direction: column; align-items: center; }
    #sec1 .mid i {transform: translateY(-24%); margin-bottom: -11%; position: static; max-width:600px; width: 100%;order: -1;}
    #sec1 .mid h3 {color:#000; }
    #sec1 .mid h3::after {background-color: #000; margin:20px auto 25px; }
    #sec1 .mid p {color:#000; }

    #sec1 .bot .ptn {display: none; }
    #sec1 .bot .name {text-align: center; margin-top: 30px;}
    #sec1 .bot .name i { max-width: 250px; display: inline-block; }
    #sec1 .bot .name h3 {margin-top: 15px; font-size: 16px;}
    #sec1 .bot .name h3 b {font-size: 26px;}




}

@media screen and (max-width:640px){
    /* common */
    .sub_inner {padding: 0 20px;}
    .subpage > section {padding:50px 0;}
    /* fs */
    .fs_60 {font-size: 35px;}
    .fs_42 {font-size: 23px;}
    .fs_24 {font-size: 17px;}
    .fs_22 {font-size: 16px;}
    .fs_20 {font-size: 14px;}

    /*Content CSS*/
    #sec1 .mid { margin: 23% 0 10px;}
    #sec1 .mid i {margin-bottom: -13%; }
    #sec1 .mid h3::after {height: 3px;}
    #sec1 .mid br {display: none;}

    #sec1 .bot .name i { max-width: 200px; display: inline-block; }


}