#about4{position: relative; width: 100%; overflow: hidden; }
#about4 > article{padding: 110px 0; }
#about4 > article:first-of-type{padding: 90px 0 36px;}
/* #about4 > article:last-of-type{padding-bottom: 150px;} */

#about4 > article.bor::before{content: ''; display: block; width: calc(100% - 100px); max-width: 1300px; margin: 0 auto 43px; border-top: solid 3px #000;}

#about4 .sub_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto;}

/* font-style */
#about4 .fs_45{font-size: 45px; line-height: 1.46;}
#about4 .fs_40{font-size: 40px; line-height: 1.46;}
#about4 .fs_35{font-size: 35.5px; line-height: 1.3;}
#about4 .fs_30{font-size: 30px; line-height: 1.3;}
#about4 .fs_27{font-size: 27px; line-height: 1.5;}
#about4 .fs_25{font-size: 25px; line-height: 1.6;}
#about4 .fs_23{font-size: 23px; line-height: 1.6;}
#about4 .fs_20{font-size: 20px; line-height: 1.6; color: #333;}
#about4 .fs_17{font-size: 17px; line-height: 1.7;}

/* bar_tit */
#about4 .bar_tit h3{position: relative; padding-left: 20px; font-weight: 700;}
#about4 .bar_tit h3::before{content: ''; display: block; width: 5px; height: 80%; max-height: 32px; background-color: #04056b; position: absolute; left: 0; top: 7px;}

/* tit */
#about4 .tit{text-align: center; margin-bottom: 23px;}
#about4 .tit h3{font-weight: 800;}
#about4 .tit span{display: block; margin-bottom: 4px; font-weight: 700; color: #04056b; letter-spacing: -.92px; line-height: 1;}

/* img_wrap */
#about4 .img_wrap{padding: 65px 0; position: relative; z-index: 2;}
#about4 .img_wrap::before{content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background-color: #f7f7f7; border-radius: 20px; z-index: -1;}

/* min-width */
@media screen and (min-width: 1601px) {
    #about4 .img_wrap::before{width: calc(100vw - 70px);}
}

/* max-width */
@media screen and (max-width:1600px) {
    /* img_wrap */
    #about4 .img_wrap{padding: 65px 50px;}

}
@media screen and (max-width:1400px) {
    #about4 br:not(.space){display: none;}

    #about4 > article{padding: 60px 0; }
    #about4 > article:first-of-type{padding: 40px 0;}
    /* #about4 > article:last-of-type{padding-bottom: 100px;} */

    /* font-style */
    #about4 .fs_45{font-size: 38px; line-height: 1.4;}
    #about4 .fs_40{font-size: 36px; line-height: 1.4;}
    #about4 .fs_35{font-size: 32px;}
    #about4 .fs_30{font-size: 28px;}
    #about4 .fs_27{font-size: 25px;}
    #about4 .fs_25{font-size: 23px;}
    #about4 .fs_23{font-size: 21px;}
    #about4 .fs_20{font-size: 19px; line-height: 1.7}
    #about4 .fs_17{font-size: 16px;}

    /* bar_tit */
    #about4 .bar_tit h3::before{max-height: 28px;}

    /* img_wrap */
    #about4 .img_wrap{padding: 50px;}

}

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

}

@media screen and (max-width: 1024px) {
    #about4 > article{padding: 50px 0; }
    #about4 > article:first-of-type{padding: 30px 0;}
    /* #about4 > article:last-of-type{padding-bottom: 50px;} */
    #about4 > article.bor::before{width: calc(100% - 60px); margin: 0 auto 30px;}

    #about4 .sub_inner{padding: 0 30px;}

    /* font-style */
    #about4 .fs_45{font-size: 35px;}
    #about4 .fs_40{font-size: 33px;}
    #about4 .fs_35{font-size: 30px;}
    #about4 .fs_30{font-size: 26px;}
    #about4 .fs_27{font-size: 23px;}
    #about4 .fs_25{font-size: 21px;}
    #about4 .fs_23{font-size: 20px;}
    #about4 .fs_20{font-size: 18px;}
    #about4 .fs_17{font-size: 15px;}

    /* bar_tit */
    #about4 .bar_tit h3{padding-left: 0; text-align: center;}
    #about4 .bar_tit h3::before{width: 35px; height: 4px; top: 0px; position: relative; margin: 0 auto 15px;}

    /* tit */
    #about4 .tit span{margin-bottom: 6px;}

    /* img_wrap */
    #about4 .img_wrap{padding: 30px;}
}

@media screen and (max-width: 640px) {
    #about4 > article:nth-of-type(2){padding-top: 30px;}
    #about4 > article.bor::before{width: calc(100% - 40px);}

    #about4 .sub_inner{padding: 0 20px;}

    /* font-style */
    #about4 .fs_45{font-size: 30px;}
    #about4 .fs_40{font-size: 29px;}
    #about4 .fs_35{font-size: 28px; line-height: 1.4;}
    #about4 .fs_30{font-size: 24px;}
    #about4 .fs_27{font-size: 22px;}
    #about4 .fs_25{font-size: 20px;}
    #about4 .fs_23{font-size: 19px;}
    #about4 .fs_20{font-size: 17px;}
    #about4 .fs_17{font-size: 14px;}

    /* bar_tit */
    #about4 .bar_tit h3::before{width: 30px; margin-bottom: 10px;}

    /* img_wrap */
    #about4 .img_wrap{padding: 20px;}

}

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

}