@charset "utf-8";
/* part */
.hint_area_left .hint_area_txt {
    background: url(../images/solar/fukidashi_left.svg) no-repeat center;
    background-size: 100%;
}
@media (min-width: 769px) {
    .hint_area_right .hint_area_txt {
        background: url(../images/solar/fukidashi_right.svg) no-repeat center;
        background-size: 100%;
    }
}
@media (max-width: 768px) {
    .hint_area_sub {
        color: var(--color-yellow-sub);
    }
}

/* underlayer_mv */
.underlayer_mv::before {
    background-color: var(--color-yellow);
}
@media (min-width: 769px) {
    .mv_solar_img{
        width: 423rem;
    }
    .solarshinrai .underlayer_mv_copy_txt_img{
        margin-left: 12rem;
    }
    .solarkakaku .underlayer_mv_copy_txt_img {
        margin-left: 55rem;
    }
}
@media (max-width: 768px) {
    /* パラメーターついた時 */
    .underlayer_mv_params .mv_solar_img {
        padding-inline: 15rem 10rem;
    }
}

/* reason */
.reason_link_solar::before {
    background-color: var(--color-yellow);
}

/* profit */
.profit {
    background-color: var(--color-yellow-sub);
}
@media (min-width: 769px) {
    .profit::before {
        background: url(../images/solar/content_wave_top.svg) no-repeat top center;
        background-size: 100%;
    }
    .profit::after {
        background: url(../images/solar/content_wave_bottom.svg) no-repeat bottom center;
        background-size: 100%;
    }
    .neko_deco_img_wrap {
        top: -150rem;
        right: 0;
    }
    .profit_list > li:last-child .profit_list_ttl {
        font-size: 23rem;
    }
}
@media (max-width: 768px) {
    .profit::before {
        background: url(../images/solar/content_wave_top_sp.svg) no-repeat top center;
        background-size: 100%;
    }
    .profit::after {
        background: url(../images/solar/content_wave_bottom_sp.svg) no-repeat bottom center;
        background-size: 100%;
    }
    .neko_deco_img_wrap {
        top: -99rem;
        right: 30rem;
    }
}

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

/* plan */
.plan {
    background-color: var(--color-yellow-sub);
}
@media (min-width: 769px) {
    .plan::before {
        background: url(../images/solar/content_wave_top.svg) no-repeat top center;
        background-size: 100%;
    }
    .plan::after {
        background: url(../images/solar/content_wave_bottom.svg) no-repeat bottom center;
        background-size: 100%;
    }
    .plan_list_img_1 {
        width: 259rem;
    }
    .plan_list_img_2 {
        width: 203rem;
        margin-top: 22rem;
    }
    .plan_list_img_3 {
        width: 188rem;
        margin-top: 36rem;
    }
}
@media (max-width: 768px) {
    .plan::before {
        background: url(../images/solar/content_wave_top_sp.svg) no-repeat top center;
        background-size: 100%;
    }
    .plan::after {
        background: url(../images/solar/content_wave_bottom_sp.svg) no-repeat bottom center;
        background-size: 100%;
    }
}
/* flow */
.flow_list > li {
    background-color: rgba(255, 218, 101, 0.40);
}

/* together */
.together {
    background-color: rgba(255, 218, 101, 0.40);
    transform: translateZ(0);
}
@media (min-width: 769px) {
    .together::before {
        background: url(../images/solar/together_wave_top.svg) no-repeat top center;
        background-size: 100%;
    }
    .together::after {
        background: url(../images/solar/together_wave_bottom.svg) no-repeat bottom center;
        background-size: 100%;
    }
}
@media (max-width: 768px) {
    .together::after {
        background: url(../images/solar/together_wave_bottom_sp.svg) no-repeat bottom center;
        background-size: 100%;
    }
}