.bato-imagetext {
    padding-block: 50px;
    background: var(--color-gray-light);
}

.bato-imagetext__inner {
    display: flex;
    align-items: center;
    gap: 36px;
}

.bato-imagetext__content {
    width: 740px;
    gap: 10px;
}

.bato-imagetext__text {
    -webkit-line-clamp: 6;
    color: var(--color-text);
    margin-bottom: 15px;
}

.bato-imagetext__showmore:not(.visible) {
    display: none;
}

.bato-imagetext__showmore::before {
    content: attr(data-more);
}

.bato-imagetext__showmore.active::before {
    content: attr(data-less);
}

.bato-imagetext__image {
    max-width: 450px;
}

@media screen and (max-width: 1024.9px) {
    .bato-imagetext__inner {
        flex-direction: column;
        gap: 50px;
    }

    .bato-imagetext__image {
        order: -1;
    }

    .bato-imagetext__text {
        -webkit-line-clamp: 3;
    }
}

@media screen and (max-width: 575.9px) {
    .bato-imagetext__title br {
        display: none;
    }
}