@charset "UTF-8";

.manual .contents { margin-top: 0; padding-bottom: 5rem;}

.flex-manual{ padding-bottom: 3rem; display: flex; justify-content: space-between;}
.flex-manual-about{ width: 35%;}
.flex-manual-image{ padding-top: 3rem; display: flex; justify-content: center; gap: 2rem; border-top: 1px solid var(--Border);}
.flex-manual-image figcaption{ padding-right: 2rem; text-align: right;}

@media screen and (min-width:769px){
    .mockUp-slider{ width: 55%; margin-right: 0;}
    .swiper-wrapper { grid-template-columns: repeat(2, 1fr);}
    
}

@media (max-width: 768px) {
    .flex-manual { flex-direction: column;}
    .flex-manual-about{ width: 100%;}
    .flex-manual-image { flex-direction: column; gap: 0;}

    .mockUp-slider { margin-top: var(--Space-XL);}
}