.retail-contents {
        max-width: 1200px;
        margin: auto;
        padding: 60px 20px;
    }

    .retail-contents h1,
    .retail-contents h2 {
        font-weight: 700;
        margin-bottom: 40px;
        margin-top: 40px;
        background: linear-gradient(transparent 70%, #a7d6ff 70%);
    }

    p {
        line-height: 1.8;
    }

    .features {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 20px;
        margin-top: 40px;
    }

    .feature-card {
        background: white;
        border-radius: 16px;
        padding: 20px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
        transition: transform .3s, box-shadow .3s;
    }

    .feature-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    }

    /* Slider */
    .slider-container {
        background: white;
        border: 2px solid var(--border-light);
        border-radius: 30px;
        padding: 20px;
        box-shadow: var(--card-shadow);
        margin: 0;
        position: relative;
        overflow: hidden;
    }

    .slider-container::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: var(--primary-gradient);
    }

    .slider {
        height: 500px;
        border-radius: 20px;
        overflow: hidden;
        position: relative;
    }

    .slide {
        width: 100%;
        height: 100%;
        position: absolute;
        opacity: 0;
        transform: translateX(100px);
        transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        display: flex;
        align-items: center;
        justify-content: center;
        will-change: transform, opacity;
        backface-visibility: hidden;
    }

    .slide.active {
        opacity: 1;
        transform: translateZ(0) rotateY(0deg);
    }

    .slide img {
        max-width: 100%;
        max-height: 100%;
        object-fit: cover;
        border-radius: 20px;
    }

    .slide.active {
        opacity: 1;
        transform: translateX(0);
    }

    /* 出店までの流れ */
    .steps {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
        position: relative;
    }

    .step {
        background: #f0f0f0;
        padding: 20px;
        border-radius: 12px;
        width: 200px;
        text-align: center;
        position: relative;
    }

    .step:after {
        content: "➔";
        position: absolute;
        right: -20px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 1.5rem;
        color: #888;
    }

    .step:last-child:after {
        display: none;
    }

    .exhibition {
        display: flex;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        align-items: center;
        margin-top: 40px;
    }

    .exhibition div {
        width: 50%;
    }

    .exhibition img {
        width: 100%;
        border-radius: 16px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

    /* レスポンシブ */
    @media (max-width: 768px) {
        header h1 {
            font-size: 1.8rem;
        }

        header p {
            font-size: 1rem;
        }

        .exhibition {
            flex-direction: column;
        }

        .exhibition div {
            width: 100%;
        }

        .steps {
            flex-direction: column;
            align-items: center;
        }

        .step {
            width: 100%;
            max-width: 300px;
        }

        .step:after {
            content: "↓";
            right: 50%;
            top: auto;
            bottom: -20px;
            transform: translateX(50%);
        }
    }