@charset "utf-8";
/* underlayer_mv */
.underlayer_mv::before {
    background-color: var(--color-green);
}

.underlayer_mv_ttl_sub {
    font-size: 20rem;
    margin-bottom: 5rem;
}
.underlayer_mv_ttl{
    font-size: 30rem;
    line-height: 1.5;
}
@media (min-width: 769px) {
    .underlayer_mv_intro {
        font-size: 16rem;
    }
    .mv_ecocute_img {
        width: 360rem;
    }
    .eqkinou .underlayer_mv_copy_txt_img {
        margin-left: 18rem;
    }
    .eqanshin .underlayer_mv_copy_txt_img {
        margin-left: 20rem;
    }
    .eqshinrai .underlayer_mv_copy_txt_img {
        margin-left: 10rem;
    }
    /* パラメーターついたとき */
    .underlayer_mv_params .underlayer_mv_ttl{
        font-size: 46rem;
    }
    .underlayer_mv_params .underlayer_mv_ttl_sub {
        font-size: 18rem;
    }
}
@media (max-width: 768px) {
    .mv_ecocute_img {
        padding-inline: 45rem;
    }
    .eqanshin.underlayer_mv_params .underlayer_mv_ttl_wrap {
        bottom: calc(50% - 195rem);
    }
    .underlayer_mv_params .underlayer_mv_ttl_wrap {
        bottom: calc(50% - 243rem);
    }
}
@media (max-width: 768px) and (min-width: 580px){
    .eqanshin.underlayer_mv_params .underlayer_mv_ttl_wrap {
        bottom: calc(50% - 175rem);
    }
    .underlayer_mv_params .underlayer_mv_ttl_wrap {
        bottom: calc(50% - 210rem);
    }
}

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

/* profit */
.profit {
    background-color: var(--color-green-sub);
}
@media (min-width: 769px) {
    .profit::before {
        background: url(../images/ecocute/content_wave_top.svg) no-repeat top center;
        background-size: 100%;
    }
    .profit::after {
        background: url(../images/ecocute/content_wave_bottom.svg) no-repeat bottom center;
        background-size: 100%;
    }
    .neko_deco_img_wrap {
        width: 141rem;
        top: -145rem;
        right: 20rem;
    }
}
@media (max-width: 768px) {
    .profit::before {
        background: url(../images/ecocute/content_wave_top_sp.svg) no-repeat top center;
        background-size: 100%;
    }
    .profit::after {
        background: url(../images/ecocute/content_wave_bottom_sp.svg) no-repeat bottom center;
        background-size: 100%;
    }
    .neko_deco_img_wrap {
        width: 130rem;
        top: -99rem;
        right: 30rem;
    }
}

/* support */
@media (min-width: 769px) {
    .support_list_img_2 {
        padding-inline: 55rem;
    }
}
@media (max-width: 768px) {
    .support_list_img_2 {
        padding-inline: 66rem;
    }
    .support_list_img_5 {
        padding-inline: 44rem;
    }
}

/* plan */
.plan {
    background-color: var(--color-green-sub);
}
@media (min-width: 769px) {
    .plan::before {
        background: url(../images/ecocute/content_wave_top.svg) no-repeat top center;
        background-size: 100%;
        transform: scaleX(-1);
    }
    .plan::after {
        background: url(../images/ecocute/content_wave_bottom.svg) no-repeat bottom center;
        background-size: 100%;
        transform: scaleX(-1);
    }
}
@media (max-width: 768px) {
    .plan::before {
        background: url(../images/ecocute/content_wave_top_sp.svg) no-repeat top center;
        background-size: 100%;
    }
    .plan::after {
        background: url(../images/ecocute/content_wave_bottom_sp.svg) no-repeat bottom center;
        background-size: 100%;
    }
}

/* flow */
.flow_list > li {
    background-color:  var(--color-green-sub);
}
@media (min-width: 769px) {
    .flow {
        padding-top: 100rem;
    }
}
@media (max-width: 768px){
    .flow {
        padding-top: 80rem;
    }
}

/* together */
.together {
    background-color: var(--color-green-sub);
    transform: translateZ(0);
}
.together_list_reverse > li:first-child {
    margin-left: 0;
}
.together_list_reverse > li:last-child {
    margin-right: 0;
}
.together_list_reverse .together_label_num {
    text-align: left;
}
.together_list_reverse .together_label_ttl_1 {
    margin-left: 0;
}
.together_list_reverse .together_label_ttl_2 {
    margin-left: 0;
}
.together_list_reverse .together_label_ttl_3 {
    margin-left: 0;
}
@media (min-width: 769px) {
    .together::before {
        background: url(../images/ecocute/content_wave_top.svg) no-repeat top center;
        background-size: 100%;
        top: -11vw;
    }
    .together::after {
        background: url(../images/ecocute/content_wave_bottom.svg) no-repeat bottom center;
        background-size: 100%;
    }
    .together_list_reverse {
        gap: 132rem 100rem;
        margin-top: 115rem;
    }
    .together_list_reverse > li {
        width: 348rem;
    }

    .together_list_reverse .together_label_num {
        margin-left: 40rem;
    }
    .together_list_reverse .together_img_wrap {
        top: -57rem;
        right: 36rem;
        left: inherit;
    }
}
@media (max-width: 768px) {
    .together::after {
        background: url(../images/ecocute/together_wave_bottom_sp.svg) no-repeat bottom center;
        background-size: 100%;
    }
    .together_list_reverse {
        margin-top: 90rem;
        row-gap: 90rem;
    }
    .together_list_reverse .together_label > dt {
        font-size: 18rem;
    }
    .together_list_reverse .together_label_num {
        margin-left: 30rem;
    }
    .together_list_reverse .together_img_wrap {
        top: -43rem;
        right: 0;
        left: inherit;
    }
}

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