#about3{position: relative; width: 100%; overflow: hidden; }
#about3 > article{padding: 110px 0; }
#about3 > article:first-of-type{padding-top: 40px; padding-bottom: 0;}
#about3 > article:last-of-type{padding-bottom: 150px;}

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

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

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

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

/* tit */
#about3 .tit{text-align: center; margin-bottom: 23px;}
#about3 .tit h3{font-weight: 800;}
#about3 .tit span{display: block; margin-bottom: 4px; font-weight: 700; color: #04056b; letter-spacing: -.92px; line-height: 1;}
#about3 > article:nth-of-type(even) .tit span{color: #ea8929;}

/* history */
#about3 .history_top .bg{width: 100%; height: 341px; position: relative; margin: 0 auto;}
#about3 .history_top .bg::before{content: ''; display: block; height: 100%; width: 100%; background: 50% / cover no-repeat; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}

#about3 .history_list{padding: 0 120px; margin-top: 40px; position: relative;}
#about3 .history_list::before{content: ''; display: block; width: 1px; height: 100%; position: absolute; top: 0; left: 120px; background-color: #000;}
#about3 .history_list > li{position: relative; padding: 20px 75px 0;}
#about3 .history_list > li::before{content: ''; display: block; width: 9px; height: 9px; background-color: #000; border-radius: 50%; position: absolute; top: 0; left: -4px;}
#about3 .history_list > li + li{margin-top: 71px;}
#about3 .history_list > li h4{font-weight: 600; line-height: 0.83;}
#about3 .history_list > li:nth-child(odd) h4{color: #04056b;}

#about3 > article:nth-of-type(even) .history_list > li:nth-child(odd) h4{color: #ea8929;}

#about3 .year_list{margin-top: 22px;}
#about3 .year_list > li{display: flex; align-items: baseline;}
#about3 .year_list > li + li{margin-top: 4px;}
#about3 .year_list > li span{font-weight: 600; color: #000; display: inline-block; min-width: 43px; position: relative; margin-right: 22px;}
#about3 .year_list > li span::after{content: ''; display: inline-block; width: 3px; height: 19px; background-color: #04056b; position: absolute; top: 7px; right: -11px;}

#about3 > article:nth-of-type(even) .year_list > li span::after{background-color: #333;}

/* sec1 */
#about3 .sec1 .history_top .bg::before{background-image: url('../img/ab3_s1_bg.jpg');}

/* sec2 */
#about3 .sec2{position: relative; z-index: 2;}
#about3 .sec2::before{content: ''; display: block; width: 100%; height: 90%; max-height: 1364px; background-color: #f7f7f7; position: absolute; bottom: 0; left: 0; z-index: -1;}

#about3 .sec2 .history_top .bg::before{background-image: url('../img/ab3_s2_bg.jpg');}

/* sec3 */
#about3 .sec3 .history_top .bg::before{background-image: url('../img/ab3_s3_bg.jpg');}

/* min-width */
@media screen and (min-width: 1401px) {

}

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

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

    #about3 > article{padding: 60px 0; }
    #about3 > article:first-of-type{padding: 30px 0;}
    #about3 > article:last-of-type{padding-bottom: 100px;}

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

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

    /* history */
    #about3 .history_top .bg{height: 300px;}
    #about3 .history_list{padding: 0;}
    #about3 .history_list::before{left: 0;}
    #about3 .history_list > li{padding: 10px 50px 0;}
    #about3 .history_list > li + li{margin-top: 50px;}

    /* sec2 */
    #about3 .sec2::before{height: 100%; max-height: 100%;}


}

@media screen and (max-width:1280px) {
    /* history */
    #about3 .year_list > li span::after{width: 2px; height: 17px;}


}

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

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

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

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

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

    /* history */
    #about3 .history_top .bg{height: 250px;}
    #about3 .history_list > li{padding: 0 30px;}
    #about3 .history_list > li + li{margin-top: 35px;}
    #about3 .history_list > li + li::before{top: 9px;}

    #about3 .year_list > li{flex-direction: column; padding-bottom: 10px; margin-bottom: 10px;border-bottom: solid 1px #ddd;}
    #about3 .year_list > li span{min-width: 100%; margin-right: 0; }
    #about3 .year_list > li span::after{display: none;}


}

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

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

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

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


    /* history */
    #about3 .history_top .bg{height: 200px;}
    #about3 .history_list::before{display: none;}
    #about3 .history_list > li{padding: 25px 0 0; border-top: solid 1px #000; text-align: center;}
    #about3 .history_list > li::before{left: 50%; transform: translateX(-50%); top: -5px;}
    #about3 .history_list > li + li::before{top: -5px;}
    #about3 .year_list > li{flex-direction: column; align-items: center; padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px #ddd; }
    #about3 .year_list > li:last-child{border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
    #about3 .year_list > li span{min-width: 100%; margin-right: 0; }
    #about3 .year_list > li span::after{display: none;}
    #about3 .year_list > li p{text-align: center;}
}

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

}