/* common */
#c1_wrap .c_inner { width: 100%; max-width: 1600px; margin:0 auto; position: relative; padding:0 50px;}

/* font size */
#c1_wrap .fs_80 {font-size: 80px; font-weight :700; line-height: 1.06;}
#c1_wrap .fs_35 {font-size: 35px; font-weight :700; line-height: 1.39;}
#c1_wrap .fs_34 {font-size: 34px; font-weight:500; line-height: 1.3; }
#c1_wrap .fs_33 {font-size: 33px; font-weight:700; line-height: 1.3; }
#c1_wrap .fs_32 {font-size: 32px; font-weight:700; line-height: 1.3; }
#c1_wrap .fs_30 {font-size: 30px; font-weight:700; line-height: 1.3;}
#c1_wrap .fs_27 {font-size: 27px; font-weight:700; line-height: 1.3; }
#c1_wrap .fs_26 {font-size: 26px; font-weight:700; line-height: 1.3;  }
#c1_wrap .fs_25 {font-size: 25px; font-weight:700; line-height: 1.3;  }
#c1_wrap .fs_24 {font-size: 24px; font-weight:700; line-height: 1.4;}
#c1_wrap .fs_23 {font-size: 23px; font-weight:700; line-height: 1.4;}
#c1_wrap .fs_22 {font-size: 22px; font-weight:600; line-height: 1.4; }
#c1_wrap .fs_21 {font-size: 21px; font-weight:600; line-height: 1.67; }
#c1_wrap .fs_20 {font-size: 20px; font-weight:400; line-height: 1.67; }
#c1_wrap .fs_19 {font-size: 19px; font-weight: 400; line-height: 1.67; }
#c1_wrap .fs_18 {font-size: 18px; font-weight: 400;  line-height: 1.83; }
#c1_wrap .fs_17 {font-size: 17px; font-weight: 400; line-height: 1.72; }
#c1_wrap .fs_16 {font-size: 16px; font-weight: 400;  line-height: 1.72; }
#c1_wrap .fs_15 {font-size: 15px; font-weight: 400;  line-height: 1.72; }

/*Content CSS*/
@media screen and (min-width: 1025px) {
    html,
    body,
    #wrapper {overflow: visible !important;}
}

#c1_wrap {position: relative; padding:150px 0 110px; z-index: 2; }
#c1_wrap::after {content: ''; display: block; width: 50%; height: 120px; position: absolute; z-index: -2; right: 0; bottom: 80px;}
#c1_wrap article {display: flex; justify-content: space-between; z-index: 1;  }
#c1_wrap .bg_wrap {overflow: hidden; width: 100%; position: absolute; top: 66px; z-index:-1; left: -0; -webkit-user-select: none; user-select: none; -webkit-user-drag: none; user-drag: none;}
#c1_wrap .bg {line-height: .75; font-size: 300px; position: relative; left: -20px; color: rgba(0, 0, 0, 0.05); font-weight: 700; opacity: .7; }
/* #c1_wrap.fixed .bg {position: fixed;}
#c1_wrap.end .bg {top: auto; bottom: 770px;} */

#c1_wrap .right_txt { margin: 0 0 0 auto; position:sticky; top:140px; height: max-content;}
#c1_wrap .right_txt p {color:#333; line-height: 1.67; margin-top: 45px;}


#c1_wrap .list {position: relative; flex-shrink: 0; text-align: left; max-width: 895px; }
#c1_wrap .list > li {width: 420px; float:left;  }
#c1_wrap .list > li:nth-child(2) {margin-top: 184px;}
#c1_wrap .list > li:nth-child(even) {float:right;}
#c1_wrap .list > li:nth-child(n+3) {margin-top:55px;}



#c1_wrap .list a {position: relative; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; overflow: hidden; width: 100%; height: 600px;
border-radius: 20px;  padding: 0 47px 47px;}
#c1_wrap .list a::before {content: ''; display: block; width: 100%; height: 100%; position: absolute; z-index: -1; left: 0; top:0; background-image: linear-gradient(to top, rgba(106,22,132,.85), rgba(220,214,234,.5)); transition: opacity .3s; opacity: 0;}
#c1_wrap .list a > img {width: 100%; height: 100%; position: absolute; z-index: -2; left: 0; top:0; object-fit: cover; }
#c1_wrap .list .plus_wrap {height: 0; transition: .3s; }
#c1_wrap .list .plus { transition: opacity .3s; opacity: 0; display: flex; align-items: center; justify-content: center; width: 60px; height:60px; border-radius: 50%; border:1px solid #fff; }
#c1_wrap .list .plus i {transition: transform .3s; display: block; width: 20px; height: 20px; background:url("../img/btn_plus.png") 50%/contain no-repeat;}
#c1_wrap .list h3 {color:#fff; line-height: 1.14;}


