/*Content CSS*/
#c3_wrap{position: relative; overflow: hidden; width: 100%;}
#c3_wrap > article{padding: 135px 0;}
#c3_wrap .c_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto;}
#c3_wrap br.mob{display: none;}

/* font-style */
#c3_wrap .fs_60{font-size: 60px; font-weight: 700; line-height: 1.2;}
#c3_wrap .fs_30{font-size: 30px; line-height: 1.5;}
#c3_wrap .fs_27{font-size: 27px; line-height: 1.2;}
#c3_wrap .fs_24{font-size: 24px; line-height: 1.35;}
#c3_wrap .fs_19{font-size: 19px; line-height: 1.58;}
#c3_wrap .fs_17{font-size: 17px; line-height: 1.76;}
#c3_wrap .fs_16{font-size: 16px; line-height: 1.7;}

/* vm_btn */
#c3_wrap .vm_btn a{overflow: hidden; display: inline-flex; align-items: center; justify-content: space-between; padding: 0 12px 0 31px; width: 228px; height: 54px; border: solid 1px #000; border-radius: 27px; position: relative; z-index: 2; transition: .3s;}
#c3_wrap .vm_btn a::before{content: ''; display: block; width: 38px; height: 38px; border-radius: 27px; background-color: #04056b; position: absolute; top: 50%; transform: translateY(-50%); right: 12px; z-index: -1; transition: .6s;}
#c3_wrap .vm_btn a i{display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; }
#c3_wrap .vm_btn a span{transition: .6s;}

/* dot_lsit */
#c3_wrap .dot_list li{position: relative; padding-left: 12px; color: rgba(255, 255, 255, .8);}
#c3_wrap .dot_list li::before{content: ''; display: block; width: 4px; height: 3px; background-color: #fff; position: absolute; top: 12px; left: 0;}

/* c3_wrap */
#c3_wrap .top{position: relative;}
#c3_wrap .top h3{margin-bottom: 15px; max-width: calc(100% - 300px);}
#c3_wrap .top h3::after{content: ''; display: block; width: 45px; height: 3px; background-color: #04056b; margin: 33px 0 0;}
#c3_wrap .top h4{margin-bottom: 11px; font-weight: 700;}
#c3_wrap .top p{font-weight: 300;}

/* icon_list */
#c3_wrap .icon_list{display: flex; justify-content: space-between; gap: 125px; margin-top: 75px;}
#c3_wrap .icon_list li{flex: 1; position: relative; padding: 40px 20px; border-radius: 10px; border: solid 2px #04056b; background-color: #fff; text-align: center;}
#c3_wrap .icon_list li::after{content: ''; display: block; width: 57px; height: 57px; background: url('../img/c_plus.png') 50% / cover no-repeat; position: absolute; top: 50%; transform: translateY(-50%); left: calc(100% + 37px);}
#c3_wrap .icon_list li:last-child::after{display: none;}

#c3_wrap .icon_list li .tit h6{font-weight: 700; line-height: 1; color: #04056b;}
#c3_wrap .icon_list li .tit span{font-weight: 500; line-height: 1; display: block; margin-top: 8px; color: #04056b;}

#c3_wrap .icon_list li i{display: block; min-height: 98px; line-height: 98px; margin-bottom: 24px;}
#c3_wrap .icon_list li i img{transition: .5s;}

#c3_wrap .icon_list li p{line-height: 1.44; margin-top: 15px; color: #333;}

/* sec1 */
#c3_wrap .sec1{background-color: #f4f8ff;}

@media screen and (min-width: 1901px) {
}

@media screen and (min-width: 1025px) {
    #c3_wrap .vm_btn a:hover{border-color: #04056b;}
    #c3_wrap .vm_btn a:hover::before{transform: scale(15);}
    #c3_wrap .vm_btn a:hover span{color: #fff;}

    #c3_wrap .top .vm_btn{position: absolute; right: 0; top: 0;}

    #c3_wrap .icon_list li:hover i img{transform: rotateY(180deg);}
}

