.cms_vlp-4th_wrapper{
    padding: 15px 10px;
  }

.cms_vlp-4th,
.cms_vlp-4th *,
.cms_vlp-4th *::before,
.cms_vlp-4th *::after {
    box-sizing: border-box;
}
.cms_vlp-4th{
    background: url(https://sp.beach.jp/SIXPAD/cms_vlp-4th/images/pc/bg.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    border: 1px solid #dddddd;
}
.cms_vlp-4th img {
    width: 100%;
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}
.cms_vlp_logo{
    width: fit-content;
    margin: 0 auto;
    padding: 12px 0 10px;
}
.cms_vlp-4th_body{
    position: relative;
    padding: 32px 5px 10px;
}
.cms_vlp-4th_mission {
    width: fit-content;
    height: auto;
    position: absolute;
    left: 45px;
}
.cms_vlp-weeks {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
}
.cms_vlp-week {
    padding: 0;
    margin: 0;
    position: relative;
}
.cms_vlp-week-link {
    display: flex;
    justify-content: flex-end;
    width: fit-content;
    height: auto;
}
.cms_vlp-week-link:hover {
    opacity: 0.7;
}
.cms_vlp-week-link img {
    width: 100%;
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
    line-height: 0;
}
.cms_vlp-week[data-vlp-status="active"] {
    margin-top: -8px;
}
.cms_vlp-week[data-vlp-status="active"] .cms_vlp-week-link::after {
    content: "";
    display: block;
    width: 64px;
    height: 81px;
    background: url(https://sp.beach.jp/SIXPAD/cms_vlp-4th/images/pc/person/person-run_pc.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: -70px;
    left: 72px;
}
.cms_vlp-week.week-10[data-vlp-status="active"] .cms_vlp-week-link::after {
    width: 161px;
    height: 62px;
    background: url(https://sp.beach.jp/SIXPAD/cms_vlp-4th/images/pc/person/person-goal.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: -50px;
    left: initial;
    right: 0;
}
.cms_vlp-week[data-vlp-status="active"] .cms_vlp-week-link {
    height: 56px;
}
.cms_vlp-week[data-vlp-status="past"] .cms_vlp-week-link{
    height: 39px;
    margin-top: 1px;
}
.cms_vlp-week[data-vlp-status="coming"] .cms_vlp-week-link {
    cursor: default;
    pointer-events: none;
    height: 34px;
    margin-top: -1.6px;
}

.cms_vlp-week.week-10[data-vlp-status="coming"] .cms_vlp-week-link::after {
    content: "";
    display: block;
    width: 84px;
    height: 60px;
    background: url(https://sp.beach.jp/SIXPAD/cms_vlp-4th/images/pc/person/goal.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: -58px;
    right: -5px;
}

.cms_vlp-4th[data-cms-display="SP"] .cms_vlp_logo{
    width: min(calc(311 * 100vw / 620), 217px);
    padding: min(calc( 17/640 * 100vw), 17px) 0 min(calc( 14/640 * 100vw), 14px);
    line-height: 0;
}
.cms_vlp-4th[data-cms-display="SP"] .cms_vlp-4th_body {
    background: url(https://sp.beach.jp/SIXPAD/cms_vlp-4th/images/sp/bg.png) no-repeat;
    background-size: cover;
    position: relative;
    padding: min(calc(58 * 100vw / 620), 54px) min(calc(6 * 100vw / 620), 10px) min(calc(12 * 100vw / 620), 12px) min(calc(2 * 100vw / 620), 2px);
}
.cms_vlp-4th[data-cms-display="SP"] .cms_vlp-4th_mission {
    width: min(calc(160 * 100vw / 620), 160px);
    height: auto;
    position: absolute;
    left: min(calc(37 * 100vw / 620), 37px);
    top: min(calc( 32 * 100vw / 620), 32px);
}

.cms_vlp-4th[data-cms-display="SP"] .cms_vlp-week[data-vlp-status="coming"] .cms_vlp-week-link,
.cms_vlp-4th[data-cms-display="SP"] .cms_vlp-week[data-vlp-status="coming"] .cms_vlp-week-link img{height: min(calc( 44 * 100vw / 620), 44px); width: auto;}
.cms_vlp-4th[data-cms-display="SP"] .cms_vlp-week[data-vlp-status="past"] .cms_vlp-week-link,
.cms_vlp-4th[data-cms-display="SP"] .cms_vlp-week[data-vlp-status="past"] .cms_vlp-week-link img { height: min(calc( 63 * 100vw / 620), 63px); width: auto;}
.cms_vlp-4th[data-cms-display="SP"] .cms_vlp-week[data-vlp-status="active"] .cms_vlp-week-link,
.cms_vlp-4th[data-cms-display="SP"] .cms_vlp-week[data-vlp-status="active"] .cms_vlp-week-link img { height: min(calc( 79 * 100vw / 620), 79px); width: auto;}

.cms_vlp-4th[data-cms-display="SP"] .cms_vlp-week[data-vlp-status="active"] .cms_vlp-week-link::after {
    content: "";
    display: block;
    width: min(calc( 76 * 100vw / 620), 76px);
    height: min(calc( 95 * 100vw / 620), 95px);
    background: url(https://sp.beach.jp/SIXPAD/cms_vlp-4th/images/sp/person/person-run.png) no-repeat;
    background-size: contain;
    position: absolute;

    top: calc( -78 * 100vw / 620);
    left: calc( 72 * 100vw / 620);
}
.cms_vlp-4th[data-cms-display="SP"] .cms_vlp-week.week-10[data-vlp-status="coming"] .cms_vlp-week-link::after {
    content: "";
    display: block;
    width: min(calc( 120 * 100vw / 620), 120px);
    height: min(calc( 87 * 100vw / 620), 87px);
    background: url(https://sp.beach.jp/SIXPAD/cms_vlp-4th/images/sp/person/goal.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: calc(-89 * 100vw / 620);
    right: calc(-5 * 100vw / 620);
}

.cms_vlp-4th[data-cms-display="SP"] .cms_vlp-week.week-10[data-vlp-status="active"] .cms_vlp-week-link::after {
    width: min(calc( 230 * 100vw / 620), 230px);
    height: min(calc( 88 * 100vw / 620), 88px);
    background: url(https://sp.beach.jp/SIXPAD/cms_vlp-4th/images/sp/person/person-goal.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: calc( -77 * 100vw / 620);
    left: initial;
    right: 0;
}


@media (min-width: 640px) {
    .cms_vlp-4th[data-cms-display="SP"] .cms_vlp-week[data-vlp-status="active"] .cms_vlp-week-link::after {
        top: -78px;
        left: 72px;
    }
    .cms_vlp-4th[data-cms-display="SP"] .cms_vlp-week.week-10[data-vlp-status="coming"] .cms_vlp-week-link::after {
        top: -86px;
        right: -5px;
    }
    .cms_vlp-4th[data-cms-display="SP"] .cms_vlp-week.week-10[data-vlp-status="active"] .cms_vlp-week-link::after {
        top: -77px;
        left: initial;
        right: 0;
    }
}