@charset "utf-8";

@media (min-width: 769px) {
    .standard_plan_common_mv::before {
        background: url(../../img/green-service/standard_plan/mv.jpg) no-repeat 50% / cover;
    }
    .spot_plan_common_mv::before {
        background: url(../../img/green-service/spot_plan/mv.jpg) no-repeat 50% / cover;
    }
}
@media (max-width: 768px) {
    .standard_plan_common_mv::before {
        background: url(../../img/green-service/standard_plan/mv_sp.jpg) no-repeat 50% / cover;
    }
    .spot_plan_common_mv::before {
        background: url(../../img/green-service/spot_plan/mv_sp.jpg) no-repeat 50% / cover;
    }
}

.standard_plan_lead::before {
    background: url(../../img/green-service/standard_plan/lead_bg.svg) no-repeat 100% 0 / contain;
    right: 0;
}
.spot_plan_lead::before {
    background: url(../../img/green-service/spot_plan/lead_bg.jpg) no-repeat 100% 0 / contain;
    left: 0;
}
.standard_plan_lead .lead_img_item_1 {
    width: 300px;
    margin-top: 8px;
    margin-left: 40px;
}
.standard_plan_lead .lead_img_item_2 {
    width: 480px;
    margin-top: 46px;
    margin-left: 40px;
}
.standard_plan_lead .lead_img_item_3 {
    width: 210px;
    margin-top: 98px;
    margin-left: 40px;
}
.standard_plan_lead .lead_img_item_4 {
    width: 360px;
    margin-top: 30px;
    margin-left: 40px;
}
.standard_plan_lead .lead_img_item_5 {
    width: 270px;
    margin-left: 80px;
}
.spot_plan_lead .lead_img_item_1 {
    width: 300px;
    margin-top: 48px;
    margin-left: 40px;
}
.spot_plan_lead .lead_img_item_2 {
    width: 360px;
    margin-top: 126px;
    margin-left: 40px;
}
.spot_plan_lead .lead_img_item_3 {
    width: 480px;
    margin-left: 297px;
}
.spot_plan_lead .lead_img_item_3_2 {
    width: 210px;
    position: absolute;
    top: 56px;
    left: -178px;
}
.spot_plan_lead .lead_img_item_4 {
    width: 270px;
    margin-top: 40px;
    margin-left: 80px;
}
@media (min-width: 769px) {
    .standard_plan_lead::before {
        width: 1024rem;
        max-width: 1024px;
        padding-top: 640rem;
        top: -72px;
    }
    .spot_plan_lead::before {
        width: 501rem;
        max-width: 501px;
        padding-top: 640rem;
        top: -72px;
    }
}
@media (max-width: 768px) {
    .standard_plan_lead::before {
        width: 512rem;
        padding-top: 320rem;
        top: -52px;
    }
    .spot_plan_lead::before {
        width: 313rem;
        padding-top: 400rem;
        top: -52px;
    }
}

/* size */
.size_table {
    color: var(--color-black);
    border-right: 1px solid var(--color-green);
    border-bottom: 1px solid var(--color-green);
}
.size_table th,
.size_table td {
    border-top: 1px solid var(--color-green);
    border-left: 1px solid var(--color-green);
}
.size_table th,
.size_table thead td {
    font-weight: 700;
    line-height: 1.7;
    background-color: #f2f2f2;
}
.size_table th {
    text-align: left;
}
.size_table thead .note {
    font-weight: 400;
    line-height: 1.75;
    display: block;
}
.size_table td {
    text-align: right;
}
.size_table tbody td {
    line-height: 1.5;
    background-color: var(--color-white);
}
.size_table .price {
    font-weight: 700;
    color: var(--color-green);
}
.size_table_note {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.04em;
    color: #fff100;
}
@media (min-width: 769px) {
    .size_table {
        margin-top: 80px;
    }
    .size_table th,
    .size_table td {
        width: 320rem;
        height: 80px;
        padding-inline: 40px;
    }
    .size_table td + td {
        width: 560rem;
    }
    .size_table th,
    .size_table thead td {
        font-size: 18px;
    }
    .size_table thead .note {
        font-size: 14px;
    }
    .size_table tbody td {
        font-size: 20px;
    }
    .size_table .price {
        font-size: 24px;
    }
    .size_table .consultation {
        font-size: 18px;
    }
    .size_table_note {
        margin-top: 16px;
        font-size: 18px;
        letter-spacing: 0;
        text-align: right;
    }
}
@media (max-width: 768px) {
    .size_table {
        width: 100%;
        margin-top: 40px;
    }
    .size_table th,
    .size_table td {
        width: 100rem;
        height: 64px;
        padding-inline: 14px;
    }
    .size_table td + td {
        width: 142rem;
    }
    .size_table th,
    .size_table thead td {
        font-size: 14px;
    }
    .size_table thead .note {
        font-size: 12px;
    }
    .size_table tbody td {
        font-size: 14px;
    }
    .size_table_note {
        font-size: 16px;
        letter-spacing: 0;
        margin-top: 5px;
        text-align: left;
    }
}

