:root {
    --check-01: #4C360D;
    --check-01__text: #263033;
    --check-01__faq: #F0F0F0;
    --check-02: #4C360D;
    --check-02__text: #263033;
    --check-02__faq: #F0F0F0;
    --check-03: #4C360D;
    --check-03__faq: #F0F0F0;
    --check-04: #4C360D;
    --check-04__text: #263033;
    --check-04__faq: #F0F0F0;
    --check-05: #4C360D;
    --check-05__text: #263033;
    --check-05__faq: #F0F0F0;
    --check-06__faq: #F0F0F0;
    --check-07__text: #263033;
}

.welcome_premium .welcome-title__h1 {
    color: #263033;
}
.welcome_premium .welcome-kv__head p {
    color: #263033;
}
.welcome_premium .welcome-ancer {
    background: #fff;
}
.welcome_premium .welcome-step {
    background: none;
}
.welcome_premium .welcome-kv {
    background-image: url(/content/dam/diners/img/premium/member/card/welcome/p_welcome-kv_pc.png);
}

@media screen and (max-width: 750px) and (min-width: 450px) {
    .welcome_premium .welcome-kv {
      background-image: url(/content/dam/diners/img/premium/member/card/welcome/p_welcome-kv_sp.png);
      height: 65vh;
      max-height: 650px;
      display: block;
      background-position: center 85%;
      align-items: center; /* 必要に応じて調整 */
    }
}
@media screen and (max-width: 449px) {
    .welcome_premium .welcome-kv {
      height: 55vh;
      max-height: none;
      min-height: 450px;
      display: block;
      background-position: center bottom;
      background-image: url(/content/dam/diners/img/premium/member/card/welcome/p_welcome-kv_sp.png);
    }
}

.welcome_premium .welcome-title__h2 {
    color: #4C360D;
}

.welcome_premium .text-upper.text-upper__pre span {
    color: #4C360D;
}
.welcome_premium .text-upper.text-upper__pre span::before, .welcome_premium .text-upper.text-upper__pre span::after {
    border-left: 2px solid #4C360D;
}
.welcome_premium .welcome-step__tab-menu {
    border-bottom: 2px solid #4C360D; 
}
.welcome_premium .welcome-step__tab-button.active {
    background-color: #fff;
    border: 2px solid #4C360D;
    color: #4C360D;
}
.welcome_premium .welcome-step__tab-button.active::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    background-color: #fff;
    width: 100%;
    height: 6px;
}
.welcome_premium .welcome-step__tab-pane .step-badge span {
    background: #4C360D;
    color: #fff;
}
.welcome-faq__list p::before {
    color: #4C360D;
}