@charset "utf-8";
.u-display--sp {
    display: revert;
}

.u-display--pc {
    display: revert;
}

.c-mv {
    --mainColor: #24386c;
    --accentColor: #e35e1d;
    --bgColorOrange: #e58355;
    --bgColorNavy: #3b688d;
}

.c-mv {
    background:
        #ecf6ff url('/img/promotion/common/bg_fv.webp') center top/cover
        no-repeat;
}

.c-mv .-em {
    color: var(--accentColor);
}

.c-mv.mv--xl {
    padding-top: 3.333vw;
}

.c-mv.mv--lg {
    padding-top: 3.333vw;
}

.c-mv.mv--md {
    padding-top: 4.103vw;
}

.c-mv__inner {
    width: 100%;
    padding-bottom: 3.59vw;
    padding-left: 5.128vw;
    background-image: url('/img/promotion/common/mv_pc.png');
    background-repeat: no-repeat;
    background-position: right 2.564vw bottom 11.538vw;
    background-size: 38.462vw auto;
}

.c-mv__headline {
    display: flex;
    margin-bottom: 1.026vw;
}

.c-mv__headline .c-mvCatch {
    font-size: 3.59vw;
    font-weight: 600;
    line-height: 1.25;
    color: var(--mainColor);
}

.c-mv__headline .c-mvCatch.-balloon {
    line-height: 1;
    color: #fff;
}

.c-mv__headline .c-mvHeadline {
    display: flex;
    flex-direction: column;
}

.c-mv__headline .c-mvHeadline__catch.-balloon {
    position: relative;
    align-self: flex-start;
    padding: 1.282vw 4.103vw;
    margin-bottom: 3.077vw;
    font-size: 3.59vw;
    background-color: var(--mainColor);
    border-radius: 1.282vw;
}

.c-mv__headline .c-mvHeadline__catch.-balloon::before {
    position: absolute;
    bottom: 0.2rem;
    left: 50%;
    display: block;
    width: 3.846vw;
    height: 2.051vw;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
            clip-path: polygon(50% 100%, 0 0, 100% 0);
    content: '';
    background-color: var(--mainColor);
    -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
}

.c-mv__headline .c-mvHeadline__main {
    margin-bottom: 1.282vw;
    font-size: 11.795vw;
    font-weight: 600;
    line-height: 1.043;
    color: var(--mainColor);
    text-shadow: 3px 3px 1px white;
}

.c-mv__headline .c-mvHeadline__sub {
    font-size: 6.154vw;
    font-weight: 600;
    line-height: 1.278;
    color: var(--accentColor);
    text-shadow: 3px 3px 1px white;
}

.c-mv__headline .c-mvHeadline__sup {
    margin-bottom: 1.282vw;
    font-size: 4.103vw;
    font-weight: 600;
    line-height: 1.25;
    color: var(--mainColor);
}

.c-mv__balloon {
    display: flex;
    margin-bottom: 0.8rem;
}

.c-mv__balloon .balloon {
    font-size: 3.59vw;
    font-weight: 600;
    line-height: 1.286;
    color: var(--mainColor);
}

.c-mv__list {
    display: flex;
    -webkit-column-gap: 2.051vw;
            column-gap: 2.051vw;
}

.c-mv__listItem {
    padding: 2.051vw 5.128vw;
    font-size: 4.103vw;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    background-color: var(--bgColorOrange);
    border-radius: 1.282vw;
}

.c-mv__listItem.-navy {
    background-color: var(--bgColorNavy);
}
@media (min-width: 768px) {
    .u-display--sp {
        display: none;
    }

    .c-mv {
        background:
            #ecf6ff url('/img/promotion/common/mv_pc_bg.webp') center
            top/cover no-repeat;
    }

    .c-mv.mv--xl {
        padding-top: 4rem;
    }

    .c-mv.mv--lg {
        padding-top: 3.2rem;
    }

    .c-mv.mv--md {
        padding-top: 2.4rem;
    }

    .c-mv__inner {
        width: 96.58%;
        max-width: 116.8rem;
        padding-bottom: 3.2rem;
        padding-left: 0;
        background-position: right 0.86% bottom;
        background-size: 28.34% auto;
        margin-inline: auto;
    }

    .c-mv__inner.-land {
        background-position: right 1.71% bottom;
    }

    .c-mv__headline {
        margin-bottom: 2rem;
    }

    .c-mv__headline .c-mvCatch {
        font-size: clamp(2.6rem, 3.448vw, 4rem);
    }

    .c-mv__headline .c-mvCatch.-balloon {
        font-size: clamp(1.2rem, 1.552vw, 1.8rem);
    }

    .c-mv__headline .c-mvHeadline {
        align-items: center;
    }

    .c-mv__headline .c-mvHeadline__catch.-balloon {
        align-self: center;
        padding: 1.1rem 1.85rem;
        margin-bottom: 1.8rem;
        font-size: 1rem;
        border-radius: 0.5rem;
    }

    .c-mv__headline .c-mvHeadline__catch.-balloon::before {
        width: 2rem;
        height: 1.2rem;
    }

    .c-mv__headline .c-mvHeadline__main {
        margin-bottom: 0;
        font-size: clamp(6.4rem, 8.276vw, 9.6rem);
        line-height: 1.333;
    }

    .c-mv__headline .c-mvHeadline__sub {
        font-size: clamp(4.8rem, 6.207vw, 7.2rem);
    }

    .c-mv__headline .c-mvHeadline__sup {
        margin-bottom: 0;
        font-size: clamp(2.1rem, 2.759vw, 3.2rem);
    }

    .c-mv__balloon .balloon {
        font-size: clamp(2.1rem, 2.759vw, 3.2rem);
        line-height: 1.25;
    }

    .c-mv__list {
        -webkit-column-gap: 1.6rem;
                column-gap: 1.6rem;
    }

    .c-mv__listItem {
        padding: 0.625em 1.125em;
        font-size: clamp(2.1rem, 2.759vw, 3.2rem);
        border-radius: 1rem;
    }
}
@media (max-width: 767px) {
    .u-display--pc {
        display: none;
    }

    .c-mv__inner.-land {
        background-position: right -5.128vw bottom 11.538vw;
        background-size: 32.308vw auto;
    }

    .c-mv__headline.-land {
        margin-bottom: 2.564vw;
    }

    .c-mv__headline .c-mvHeadline__main.-land {
        font-size: 10.769vw;
    }

    .c-mv__balloon .balloon {
        padding: 1.795vw 2.051vw;
        background-color: rgba(255, 255, 255, 0.9);
        border-radius: 1.282vw;
    }
}