#about2{position: relative; width: 100%; overflow: hidden; }
#about2 > article{padding: 60px 0; }
#about2 > article:first-of-type{padding-bottom: 0 !important;}
#about2 > article:last-of-type{padding-bottom: 100px;}

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

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

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

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

/* text_box */
#about2 .text_box{padding: 63px 50px; text-align: center; border-radius: 20px; background: url('../img/text_bg.png') 50% / cover no-repeat #04056b;}
#about2 .text_box > *{color: #fff;}
#about2 .text_box h3{font-weight: 700; margin-bottom: 23px;}
#about2 .text_box p{line-height: 1.63;}

/* img_wrap */
#about2 .img_wrap.bor{padding: 45px; border: solid 1px #ccc; border-radius: 20px; text-align: center;}

/* sec1 */
#about2 .sec1 .img_wrap{margin-top: 35px;}

/* sec2 */
#about2 .sec2{position: relative; z-index: 2;}
#about2 .sec2::before{content: ''; display: block; width: 100%; height: calc(100% - 100px); max-height: 642px; background-color: #f7f7f7; border-radius: 0 100px 0 0; position: absolute; bottom: 0; left: 0; z-index: -1;}

/* min-width */
@media screen and (min-width:1701px) {
    #about2 .sec2::before{width: calc(100% - 108px);}
}
@media screen and (min-width: 1401px) {
    #about2 > article:nth-of-type(2){padding-top: 75px;}
}


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

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

    /* #about2 > article{padding: 60px 0; } */
    #about2 > article:nth-of-type(2){padding-top: 60px;}
    #about2 > article:last-of-type{padding-bottom: 60px;}

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

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

    /* text_box */
    #about2 .text_box{padding: 50px;}
    #about2 .text_box h3{margin-bottom: 15px;}


}

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

}

@media screen and (max-width: 1024px) {
    #about2 > article{padding: 30px 0 50px; }
    #about2 > article:nth-of-type(2){padding-top: 50px;}
    #about2 > article:last-of-type{padding-bottom: 50px;}

    #about2 > article.bor::before{width: calc(100% - 60px); margin: 0 auto 30px;}

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

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

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

    /* text_box */
    #about2 .text_box{padding: 30px;}
    #about2 .text_box h3{margin-bottom: 10px;}

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

    /* sec1 */
    #about2 .sec1 .img_wrap{margin-top: 30px;}

    /* sec2 */
    #about2 .sec2::before{border-radius: 0 50px 0 0; height: calc(100% - 70px);}
}

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

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

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

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

    /* text_box */
    #about2 .text_box{padding: 25px 20px;}

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

    /* sec1 */
    #about2 .sec1 .img_wrap{margin-top: 20px;}
}

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

}