.tj-campaign {
    --c-primary: #00a99d;
    --c-primary-dark: #007d74;
    --c-accent: #e85c2a;
    --c-bg: #f0faf9;
    --c-border: #b2e0db;
    --c-text: #1a1a1a;
    --c-text-light: #555;
    --radius: 12px;
    margin: 0 0 2em 0;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Meiryo", sans-serif;
}
.tj-campaign__inner {
    background: var(--c-bg);
    border: 2px solid var(--c-border);
    border-radius: var(--radius);
    padding: 1.5em 1.75em 1.75em;
    position: relative;
    overflow: hidden;
}
.tj-campaign__inner::before {
    content: "";
    display: block;
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 5px;
    background: linear-gradient(90deg, var(--c-primary), var(--c-primary-dark));
}
.tj-campaign__header {
    display: flex;
    align-items: center;
    gap: 0.75em;
    margin-bottom: 1.1em;
    flex-wrap: wrap;
}
.tj-campaign__badge {
    display: inline-block;
    background: var(--c-accent);
    color: #fff;
    font-size: 0.72em;
    font-weight: 700;
    letter-spacing: 0.05em;
    padding: 0.3em 0.8em;
    border-radius: 4px;
    white-space: nowrap;
}
.tj-campaign__title {
    font-size: 1.05em;
    font-weight: 700;
    color: var(--c-primary-dark);
    margin: 0;
    line-height: 1.4;
}
.tj-campaign__deadline {
    font-size: 0.82em;
    color: var(--c-accent);
    font-weight: 700;
    margin-top: 0.15em;
}
.tj-campaign__benefits {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.9em;
}
@media (max-width: 540px) {
    .tj-campaign__benefits {
        grid-template-columns: 1fr;
    }
}
.tj-campaign__benefit {
    background: #fff;
    border: 1.5px solid var(--c-border);
    border-radius: 8px;
    padding: 1em 1.1em;
}
.tj-campaign__benefit-label {
    display: inline-block;
    font-size: 0.68em;
    font-weight: 700;
    color: #fff;
    background: var(--c-primary);
    padding: 0.2em 0.65em;
    border-radius: 3px;
    margin-bottom: 0.45em;
    letter-spacing: 0.03em;
}
.tj-campaign__benefit-heading {
    font-size: 1.15em;
    font-weight: 700;
    color: var(--c-text);
    margin: 0 0 0.3em;
    line-height: 1.3;
}
.tj-campaign__benefit-desc {
    font-size: 0.82em;
    color: var(--c-text-light);
    margin: 0;
    line-height: 1.65;
}