/* Section Dividers and Lines */
.nayami-divider,
.kaiketsu-divider,
.service-content-divider,
.pricing-divider,
.support-divider,
.case-study-divider,
.donyu-divider,
.faq-divider {
    width: 80%;
    height: 3px;
    background-color: #11B981;
    margin: 0 auto;
    border: none;
    transform: scaleX(0);
    transition: transform 0.8s ease-out;
}

.nayami-divider.animate,
.kaiketsu-divider.animate,
.service-content-divider.animate,
.pricing-divider.animate,
.support-divider.animate,
.case-study-divider.animate,
.donyu-divider.animate,
.faq-divider.animate {
    transform: scaleX(1);
}

.nayami-vertical-line,
.kaiketsu-vertical-line,
.service-content-vertical-line,
.pricing-vertical-line,
.support-vertical-line,
.case-study-vertical-line,
.donyu-vertical-line,
.faq-vertical-line {
    position: absolute;
    left: calc(10% + 15px);
    top: calc(50% + 43px);
    transform: translateY(-50%);
    width: 3px;
    height: 30px;
    background-color: #11B981;
    z-index: 2;
    opacity: 0;
}

.nayami-vertical-line.animate,
.kaiketsu-vertical-line.animate,
.service-content-vertical-line.animate,
.pricing-vertical-line.animate,
.support-vertical-line.animate,
.case-study-vertical-line.animate,
.donyu-vertical-line.animate,
.faq-vertical-line.animate {
    opacity: 1;
    animation: fadeInFromTop 0.4s ease-out 0.8s both;
}