/* common */
#c4_wrap .c_inner {width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto; }
#c4_wrap .c_tit h2 {display: inline; position: relative;}
#c4_wrap .c_tit h2::after {content: ''; display: block; width: 15px; height: 15px; background-color: #014099; border-radius: 50%; right: -19px; top: -9px; position: absolute;}

/* font */
#c4_wrap .fs_60 {font-size: 60px; font-weight: 800; color:#000; line-height: 1.3;  }
#c4_wrap .fs_50 {font-size: 50px; font-weight: 800; color:#000; line-height: 1.3;  }
#c4_wrap .fs_24 {font-size: 24px; font-weight: 400; color:#000; line-height: 1.58;  }
#c4_wrap .fs_18 {font-size: 18px; font-weight: 400; color:#333; line-height: 1.83; }

/* btn */
#c4_wrap .c_btn a {display: flex; align-items: center;  justify-content: space-between; font-size: 16px;  font-weight: 500; border:1px solid #fff;
transition: all .3s; width: 200px; height: 55px; line-height: 1; padding: 0 25px;  color:#fff;}
#c4_wrap .c_btn a i {width: 23px; height: 8px; background:url("../img/c_btn_arrow.png") 50% 50% no-repeat;  transition: all .3s;}
#c4_wrap .c_btn a:hover { background: #014099; border-color: #014099;}
#c4_wrap .c_btn a:hover i {transform: translateX(7px);  }

/* Content */
#c4_wrap {position: relative; z-index: 3; display: flex;}
#c4_wrap .fs_50 {color:#fff;}
#c4_wrap .c_tit {margin-bottom: 25px;}
#c4_wrap .c_tit h2::after {background-color: #fff; }

#c4_wrap > div {width: 50%; height: 400px; display: flex;  align-items: flex-end; padding: 0 0 55px;}
#c4_wrap .inner_box {width: 100%; max-width: 650px;}
#c4_wrap .left { background:url("../img/c4_left_bg.jpg?v=240617") 80% 50%/cover no-repeat; justify-content: flex-end;}

#c4_wrap .right { background:url("../img/c4_right_bg.jpg?v=240617") 80% 50%/cover no-repeat; }
@media screen and (min-width: 1401px) {
    #c4_wrap .right .inner_box {padding-left: 90px;}
}


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

    /* Content */
    #c4_wrap .inner_box {padding-left: 50px;}


}

@media screen and (max-width: 1024px) {
    /* common */
    #c4_wrap {text-align: center; }
    #c4_wrap .c_inner {padding: 0 30px;}

    /* font */
    #c4_wrap .fs_60 {font-size: 40px;  }
    #c4_wrap .fs_50 {font-size: 40px;  }
    #c4_wrap .fs_24 {font-size: 20px; }
    #c4_wrap .fs_18 {font-size: 15px; line-height: 1.65;}

    /* btn */
    #c4_wrap .c_btn a {margin: 0 auto;}

    /* Content */
    #c4_wrap {display: block; }
    #c4_wrap > div {width:100%; height: 250px; align-items: center; justify-content: center; padding: 0; position: relative; z-index: 1; }
    #c4_wrap > div::before {content: ''; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.1); left: 0; top:0; position: absolute; z-index: -1;}
    #c4_wrap .left { justify-content: center;}
    #c4_wrap .inner_box {padding: 0;}

    #c4_wrap .c_tit {margin-bottom: 30px;}


}

@media screen and (max-width:640px) {
    /* common */
    #c4_wrap .c_inner {padding: 0 20px;}
    #c4_wrap .c_tit h2::after { width: 10px; height: 10px; right: -15px; top: -5px;}

    /* font */
    #c4_wrap .fs_60 {font-size: 32px;  }
    #c4_wrap .fs_50 {font-size: 32px;  }
    #c4_wrap .fs_24 {font-size: 17px; }
    #c4_wrap .fs_18 {font-size: 13px;}

    /* btn */
    #c4_wrap .c_btn a {padding: 0 17px; font-size: 14px;  width: 170px; height: 40px; margin:0 auto;}

    /* Content */
    #c4_wrap > div {height: 200px;}
    #c4_wrap .c_tit {margin-bottom:20px;}

}