/* hover */
@media screen and (min-width: 1025px) {
    #c1_wrap .list a:hover::before {opacity: 1; }
    #c1_wrap .list a:hover .plus_wrap {height: 60px; margin-top:25px; }
    #c1_wrap .list a:hover .plus {opacity: 1;}
    #c1_wrap .list a:hover .plus i { transform: rotate(90deg); }

}

@media screen and (max-width: 1600px) {
    #c1_wrap .list {width: 60%;}
    #c1_wrap .list > li {width: calc(50% - 27.5px);}

}

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

    /* content */
    #c1_wrap .list {width: 62%;}
    #c1_wrap .list a {height: 500px;}
    #c1_wrap .right_txt {width: 33%; }

    #c1_wrap .list > li {width: calc(50% - 20px);}
    #c1_wrap .list > li:nth-child(n+3) {margin-top:40px;}
}

@media screen and (max-width: 1280px) {
    #c1_wrap .bg {font-size: 220px; }
    #c1_wrap .list a {height: 400px; padding: 0 30px 30px;}

    @media screen and (min-width: 1025px) {
        #c1_wrap .right_txt h2 {font-size: 60px; }
    }
}

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

    /* font size */
    #c1_wrap .fs_80 {font-size:45px; }
    #c1_wrap .fs_35 {font-size:30px; }
    #c1_wrap .fs_34 {font-size: 27px;}
    #c1_wrap .fs_33 {font-size: 26px;}
    #c1_wrap .fs_32 {font-size: 26px;}
    #c1_wrap .fs_30 {font-size: 25px;}
    #c1_wrap .fs_26 {font-size: 21px;}
    #c1_wrap .fs_25 {font-size: 21px;}
    #c1_wrap .fs_24 {font-size: 20px;}
    #c1_wrap .fs_23 {font-size: 19px;}
    #c1_wrap .fs_22 {font-size: 19px;}
    #c1_wrap .fs_21 {font-size: 18px; line-height: 1.4;}
    #c1_wrap .fs_20 {font-size: 17px; line-height: 1.65;}
    #c1_wrap .fs_19 {font-size: 17px; line-height: 1.65;}
    #c1_wrap .fs_18 {font-size: 16px; line-height: 1.65;}
    #c1_wrap .fs_17 {font-size: 15px; line-height: 1.65;}
    #c1_wrap .fs_16 {font-size: 14px; line-height: 1.65;}
    #c1_wrap .fs_15 {font-size: 13px; line-height: 1.65;}


    /* content */
    #c1_wrap .bg_wrap {top:30px;}
    #c1_wrap .bg { text-align: left; font-size:20vw; opacity: .5;}
    #c1_wrap article {flex-direction: column-reverse; }
    #c1_wrap .right_txt {position: static; height: auto; width: 100%;}
    #c1_wrap .right_txt h2 br {display: none;}
    #c1_wrap .right_txt p {margin-top: 20px;}

    #c1_wrap .list {width:100%; max-width: 100%; margin-top: 50px;}
    #c1_wrap .list a {height: 450px;}
}

@media screen and (max-width: 640px) {
    /* common */
    #c1_wrap {padding: 50px 0;}
    #c1_wrap .c_inner {padding:0 20px;}

    /* font size */
    #c1_wrap .fs_80 {font-size:35px; }
    #c1_wrap .fs_35 {font-size:22px; }
    #c1_wrap .fs_34 {font-size: 21px;}
    #c1_wrap .fs_33 {font-size: 20px;}
    #c1_wrap .fs_32 {font-size: 20px;}
    #c1_wrap .fs_30 {font-size: 20px;}
    #c1_wrap .fs_26 {font-size: 18px;}
    #c1_wrap .fs_25 {font-size: 18px;}
    #c1_wrap .fs_24 {font-size: 17px;}
    #c1_wrap .fs_23 {font-size: 17px;}
    #c1_wrap .fs_22 {font-size: 17px;}
    #c1_wrap .fs_21 {font-size: 16px;}
    #c1_wrap .fs_20 {font-size: 15px;}
    #c1_wrap .fs_19 {font-size: 15px;}
    #c1_wrap .fs_18 {font-size: 14px;}
    #c1_wrap .fs_17 {font-size: 14px;}
    #c1_wrap .fs_16 {font-size: 13px;}
    #c1_wrap .fs_15 {font-size: 12px;}


    /* content */
    #c1_wrap .list {margin-top: 40px;}
    #c1_wrap .list a {height: 350px; padding: 0 20px 20px;}
    #c1_wrap .list > li {width: calc(50% - 10px);}
    #c1_wrap .list > li:nth-child(2) { margin-top: 70px;}
    #c1_wrap .list > li:nth-child(n+3) {margin-top:20px;}


}

@media screen and (max-width:480px) {
    #c1_wrap .list a {height:230px;}
    #c1_wrap .list h3 {font-size: 18px;}
    #c1_wrap .list > li:nth-child(2) { margin-top: 50px;}
}