@media screen and (max-width: 1600px) {
    #c3_wrap > article{padding: 70px 0;}

}

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

    /* font-style */
    #c3_wrap .fs_60{font-size: 50px;}
    #c3_wrap .fs_30{font-size: 28px;}
    #c3_wrap .fs_27{font-size: 25px;}
    #c3_wrap .fs_24{font-size: 22px;}
    #c3_wrap .fs_19{font-size: 18px;}
    #c3_wrap .fs_17{font-size: 16px; line-height: 1.7;}
    #c3_wrap .fs_16{font-size: 15px;}

    /* vm_btn */
    #c3_wrap .vm_btn a{padding-left: 20px;}

    /* icon_list */
    #c3_wrap .icon_list{gap: 80px; margin-top: 50px;}
    #c3_wrap .icon_list li{padding: 30px 20px;}
    #c3_wrap .icon_list li::after{width: 40px; height: 40px;left: calc(100% + 22px);}

    #c3_wrap .icon_list li i{min-height: 65px; line-height: 65px; margin-bottom: 20px;}
    #c3_wrap .icon_list li i img{ max-height: 65px;}
}
@media screen and (max-width: 1280px) {

}
@media screen and (max-width: 1024px) {
    #c3_wrap > article{padding: 50px 0;}
    #c3_wrap .c_inner{padding: 0 30px;}
    #c3_wrap br.mob{display: block;}

    /* font-style */
    #c3_wrap .fs_60{font-size: 45px;}
    #c3_wrap .fs_30{font-size: 26px;}
    #c3_wrap .fs_27{font-size: 23px;}
    #c3_wrap .fs_24{font-size: 20px;}
    #c3_wrap .fs_19{font-size: 17px;}
    #c3_wrap .fs_17{font-size: 15px;}
    #c3_wrap .fs_16{font-size: 14px;}

    /* dot_list */
    #c3_wrap .dot_list li::before{top: 11px;}

    /* c3_wrap */
    #c3_wrap .top{text-align: center;}
    #c3_wrap .top h3{margin-bottom: 15px; max-width: 100%;}
    #c3_wrap .top h3::after{width: 35px; margin: 25px auto 0;}
    /* #c3_wrap .top h4{margin-bottom: 15px;} */

    /* vm_btn */
    #c3_wrap .vm_btn{text-align: center; margin-top: 30px;}
    #c3_wrap .vm_btn a{width: 220px; height: 48px;}
    #c3_wrap .vm_btn a::before{width: 30px; height: 30px;}
    #c3_wrap .vm_btn a i{width: 30px; height: 30px;}

    /* icon_list */
    #c3_wrap .icon_list{gap: 50px; margin-top: 30px;}
    #c3_wrap .icon_list li{padding: 25px 20px;}
    #c3_wrap .icon_list li::after{width: 30px; height: 30px;left: calc(100% + 12.5px);}

    #c3_wrap .icon_list li i{min-height: 50px; line-height: 50px; margin-bottom: 15px;}
    #c3_wrap .icon_list li i img{ max-height: 50px;}

}

@media screen and (max-width: 768px) {
    /* icon_list */
    #c3_wrap .icon_list{flex-wrap: wrap;}
    #c3_wrap .icon_list li{flex: initial; width: 100%; padding: 20px;}
    #c3_wrap .icon_list li::after{left: 50%; transform: translateX(-50%); top: calc(100% + 13.5px); width: 25px; height: 25px;}

    #c3_wrap .icon_list li i{min-height: 45px; line-height: 45px;}
    #c3_wrap .icon_list li i img{ max-height: 45px;}
}

@media screen and (max-width: 640px) {
    #c3_wrap .c_inner{padding: 0 20px;}
    /* font-style */
    #c3_wrap .fs_60{font-size: 40px;}
    #c3_wrap .fs_30{font-size: 24px;}
    #c3_wrap .fs_27{font-size: 21px;}
    #c3_wrap .fs_24{font-size: 19px;}
    #c3_wrap .fs_19{font-size: 16px;}
    #c3_wrap .fs_17{font-size: 14px;}
    #c3_wrap .fs_16{font-size: 13px;}

    /* vm_btn */
    #c3_wrap .vm_btn a{width: 100%; height: 45px; padding-right: 8px;}
    #c3_wrap .vm_btn a::before{right: 8px;}
}

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

}