@charset "utf-8";
/* part */
.hint_area_left .hint_area_txt {
    background: url(../images/v2h/fukidashi_left.svg) no-repeat center;
    background-size: 100%;
}
@media (min-width: 769px) {

    .hint_area_right .hint_area_txt {
        background: url(../images/v2h/fukidashi_right.svg) no-repeat center;
        background-size: 100%;
    }
}
@media (max-width: 768px) {
    .hint_area_sub {
        color: var(--color-pink-sub);
    }
}

/* underlayer_mv */
.underlayer_mv::before {
    background-color: var(--color-orange);
}
@media (min-width: 769px) {
    .mv_v2h_img {
        width: 370rem;
    }
    .v2hkinou .underlayer_mv_copy_txt_img {
        margin-left: 15rem;
    }
    .v2hanshin .underlayer_mv_copy_txt_img {
        margin-left: 24rem;
    }
    .btn_info_txt {
        margin-top: 20rem;
    }
}
@media (max-width: 768px) {
    .underlayer_mv_intro {
        color: #fff;
    }
    /* パラメーターついた時 */
    .underlayer_mv_params .mv_v2h_img {
        padding-inline: 50rem;
    }
    .underlayer_mv_params.underlayer_mv::before {
        top: calc(50% - 510rem);
    }
    .v2hkinou.underlayer_mv_params .underlayer_mv_ttl_wrap {
        bottom: calc(50% - 250rem);
    }
    .btn_info_txt {
        margin-top: 15rem;
        font-size: 12rem;
    }
}
@media (max-width: 768px) and (min-width: 550px) {
    .v2hkinou.underlayer_mv_params .underlayer_mv_ttl_wrap {
        bottom: calc(50% - 218rem);
    }
}

/* contact_under */
@media (min-width: 769px) {
    .contact_under {
        padding-top: 180rem;
    }
}

/* reason */
.reason_link_battery::before {
    background-color: var(--color-pink);
}

/* underlayer_mv */
.underlayer_mv::before {
    background-color: var(--color-pink);
}
@media (min-width: 769px) {
    .mv_v2h_img {
        width: 370rem;
    }
}

/* profit */
.profit {
    background-color: var(--color-pink-sub);
}
@media (min-width: 769px) {
    .profit::before {
        background: url(../images/v2h/content_wave_top.svg) no-repeat top center;
        background-size: 100%;
    }
    .profit::after {
        background: url(../images/v2h/content_wave_bottom.svg) no-repeat bottom center;
        background-size: 100%;
    }
    .profit_img_4 {
        padding-left: 55rem;
    }
    .neko_deco_img_wrap {
        top: -145rem;
        right: 20rem;
    }
}
@media (max-width: 768px) {
    .profit::before {
        background: url(../images/v2h/content_wave_top_sp.svg) no-repeat top center;
        background-size: 100%;
    }
    .profit::after {
        background: url(../images/v2h/content_wave_bottom_sp.svg) no-repeat bottom center;
        background-size: 100%;
    }
    .profit_img_4 {
        padding-inline: 35rem;
    }
    .neko_deco_img_wrap {
        top: -105rem;
        right: 30rem;
    }
}

/* support */
@media (max-width: 768px) {
    .support_list_img_2 {
        padding-inline: 60rem;
    }
    .support_list_img_3 {
        padding-inline: 30rem;
    }
}

/* plan */
.plan {
    background-color: var(--color-pink-sub);
}
.plan_price_list_info > li {
    text-indent: -42rem;
    padding-left: 42rem;
}
.plan_price_list_info > li:first-child {
    margin-left: 0;
}
@media (min-width: 769px) {
    .plan::before {
        background: url(../images/v2h/content_wave_top.svg) no-repeat top center;
        background-size: 100%;
    }
    .plan::after {
        background: url(../images/v2h/content_wave_bottom.svg) no-repeat bottom center;
        background-size: 100%;
    }
    .plan_list_img_1 {
        width: 211rem;
        margin-top: 24rem;
    }
    .plan_list_img_2 {
        width: 182rem;
        margin-top: 32rem;
    }
    .plan_list_img_3 {
        width: 187rem;
        margin-top: 19rem;
    }
}
@media (max-width: 768px) {
    .plan::before {
        background: url(../images/v2h/content_wave_top_sp.svg) no-repeat top center;
        background-size: 100%;
    }
    .plan::after {
        background: url(../images/v2h/content_wave_bottom_sp.svg) no-repeat bottom center;
        background-size: 100%;
    }
}


/* flow */
.flow_list > li {
    background-color:  var(--color-pink-sub);
}

/* together */
.together {
    background-color: var(--color-pink-sub);
    transform: translateZ(0);
}
@media (min-width: 769px) {
    .together::before {
        background: url(../images/v2h/content_wave_top.svg) no-repeat top center;
        background-size: 100%;
        top: -11vw;
    }
    .together::after {
        background: url(../images/v2h/content_wave_bottom.svg) no-repeat bottom center;
        background-size: 100%;
    }
}
@media (max-width: 768px) {
    .together::after {
        background: url(../images/v2h/together_wave_bottom_sp.svg) no-repeat bottom center;
        background-size: 100%;
    }
}