/* ── wit/bg-ptn-5 ── 背景色付きコンテナ
   色変数は common.css 定義:
     --color-bg-usu-pink : #fbf4f4
     --color-bg-usu-gray : #fbfbfb
     --color-usugane     : #e5e1ca */

.bg_ptn_5 {
    position: relative;
    z-index: 10;
    margin: 64px 0;
    padding: 32px 0;
    @media (max-width: 1180px) {
        margin: 56px 0;
        padding: 32px;
    }
    @media (max-width: 800px) {
        margin: 48px 0;
    }
    @media (max-width: 600px) {
        margin: 40px 0;
        padding: 24px 16px;
    }
    &.is-color-pink::after {
        background: var(--color-bg-usu-pink);
    }
    &.is-color-gray::after {
        background: var(--color-bg-usu-gray);
    }
    &.is-color-beige::after {
        background: var(--color-usugane);
    }
    &::after {
        position: absolute;
        top: 0;
        left: -80px;
        z-index: -1;
        width: calc(100% + 160px);
        height: 100%;
        content: "";
        display: block;
        border-radius: 20px;
        @media (max-width: 1180px) {
            left: 0;
            width: 100%;
        }
        @media (max-width: 600px) {
            border-radius: 16px;
        }
    }
}