:root {
    --site-shell-max: 1260px;
    --site-shell-max-wide: 1300px;
    --site-shell-gutter: 18px;
}

@media (min-width: 992px) {
    .container {
        width: calc(100% - (var(--site-shell-gutter) * 2));
        max-width: var(--site-shell-max);
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: var(--site-shell-max-wide);
    }
}

.row_pc {
    max-width: 100%;
}

#site-content {
    overflow: hidden;
}

.hero-slide-widget__slide-copy-inner {
    width: min(var(--site-shell-max-wide), calc(100% - 36px));
}

@media (max-width: 991px) {
    :root {
        --site-shell-gutter: 12px;
    }
}