/* common */
#c1_wrap .c_inner { width: 100%; max-width: 1400px; margin:0 auto; position: relative; padding:0 50px;}
#c1_wrap .c_tit h3 {font-size: 24px; font-weight: 600; color:#00a0ce; margin-bottom: 5px;}

/* font size */
#c1_wrap .fs_72 {font-size: 72px; font-weight :700; line-height: 1.2; color:#000; font-family: 'Play', sans-serif; text-transform: uppercase;}
#c1_wrap .fs_28 {font-size: 28px; font-weight :600; line-height: 1.4; color:#000; }
#c1_wrap .fs_20 {font-size: 20px; font-weight :300; line-height: 1.9; color:#000;}
#c1_wrap .fs_18 {font-size: 18px; font-weight :300; line-height: 1.72; color:#333;}

/*Content CSS*/
#c1_wrap {background:#fff; padding:110px 0 0; position: relative; z-index:1;}
#c1_wrap::after {content: ''; width: 100%; height:80px; background: #f3f3f3; position: absolute; z-index: -1;left: 0; bottom: 0; }

#c1_wrap .top {display: flex; align-items: flex-start; margin-bottom: 70px; }
#c1_wrap .top .c_tit {flex-shrink: 0; margin-right: 100px; }
#c1_wrap .top .desc {padding-top:50px;}
#c1_wrap .top .desc h4 {font-style: italic;}
#c1_wrap .top .desc p {margin: 25px 0 0;}

#c1_wrap .box_wrap {width: calc(100% - 100px); max-width: 1700px; margin: 0 auto;  padding: 70px 50px; border-radius: 30px; background:url("../img/c1_bg.jpg") 50%/cover no-repeat;  background-attachment: fixed; text-align: center; }
#c1_wrap .box_wrap .list {display: flex; width: 100%; max-width: 1300px;  margin: 0 auto; }
#c1_wrap .box_wrap .list > li {flex:1; position: relative; z-index: 1; border-left: 1px dashed #fff; display: flex; flex-direction: column; align-items: center;
justify-content: center; padding: 50px 40px 40px; }
#c1_wrap .box_wrap .list > li:last-child {border-right: 1px dashed #fff;}
#c1_wrap .box_wrap .list .circle {display: flex; align-items: center; justify-content: center; position: absolute; width: 38px; height: 38px; border-radius: 50%;
background-color: rgba(255,255,255,.2);}
#c1_wrap .box_wrap .list .circle::before {content: ''; display: block; width: 16px; height: 16px; background: #fff; border-radius: 50%; }
#c1_wrap .box_wrap .list h5 {display: flex; align-items: center; justify-content: center; width: 230px; border-radius: 30px; background-color: #00a0ce;
height: 60px; font-weight: 600; color:#fff; margin: 0 auto 25px; }
#c1_wrap .box_wrap .list p {font-weight: 300; color:#fff; }

@media screen and (min-width:1025px) {
    #c1_wrap .box_wrap .list .circle {left: -20px;bottom: -11px; }
    #c1_wrap .box_wrap .list .circle + .circle {left: auto; right: -20px; bottom: auto; top:-11px; }

    #c1_wrap .box_wrap .list > li:nth-child(1) {justify-content: flex-end; padding-top: 200px;}
    #c1_wrap .box_wrap .list > li:nth-child(3) {justify-content: flex-start; padding-bottom: 150px;}

    #c1_wrap .box_wrap .list > li:nth-child(2) .circle {bottom: 101px;}
    #c1_wrap .box_wrap .list > li:nth-child(3) .circle {bottom: 221px;}

}


@media screen and (max-width:1700px) {
    #c1_wrap .obj.obj2 {left: 40%;  }
}

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

    /* content */

}

@media screen and (max-width:1280px) {
    #c1_wrap .top {display: block;}

    #c1_wrap .box_wrap {padding: 50px; }
    #c1_wrap .box_wrap .list h5 {width: 100%; max-width: 230px; }
    @media screen and (min-width:1025px) {
        #c1_wrap .box_wrap .list h5 {font-size: 22px;}
        #c1_wrap .box_wrap .list p {font-size: 16px;}
    }


}


@media screen and (max-width: 1024px) {
    /* common */
    #c1_wrap {padding: 70px 0 0; text-align: center;}
    #c1_wrap .c_inner {padding:0 30px;}
    #c1_wrap .c_tit h3 {font-size: 20px;  }
    /* font size */
    #c1_wrap .fs_72 {font-size:40px; }
    #c1_wrap .fs_28 {font-size: 20px; }
    #c1_wrap .fs_20 {font-size: 17px; }
    #c1_wrap .fs_18 {font-size: 16px; }

    /* content */
    #c1_wrap {overflow: hidden;}
    #c1_wrap .top {display: block; margin-bottom: 40px; }
    #c1_wrap .top .c_tit {margin:0 0 20px;}
    #c1_wrap .top .desc {padding: 0;}
    #c1_wrap .top .desc p { margin: 25px 0 0;}

    #c1_wrap .box_wrap {padding: 50px 30px; background-attachment: inherit; width: calc(100% - 60px);}
    #c1_wrap .box_wrap .list {display: block; }
    #c1_wrap .box_wrap .list h5 {height: 45px; max-width: 200px;  margin: 0 auto 15px;}

    #c1_wrap .box_wrap .list > li {  border-left: 0; border-top: 1px dashed #fff; padding: 35px 30px;}
    #c1_wrap .box_wrap .list > li:last-child {border-right:0; border-bottom: 1px dashed #fff;}

    #c1_wrap .box_wrap .list .circle {left: -9px;top: -16px; width: 30px; height: 30px; }
    #c1_wrap .box_wrap .list .circle::before {width: 12px; height: 12px; }

    #c1_wrap .box_wrap .list > li:nth-child(1) {align-items: flex-start;}
    #c1_wrap .box_wrap .list > li:nth-child(3) {align-items: flex-end; }

    #c1_wrap .box_wrap .list > li:nth-child(2) .circle {left: 33%;}
    #c1_wrap .box_wrap .list > li:nth-child(3) .circle {left: 66%;}
    #c1_wrap .box_wrap .list > li:nth-child(3) .circle + .circle {left: auto; top:auto; right: -9px; bottom: -16px;  }

}

@media screen and (max-width: 640px) {
    /* common */
    #c1_wrap {padding: 50px 0 0;}
    #c1_wrap .c_inner {padding:0 20px;}
    #c1_wrap .c_tit h3 {margin-bottom: 10px; font-size: 16px;}
    /* font size */
    #c1_wrap .fs_72 {font-size:30px; }
    #c1_wrap .fs_28 {font-size:18px; }
    #c1_wrap .fs_20 {font-size: 14px; }
    #c1_wrap .fs_18 {font-size: 13px; }


    /* content */
    #c1_wrap .top .desc p { margin: 20px 0 0;}

    #c1_wrap .box_wrap { width: calc(100% - 40px); border-radius: 20px;}
    #c1_wrap .box_wrap .list > li {align-items: center !important; padding: 30px 0;}
    #c1_wrap .box_wrap .list h5 { height: 40px;}

}

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

}