@charset "utf-8";

.service {
    margin-top: 200px;

}



.service_sabu1 {
    background-color: #6ef4bb;
    margin-top: -200px;
}

.service_png {
    background-position: left;
    margin-top: -80px;
    margin-left: 15%;
}

.servicesabu {
    color: #333333;
    text-decoration: underline solid #1c4a9e;
}

.servicesabu_list {
    flex-direction: column;
    counter-reset: service_reset;

}

.servicesabu_list>li {
    counter-increment: service_reset;
    position: relative;
}

.servicesabu_list>li::before {
    content: counter(service_reset, decimal-leading-zero);
    position: absolute;
    color: #fff;
    font-size: 150px;
    bottom: 5px;
    left: 5px;
}

.servicesabu_list>li:nth-of-type(even)::before {
    left: auto;
    right: 5px;
}

.service_sabu1 p {
    text-align: center;
    padding-top: -200px;
}

.waribiki div img {
    width: 80%;
    margin-left: 30px;

}

dd {
    text-align: center;
    margin-right: 50px;
    font-size: 24px;

}

.waribiki {
    display: flex;
    justify-content: space-between;
    margin-bottom: -20px;

}

.service li h3 {
    color: #f7931e;
    padding-top: 50px;
    font-size: 30px;
    margin-left: 10%
}

.y {
    color: #333333;
    text-decoration: underline solid#1c4a9e;
    margin-right: 20%;
}

.ken img {
    width: 30%;
    margin-left: 55%;
}


.service_sabu2 {
    background-color: #89d3b7;
    height: 200px;


}

.service_sabu2 p {
    text-align: center;

}

.service_sabu3 {
    background-color: #a6f4c2;
}

.service_sabu3 ul {
    display: block;
    text-align: left;
    margin-left: 40%;
    margin-top: 10px;

}

.th:before {
    content: '';
    display: inline-block;
    position: relative;
    left: -5px;
    top: -4px;
    width: 5px;
    height: 5px;
    background: #1c4a9e;
    border-radius: 100%;
}

.syuhai_sabu img {
    margin-top: 20px;
    width: 60%;
    margin-left: 30%;
}

.syuhai {
    padding-right: 60%;
}

.service_btn img {
    width: 20%;
    margin-left: 40%;

}

@media (max-width:767px) {
    .service_png {
        margin-left: -10px;
    }

    .service_png img {
        width: 20%;
    }

    .service_sabu1 {
        padding-top: 50px;
    }

    .waribiki {
        flex-direction: column;
    }

    .servicesabu_list>li::before {
        font-size: 50px;
    }

    .service_sabu3 ul {
        margin-left: 20%;
    }

    .service_btn img {
        width: 60%;
        margin-left: 20%;
    }
}