/* 商品診断スライド：既存のトップページ診断CTAと同じ画像・色調をヒーロー用に展開 */
.dw-home-hero__slide--diagnosis {
    background-color: #fbf4ec;
    background-position: center 56%;
    background-repeat: no-repeat;
    background-size: cover;
}

.dw-home-hero__slide--diagnosis::before {
    background: linear-gradient(90deg, rgba(255, 251, 247, 0.97) 0%, rgba(255, 251, 247, 0.89) 37%, rgba(255, 251, 247, 0.28) 66%, rgba(255, 251, 247, 0.03) 100%);
}

.dw-home-hero__slide--diagnosis .dw-home-hero__group {
    border-color: rgba(175, 123, 27, 0.28);
    background: rgba(255, 255, 255, 0.72);
    color: var(--dw-gold);
}

.dw-home-hero__slide--diagnosis .dw-home-hero__eyebrow {
    color: var(--dw-gold);
}

.dw-home-hero__slide--diagnosis .dw-home-hero__heading {
    color: var(--dw-navy);
}

.dw-home-hero__slide--diagnosis .dw-home-hero__heading em {
    color: var(--dw-gold);
}

.dw-home-hero__slide--diagnosis .dw-home-hero__subheading {
    color: var(--dw-gray-600);
}

.dw-btn--diagnosis {
    border: 0;
    border-radius: 999px;
    background: var(--dw-gold-gld);
    color: var(--dw-white);
    box-shadow: 0 8px 18px rgba(175, 123, 27, 0.2);
}

.dw-btn--diagnosis:hover {
    color: var(--dw-white);
    opacity: 1;
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(175, 123, 27, 0.3);
}

.dw-home-hero__tags--diagnosis li {
    border-color: rgba(175, 123, 27, 0.14);
    background: rgba(255, 248, 233, 0.92);
    color: #946418;
}

@media (max-width: 767px) {
    .dw-home-hero__slide--diagnosis {
        background-position: 60% center;
    }

    .dw-home-hero__slide--diagnosis::before {
        background: linear-gradient(90deg, rgba(255, 251, 247, 0.985) 0%, rgba(255, 251, 247, 0.91) 25%, rgba(255, 251, 247, 0.46) 57%, rgba(255, 251, 247, 0.1) 100%);
    }

    .dw-home-hero__slide--diagnosis .dw-home-hero__subheading {
        margin-bottom: 2rem;
    }
}