@charset "utf-8";

.lead::before {
    background: url(../../img/green-service/faq/lead_bg.svg) no-repeat 100% / contain;
}
@media (min-width: 769px) {
    .lead::before {
        width: 984rem;
        max-width: 984px;
        padding-top: 560rem;
        top: -72px;
        left: 0;
    }
}
@media (max-width: 768px) {
    .lead::before {
        width: 562rem;
        padding-top: 320rem;
        top: 0;
        right: 0;
    }
}

/* area */
.area_list > li + li {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--color-green);
}
.area_list_ttl {
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: 0.04em;
    color: var(--color-green);
}
.area_list_txt {
    line-height: 1.75;
    letter-spacing: 0.04em;
    color: var(--color-black);
}
@media (min-width: 1330px) {
    .area_inner {
        display: flex;
        gap: 40rem;
    }
    .area_img_wrap {
        width: calc(100% - 40rem - 580px);
    }
    .area_list {
        width: 584px;
    }
    .area_list_ttl {
        font-size: 24px;
    }
    .area_list_txt {
        margin-top: 8px;
        font-size: 16px;
    }
}
@media (max-width: 1329px) and (min-width: 769px) {
    .area_list {
        margin-top: 24px;
    }
    .area_list_ttl {
        font-size: 24px;
    }
    .area_list_txt {
        margin-top: 8px;
        font-size: 16px;
    }
}
@media (max-width: 768px) {
    .area_img_wrap {
        width: 100%;
    }
    .area_list {
        margin-top: 24px;
    }
    .area_list_ttl {
        font-size: 20px;
    }
    .area_list_txt {
        margin-top: 8px;
        font-size: 14px;
    }
}

/* anchor */
@media (max-width: 768px) {
    .anchor_list > li + li {
        margin-top: 16px;
    }
    .anchor_list_link {
        padding: 16px 8px 26px;
    }
}

/* faq */
.faq_list_ttl {
    font-weight: 900;
    line-height: 1.5;
    color: var(--color-green);
}
@media (min-width: 769px) {
    .faq_list > li + li {
        margin-top: 160px;
    }
    .faq_list_ttl {
        font-size: 24px;
        letter-spacing: 0.04em;
    }
    .faq_content {
        margin-top: 48px;
    }
}
@media (max-width: 768px) {
    .faq_list > li + li {
        margin-top: 80px;
    }
    .faq_list_ttl {
        font-size: 20px;
        letter-spacing: 0.02em;
    }
    .faq_content {
        margin-top: 24px;
    }
}