#slider_sub {
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr;
    height: 300px;
}
#slider_sub #slider-pic {
    grid-row: 1/2;
    grid-column: 1/2;
}
#slider_sub #slider-pic img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    height: 300px;
}

#slider-main-content {
    width: var(--base-width);
    margin: 0 auto;
    padding: 30px 0 80px 0;
    text-align: right;
    grid-row: 1/2;
    grid-column: 1/2;
}
#slider-main-box {
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    background: var(--slider-sub-box-bg-color);
    text-align: center;
    color: var(--slider-sub-box-color);
    padding: 20px;
    max-width: 700px;
    margin-left: auto;
    font-family: var(--title-font-family);
    font-size: 3rem;
    word-break: break-word;
}



@media screen and (max-width: 550px) {
    #slider-main-box {
        font-size: 2.5rem;
    }
}