/* ── wit/voice-ptn-1 ── お客様の声 ──
   引用符アイコン: assets/image/icon/voice_top.svg, voice_bottom.svg
   アクセントカラー: var(--color-accent) = #79161c (common.css 定義) */

.voice_ptn_1 {
    position: relative;
    margin: 32px 0;
    padding: 32px;
    background: #fff;
    border: 2px solid var(--color-accent);
    border-radius: 10px;
    @media (max-width: 600px) {
        padding: 32px 24px;
        border-radius: 14px 0 14px 0;
    }
    &::before {
        position: absolute;
        top: -18px;
        left: -14px;
        width: 60px;
        height: 40px;
        content: "";
        display: block;
        background: #fff url(../../image/icon/voice_top.svg) no-repeat center;
        background-size: 35px 26px;
        @media (max-width: 600px) {
            left: 16px;
        }
    }
    &::after {
        position: absolute;
        bottom: -12px;
        right: -14px;
        width: 60px;
        height: 40px;
        content: "";
        display: block;
        background: #fff url(../../image/icon/voice_bottom.svg) no-repeat center;
        background-size: 32px 23px;
        @media (max-width: 600px) {
            right: 16px;
        }
    }
    blockquote {
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        background: none !important;
        &::before{
            display: none !important;
        }
    }
    .voice_ptn_1__author {
        margin: 0 0 18px;
        font-size: 14px;
        line-height: 1.6;
        font-style: normal;
        strong {
            font-weight: 700;
            font-size: 16px;
            margin-right: 4px;
        }
    }
    .voice_ptn_1__body {
        margin: 0 !important;
        font-size: 15px;
        line-height: 1.9;
        font-style: normal;
        + .voice_ptn_1__body {
            margin-top: 1em;
        }
    }
}