.coupon-wrapper {
    /* background: radial-gradient(circle, var(--sub-color-4) 0%, var(--sub-color-3) 40%); */
    background: url("../../img/recruit/pc-left-bg.png");
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

@media(max-width:992px) {
    .coupon-wrapper {
        padding: 0;
    }
}

.coupon-wrapper::before {
    content: "";
    position: absolute;
    background: url("../../img/recruit/main-bg.jpg");
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.3;
}

.underlayer-titles {
    margin-top: 50px;
}

.underlayer-titles p {
    color: var(--txt-color-4);
}

.underlayer-titles::after {
    background: var(--txt-color-6);
}

.coupon-contents {
    margin-top: 100px;
    position: relative;
    margin-bottom: 45px;
    padding: 0 15px;
}

.coupon-content {
    border: 1px solid var(--txt-color-4);
    margin-top: 50px;
}

.coupon-content:nth-of-type(3) {
    margin-top: 100px;
}

.coupon-content.bg-wh {
    background: #FFF;
    padding: 25px;
}

@media(max-width:992px) {
    .coupon-content.bg-wh {
        padding: 10px;
    }
}

.coupon-content-inner {
    border: 1px solid var(--sub-color-11);
    padding: 45px 0;
    position: relative;
}

.coupon-content-inner::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url("../../img/common/logo.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 100%;
    height: 70%;
    z-index: 0;
    opacity: 0.1;
    mix-blend-mode: difference;
}

.coupon-content-title {
    background: var(--txt-color-4);
    color: #FFF;
    padding: 5px 25px;
    font-weight: 600;
    text-align: center;
}

.coupon-content.bg-wh .coupon-content-title {
    background: none;
}

.coupon-content.bg-wh .coupon-content-descriptions {
    color: var(--sub-color-3);
}

.coupon-content.bg-wh .coupon-content-descriptions:nth-of-type(1) {
    font-weight: 500;
}

.coupon-content-descriptions {
    padding: 25px 0;
    text-align: center;
    color: var(--sub-color-6);
}

@media(max-width:992px) {
    .coupon-content-descriptions {
        padding: 25px 15px;
    }
}

.coupon-content-descriptions.text-left {
    text-align: left;
    width: fit-content;
    margin: 0 auto;
}