/* common */
#c2_wrap .c_inner {width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto; }
#c2_wrap .c_tit h2::before {    content: ''; display: block; width: 50px; height: 5px; background-color: #29a7e1; margin: 0 0 20px;}

/* font size */
#c2_wrap .fs_55 {font-size: 55px; font-weight:700;  line-height: 1.1; }
#c2_wrap .fs_40 {font-size: 40px; font-weight:700; line-height: 1.2; }
#c2_wrap .fs_35 {font-size: 35px; font-weight:700; line-height: 1.2; }
#c2_wrap .fs_20 {font-size: 20px;  }
#c2_wrap .fs_18 {font-size: 18px; font-weight: 400; color: #333; line-height: 1.83; }

/* btn */
#c2_wrap .c_btn {width: 180px; height:45px; display: flex; align-items: center; justify-content: space-between; color: #000; font-size: 14px; padding:0 15px;
font-weight: 400; overflow: hidden; z-index: 1; position: relative; background:#fff; border:1px solid #000; transition: all .3s; pointer-events: auto;  }
#c2_wrap .c_btn::before {content: ""; z-index: -1; position: absolute; background: #29a7e1; transition: all .4s; left: 0; top: 0; width: 0; height: 100%;}
#c2_wrap .c_btn .plus {transition: background-image .3s; display: block; width: 13px ;height: 13px; background:url("../img/c_btn_plus.png") 50%/contain no-repeat;
position: relative; }
#c2_wrap .c_btn:hover {border-color: #29a7e1; color:#fff;  }
#c2_wrap .c_btn:hover .plus {background-image:url("../img/c_btn_plus_w.png");}
#c2_wrap .c_btn:hover::before {width:100%;}
/* wh */
#c2_wrap .c_btn.wh {border-color: #fff; color:#fff; background: transparent; }
#c2_wrap .c_btn.wh:hover {border-color: #000; }
#c2_wrap .c_btn.wh::before {background-color: #000; }
#c2_wrap .c_btn.wh .plus {background-image:url("../img/c_btn_plus_w.png");}



/*Content CSS*/
#c2_wrap { position:relative; z-index: 2; padding:90px 0 0; background-color: #fff; text-align: center;}
#c2_wrap::before { content:""; position:absolute; left: 0; top: 0; width:100%; height:429px; background:url('../img/c2_bg.jpg') no-repeat 50% / cover; z-index: -2; }
/* white */
#c2_wrap .c_tit h2::before {background: #fff; margin: 0 auto 20px; }
#c2_wrap .c_tit h2 {color:#fff;}



#c2_wrap .list { display: flex; justify-content: space-between;  margin-top: 45px;}
#c2_wrap .list > li { width:calc(100%/2 - 15px); position:relative; display: flex; justify-content: center; align-items: flex-end; transition: all .3s; border-radius: 0 0 50px 0;
 text-align: left; z-index: 1; overflow: hidden;  height: 300px; padding: 0 45px 40px; }
#c2_wrap .list > li::before {content: ''; display: block; z-index: -1; position: absolute; left: 0; top:0;  width: 100%; height: 100%;  background: rgba(41,167,225,.75);
opacity: 0; transition: opacity .3s; }
#c2_wrap .list .txt {display: flex; justify-content: space-between; align-items:center;  width: 100%; overflow: hidden; z-index: 2;}
#c2_wrap .list .txt h4 { font-weight: 700; color:#fff;  line-height: 1.1; }
#c2_wrap .list > li > img {display: block; z-index: -2; position: absolute; left: 0; top:0; object-fit: cover; width: 100%; height: 100%;  }
#c2_wrap .list > li:hover::before {opacity: 1; }



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


}

@media screen and (max-width: 1024px) {
    /* common */
    #c2_wrap {padding: 70px 0; text-align: center;}
    #c2_wrap .c_inner {padding:0 30px;}
    #c2_wrap .c_tit h2::before {margin: 0 auto 15px;}
    /* font size */
    #c2_wrap .fs_55 {font-size: 35px;}
    #c2_wrap .fs_40 {font-size: 27px;}
    #c2_wrap .fs_35 {font-size: 25px;}
    #c2_wrap .fs_20 {font-size: 18px;}
    #c2_wrap .fs_18 {font-size: 16px;}

    /* c1 */
    #c2_wrap::before {height: 350px; }
    #c2_wrap .list > li {padding: 0 30px 30px; }
    #c2_wrap .list .txt {display: block; }

    #c2_wrap .list .txt .c_btn {margin: 15px 0 0 auto;}

}

@media screen and (max-width:640px) {
    /* common */
    #c2_wrap {padding: 50px 0;}
    #c2_wrap .c_inner {padding:0 20px;}
    #c2_wrap .c_tit h2::before {width: 40px; height: 4px; }
    /* font size */
    #c2_wrap .fs_55 {font-size: 30px;}
    #c2_wrap .fs_35 {font-size: 22px;}
    #c2_wrap .fs_20 {font-size: 16px;}
    #c2_wrap .fs_18 {font-size: 14px;}
    /* c_btn */
    #c2_wrap .c_btn {width: 100%; height: 40px; padding: 0 15px; font-size: 13px; }


    /* c1 */
    #c2_wrap::before {height: 250px; }
    #c2_wrap .list {display: block; margin-top: 40px;}
    #c2_wrap .list > li {width: 100%; padding: 0 20px 30px 20px; border-radius: 0 0 30px 0; height: 250px; }
    #c2_wrap .list > li + li {margin-top:20px;}
    #c2_wrap .list .txt .c_btn {margin: 20px 0 0 0;}


}