/* pot */
.pot_txt,
.pot_list_txt {
    line-height: 1.75;
    letter-spacing: 0.04em;
}
.pot_txt {
    color: var(--color-black);
}
.pot_list_txt {
    text-align: center;
}
@media (min-width: 769px) {
    .pot_txt,
    .pot_list_txt {
        font-size: 16px;
    }
    .pot_txt {
        margin-top: 80px;
        text-align: center;
    }
    .pot_list {
        margin-top: 80px;
        display: flex;
        justify-content: center;
        gap: 80px;
    }
    .pot_list > li {
        width: 294px;
    }
    .pot_list_txt {
        margin-top: 16px;
    }
}
@media (max-width: 768px) {
    .pot_txt {
        margin-top: 40px;
        font-size: 14px;
    }
    .pot_list {
        width: 240px;
        margin: 40px auto 0;
    }
    .pot_list > li + li {
        margin-top: 40px;
    }
    .pot_list_txt {
        margin-top: 16px;
        font-size: 16px;
    }
}

/* conditions */
.conditions_table {
    text-align: left;
    color: var(--color-black);
    border-right: 1px solid var(--color-green);
    border-bottom: 1px solid var(--color-green);
}
.conditions_table th,
.conditions_table td {
    border-top: 1px solid var(--color-green);
    border-left: 1px solid var(--color-green);
}
.conditions_table th {
    font-weight: 700;
    line-height: 1.7;
    background-color: #f2f2f2;
}
.conditions_table td {
    line-height: 1.5;
    background-color: var(--color-white);
}
@media (min-width: 769px) {
    .conditions_table {
        margin-top: 80px;
    }
    .conditions_table th,
    .conditions_table td {
        height: 80px;
        padding-inline: 40px;
    }
    .conditions_table th {
        width: 320rem;
        font-size: 18px;
    }
    .conditions_table td {
        width: 880rem;
        font-size: 20px;
    }
    .conditions_table td .note {
        font-size: 14px;
    }
}
@media (max-width: 768px) {
    .conditions_table {
        width: 100%;
        margin-top: 40px;
    }
    .conditions_table th,
    .conditions_table td {
        height: 64px;
        padding-inline: 16px;
    }
    .conditions_table th {
        width: 120rem;
        font-size: 14px;
    }
    .conditions_table td {
        width: 222rem;
        font-size: 14px;
    }
    .conditions_table td .note {
        font-size: 12px;
    }
}

/* maintenance */
.maintenance_list > li {
    position: relative;
}
.maintenance_list > li + li::before {
    content: '';
    width: 0;
    height: 0;
    margin: auto;
    border-style: solid;
    display: block;
    position: absolute;
}
.maintenance_list_txt {
    line-height: 1.75;
    letter-spacing: 0.04em;
    text-align: center;
}
@media (min-width: 769px) {
    .maintenance_list {
        margin-top: 80px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 39rem;
    }
    .maintenance_list > li {
        width: 374rem;
    }
    .maintenance_list > li + li::before {
        border-color: transparent transparent transparent var(--color-green);
        border-width: 6rem 0 6rem 12rem;
        top: 0;
        left: -23rem;
        bottom: 0;
    }
    .maintenance_list_img {
        border-radius: 16rem 0 16rem 0;
    }
    .maintenance_list_txt {
        margin-top: 16rem;
        font-size: 16rem;
    }
}
@media (max-width: 768px) {
    .maintenance_list {
        margin-top: 40px;
    }
    .maintenance_list > li {
        margin-top: 48px;
    }
    .maintenance_list > li + li::before {
        border-color: var(--color-green) transparent transparent transparent;
        border-width: 12px 6px 0 6px;
        top: -34px;
        left: 0;
        right: 0;
    }
    .maintenance_list_img {
        border-radius: 16px 0 16px 0;
    }
    .maintenance_list_txt {
        margin-top: 8px;
        font-size: 14px;
    }
}

/*  */
@media (min-width: 769px) {
}
@media (max-width: 768px) {
}