.main {
    background: url(../../profile/img/profile_bg.png) no-repeat center / cover;
}

.sec {
    padding: .83rem 0 1.05rem 0;
    background-image: url("../../profile/img/sec_top.png"), url("../../profile/img/sec_bottom.png");
    background-repeat: no-repeat, no-repeat;
    background-position: center top, center bottom;
    width: 13rem;
    margin: .9rem auto;
}

.sec_inner {
    background: url("../../profile/img/sec_middle.png") repeat-y center top;
    padding: 0 .5rem;
}

.sec_ul {
    list-style: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sec_li {
    width: 6rem;
    padding: 0 .3rem;
}

.footer {
    padding-top: .2rem;
    border-top: 3px solid #43befc;
    background: #fff;
}

@media screen and (max-width: 768px) {
    .main {
        padding: .4rem 0;
        width: 7.68rem;
    }

    .sec {
        width: 6.38rem;
    }

    .sec {
        padding: .5rem 0 .89rem 0;
        background-image: url("../../profile/img/sp_sec_top.png"), url("../../profile/img/sp_sec_bottom.png");
        background-repeat: no-repeat, no-repeat;
        background-position: top center, bottom center;
        background-size: contain, contain;
        width: 6.38rem;
        margin: 0 auto .9rem auto;
    }

    .sec_inner {
        background: url("../../profile/img/sp_sec_middle.png") repeat-y center top / contain;
        padding: 0 .635rem;
    }

    .sec_h2 {
        width: 5.1rem;
        margin: 0 auto .1rem auto;
        padding: 0 0 .2rem .3rem;
    }

    .sec_ul {
        list-style: none;
        padding: 0;
        display: block;
    }

    .sec_li {
        width: 5.4rem;
        margin: 0 auto .2rem auto;
    }

    .sec_right {
        margin: 0 auto;
    }

}