/*
 * ARIEL 安心・安全固定ページ
 */

.safety-page {
    --safety-content-width: var(--sky-content, 520px);
    --safety-text: #284947;
    --safety-deep: #176f69;
    --safety-border: #b8ddd8;
    --safety-off-white: #f8fffd;
}

.safety-page,
.safety-page * {
    box-sizing: border-box;
}

.safety-main {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #f8fffd;
}

.safety-page.sky-home {
    width: min(100%, var(--safety-content-width));
    margin-inline: auto;
    overflow: hidden;
    color: var(--safety-text);
    font-family:
        "Hiragino Maru Gothic ProN",
        "Yu Gothic",
        "Noto Sans JP",
        "Meiryo",
        sans-serif;
    background: var(--safety-off-white);
}

.safety-main ~ .site-footer {
    display: none;
}

.safety-hero {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #dff7f4;
}

.safety-hero__image {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    margin: 0;
}

.safety-introduction-visual {
    width: 100%;
    margin: 0;
    padding: 0 0 14px;
    background: #e8f8f5;
}

.safety-introduction-visual__image {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    margin: 0;
}

.safety-introduction {
    padding: 32px 20px 34px;
    background: #f8fffd;
}

.safety-introduction h2,
.safety-category-navigation h2,
.safety-category__header h2,
.safety-closing h2 {
    margin: 0;
    color: #176f69;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: 0.02em;
}

.safety-introduction h2 {
    margin-bottom: 20px;
    font-size: clamp(1.3rem, 5.7vw, 1.65rem);
    text-align: center;
}

.safety-introduction p {
    margin: 0 0 14px;
    font-size: clamp(1rem, 4.25vw, 1.075rem);
    line-height: 1.85;
}

.safety-introduction p:last-of-type {
    margin-bottom: 24px;
}

.safety-core-values {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.safety-core-values__item {
    position: relative;
    min-height: 58px;
    margin: 0;
    padding: 16px 16px 16px 44px;
    color: #24514e;
    font-size: clamp(1rem, 4.2vw, 1.075rem);
    font-weight: 700;
    line-height: 1.65;
    background: #eaf9f6;
    border: 2px solid #b8ddd8;
    border-radius: 16px;
}

.safety-core-values__item::before {
    position: absolute;
    top: 17px;
    left: 16px;
    color: #189087;
    content: "✓";
    font-weight: 900;
}

.safety-category-navigation {
    padding: 30px 16px 34px;
    background: #eaf8f6;
    border-top: 1px solid #d5eeea;
    border-bottom: 1px solid #d5eeea;
}

.safety-category-navigation h2 {
    margin-bottom: 20px;
    font-size: clamp(1.25rem, 5.5vw, 1.55rem);
    text-align: center;
}

.safety-category-navigation__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.safety-category-navigation__link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 64px;
    padding: 12px 10px;
    color: #24514e;
    font-size: clamp(0.95rem, 3.9vw, 1.05rem);
    font-weight: 800;
    line-height: 1.45;
    text-align: center;
    text-decoration: none;
    background: #ffffff;
    border: 2px solid #91cec7;
    border-radius: 16px;
}

.safety-category-navigation__link:nth-child(2n) {
    background: #f4fbff;
    border-color: #a8d9e8;
}

.safety-category-navigation__link:focus-visible {
    outline: 3px solid #176f69;
    outline-offset: 3px;
}

.safety-category {
    scroll-margin-top: 88px;
    padding: 34px 16px 38px;
}

.safety-category--mint {
    background-color: #f3fcf9;
    background-image: url("/wp-content/themes/ariel-recruit-official/assets/images/sky/safety-category-application-bg.webp?v=b09bfbea");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.safety-category--sky {
    background: #f1faff;
}

.safety-category--cream {
    background: #fffaf0;
}

.safety-category--aqua {
    background: #edfafa;
}

.safety-category--beige {
    background: #fff9f1;
}

.safety-category--coral {
    background: #fff6f3;
}

.safety-category__header {
    margin-bottom: 20px;
}

.safety-category__header h2 {
    margin-bottom: 14px;
    font-size: clamp(1.3rem, 5.7vw, 1.65rem);
}

.safety-category__message {
    margin: 0;
    padding: 16px;
    color: #315b58;
    font-size: clamp(0.98rem, 4.1vw, 1.05rem);
    font-weight: 700;
    line-height: 1.75;
    background: rgba(255, 255, 255, 0.78);
    border: 2px solid rgba(85, 166, 157, 0.38);
    border-left: 5px solid #39a89d;
    border-radius: 14px;
}

.safety-faq {
    display: grid;
    gap: 12px;
}

.safety-faq__item {
    margin: 0;
    overflow: hidden;
    background: #ffffff;
    border: 2px solid var(--safety-border);
    border-radius: 16px;
}

.safety-faq__question {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 68px;
    padding: 15px 50px 15px 14px;
    cursor: pointer;
    list-style: none;
}

.safety-faq__question::-webkit-details-marker {
    display: none;
}

.safety-faq__question::after {
    position: absolute;
    top: 50%;
    right: 17px;
    width: 26px;
    height: 26px;
    color: #176f69;
    content: "+";
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    transform: translateY(-50%);
}

.safety-faq__item[open] .safety-faq__question::after {
    content: "−";
}

.safety-faq__question-label,
.safety-faq__answer-label {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin-right: 10px;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1;
    background: #2b9f95;
    border-radius: 50%;
}

.safety-faq__question-text {
    color: #284947;
    font-size: clamp(1.04rem, 4.45vw, 1.125rem);
    font-weight: 800;
    line-height: 1.65;
}

.safety-faq__question:focus-visible {
    outline: 3px solid #176f69;
    outline-offset: -3px;
}

.safety-faq__answer {
    display: flex;
    align-items: flex-start;
    padding: 18px 15px 20px;
    background: #fbfffe;
    border-top: 1px solid #d5ece8;
}

.safety-faq__answer-label {
    margin-top: 1px;
    background: #ef8e7d;
}

.safety-faq__answer-body {
    min-width: 0;
    flex: 1 1 auto;
}

.safety-faq__answer-body p {
    margin: 0 0 10px;
    color: #334f4d;
    font-size: clamp(1rem, 4.2vw, 1.075rem);
    line-height: 1.85;
}

.safety-faq__answer-body p:last-child {
    margin-bottom: 0;
}

.safety-closing {
    padding: 36px 20px 40px;
    text-align: center;
    background: #eaf8f6;
    border-top: 1px solid #cfe9e5;
}

.safety-closing h2 {
    margin-bottom: 18px;
    font-size: clamp(1.35rem, 5.9vw, 1.7rem);
}

.safety-closing p {
    margin: 0 0 12px;
    color: #315754;
    font-size: clamp(1rem, 4.2vw, 1.075rem);
    line-height: 1.85;
}

.safety-closing p:last-child {
    margin-bottom: 0;
}

.safety-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 360px) {
    .safety-introduction,
    .safety-closing {
        padding-right: 16px;
        padding-left: 16px;
    }

    .safety-category-navigation__grid {
        gap: 8px;
    }

    .safety-category-navigation__link {
        min-height: 60px;
        padding-right: 7px;
        padding-left: 7px;
        font-size: 0.92rem;
    }

    .safety-category {
        padding-right: 13px;
        padding-left: 13px;
    }

    .safety-faq__question {
        padding-right: 45px;
        padding-left: 12px;
    }
}

/* ARIEL SAFETY APPLICATION INTRO VISUAL START 20260806 */

.safety-category__header--visual {
    margin: 0 0 20px;
}

.safety-category__intro-image {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    margin: 0;
    border-radius: 22px;
}

/* ARIEL SAFETY APPLICATION INTRO VISUAL END 20260806 */

/* ARIEL SAFETY WOMEN FAQ V2 START 20260806 */

.safety-category {
    --safety-category-bg-color: #f8fffd;
    --safety-category-bg-image: none;
    --safety-category-overlay-start: rgba(255, 255, 255, 0.06);
    --safety-category-overlay-end: rgba(255, 255, 255, 0.14);

    --safety-faq-border: #a7dcd6;
    --safety-faq-dot-primary: rgba(111, 197, 186, 0.22);
    --safety-faq-dot-secondary: rgba(229, 153, 164, 0.18);

    --safety-faq-question-bg-start: rgba(255, 255, 255, 0.99);
    --safety-faq-question-bg-end: rgba(244, 252, 250, 0.96);
    --safety-faq-question-color: #214d49;

    --safety-faq-q-start: #62c8bd;
    --safety-faq-q-end: #299c93;
    --safety-faq-q-border: #d9f3ef;

    --safety-faq-toggle-color: #c76573;
    --safety-faq-toggle-bg: #effaf7;
    --safety-faq-toggle-border: #89cfc6;
    --safety-faq-focus: #277e78;

    --safety-faq-open-item-bg: #fffaf7;
    --safety-faq-open-border: #dfaab2;
    --safety-faq-open-question-end: rgba(255, 245, 246, 0.96);
    --safety-faq-open-toggle-color: #b94f60;
    --safety-faq-open-toggle-bg: #fff0f2;
    --safety-faq-open-toggle-border: #dda8b0;

    --safety-faq-answer-bg: #fff9f5;
    --safety-faq-answer-border: #e5c2c7;
    --safety-faq-answer-color: #3e504d;

    --safety-faq-a-start: #e49aa5;
    --safety-faq-a-end: #cf7885;
    --safety-faq-a-border: #ffe5e9;

    background-color: var(--safety-category-bg-color);
    background-image:
        linear-gradient(
            180deg,
            var(--safety-category-overlay-start),
            var(--safety-category-overlay-end)
        ),
        var(--safety-category-bg-image);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.safety-category--mint {
    --safety-category-bg-color: #f3fcf9;
    --safety-category-bg-image:
        url(
            "/wp-content/themes/ariel-recruit-official/assets/images/sky/safety-category-application-bg.webp?v=b09bfbea"
        );
}

.safety-category--sky {
    --safety-category-bg-color: #f1faff;
    --safety-category-bg-image:
        url(
            "/wp-content/themes/ariel-recruit-official/assets/images/sky/safety-category-privacy-bg.webp?v=c502543a"
        );

    --safety-faq-border: #afd5e5;
    --safety-faq-dot-primary: rgba(84, 157, 190, 0.22);
    --safety-faq-dot-secondary: rgba(202, 125, 151, 0.18);
    --safety-faq-question-bg-end: rgba(241, 249, 253, 0.97);
    --safety-faq-question-color: #244e61;
    --safety-faq-q-start: #79bed9;
    --safety-faq-q-end: #3f92b2;
    --safety-faq-q-border: #e1f2f8;
    --safety-faq-toggle-color: #b56e85;
    --safety-faq-toggle-bg: #f3f9fc;
    --safety-faq-toggle-border: #9ccadf;
    --safety-faq-focus: #2f718d;
    --safety-faq-open-border: #cca5b6;
    --safety-faq-open-item-bg: #fffafd;
    --safety-faq-open-question-end: rgba(255, 242, 247, 0.97);
    --safety-faq-open-toggle-color: #a95d76;
    --safety-faq-open-toggle-bg: #fff1f6;
    --safety-faq-open-toggle-border: #cf9fb0;
    --safety-faq-answer-bg: #fff9fc;
    --safety-faq-answer-border: #dec0cb;
    --safety-faq-a-start: #d49aae;
    --safety-faq-a-end: #b86f88;
    --safety-faq-a-border: #f8dfe8;
    --safety-faq-answer-color: #45515a;
}

.safety-category--cream {
    --safety-category-bg-color: #fffaf0;
    --safety-category-bg-image:
        url(
            "/wp-content/themes/ariel-recruit-official/assets/images/sky/safety-category-work-rules-bg.webp?v=b2c33e77"
        );

    --safety-faq-border: #bed8c5;
    --safety-faq-dot-primary: rgba(94, 160, 120, 0.20);
    --safety-faq-dot-secondary: rgba(211, 139, 100, 0.17);
    --safety-faq-question-bg-end: rgba(247, 252, 247, 0.97);
    --safety-faq-question-color: #365746;
    --safety-faq-q-start: #87bd9c;
    --safety-faq-q-end: #4d977a;
    --safety-faq-q-border: #e5f3e8;
    --safety-faq-toggle-color: #b76f58;
    --safety-faq-toggle-bg: #f4faf4;
    --safety-faq-toggle-border: #a9cdb4;
    --safety-faq-focus: #3f765e;
    --safety-faq-open-border: #d6aa92;
    --safety-faq-open-item-bg: #fffaf5;
    --safety-faq-open-question-end: rgba(255, 244, 236, 0.97);
    --safety-faq-open-toggle-color: #a85f48;
    --safety-faq-open-toggle-bg: #fff2eb;
    --safety-faq-open-toggle-border: #d7a58d;
    --safety-faq-answer-bg: #fff9f3;
    --safety-faq-answer-border: #e4c5b3;
    --safety-faq-a-start: #d99f7f;
    --safety-faq-a-end: #c3795e;
    --safety-faq-a-border: #fae5d8;
    --safety-faq-answer-color: #4c5147;
}

.safety-category--aqua {
    --safety-category-bg-color: #edfafa;
    --safety-category-bg-image:
        url(
            "/wp-content/themes/ariel-recruit-official/assets/images/sky/safety-category-trouble-response-bg.webp?v=efe400b4"
        );

    --safety-faq-border: #9fd6d3;
    --safety-faq-dot-primary: rgba(72, 170, 161, 0.22);
    --safety-faq-dot-secondary: rgba(210, 108, 120, 0.17);
    --safety-faq-question-bg-end: rgba(241, 252, 251, 0.97);
    --safety-faq-question-color: #245451;
    --safety-faq-q-start: #60beb7;
    --safety-faq-q-end: #2e918b;
    --safety-faq-q-border: #d9f2ef;
    --safety-faq-toggle-color: #c86570;
    --safety-faq-toggle-bg: #effafa;
    --safety-faq-toggle-border: #84c9c4;
    --safety-faq-focus: #2c7772;
    --safety-faq-open-border: #d49da5;
    --safety-faq-open-item-bg: #fff9f8;
    --safety-faq-open-question-end: rgba(255, 241, 242, 0.97);
    --safety-faq-open-toggle-color: #b75360;
    --safety-faq-open-toggle-bg: #fff0f1;
    --safety-faq-open-toggle-border: #d49ca4;
    --safety-faq-answer-bg: #fff8f6;
    --safety-faq-answer-border: #e4bfc2;
    --safety-faq-a-start: #dd9295;
    --safety-faq-a-end: #c86672;
    --safety-faq-a-border: #f9dfe2;
    --safety-faq-answer-color: #465250;
}

.safety-category--beige {
    --safety-category-bg-color: #fff9f1;
    --safety-category-bg-image:
        url(
            "/wp-content/themes/ariel-recruit-official/assets/images/sky/safety-category-health-hygiene-bg.webp?v=21377e17"
        );

    --safety-faq-border: #b9d8d0;
    --safety-faq-dot-primary: rgba(91, 164, 151, 0.20);
    --safety-faq-dot-secondary: rgba(145, 112, 170, 0.17);
    --safety-faq-question-bg-end: rgba(245, 251, 249, 0.97);
    --safety-faq-question-color: #35564f;
    --safety-faq-q-start: #72b8aa;
    --safety-faq-q-end: #4b9488;
    --safety-faq-q-border: #e1f1ed;
    --safety-faq-toggle-color: #8f6fa5;
    --safety-faq-toggle-bg: #f7fbfa;
    --safety-faq-toggle-border: #9ccac0;
    --safety-faq-focus: #3b766d;
    --safety-faq-open-border: #bea9cc;
    --safety-faq-open-item-bg: #fcf9ff;
    --safety-faq-open-question-end: rgba(249, 243, 255, 0.97);
    --safety-faq-open-toggle-color: #806095;
    --safety-faq-open-toggle-bg: #f6effb;
    --safety-faq-open-toggle-border: #bba5c8;
    --safety-faq-answer-bg: #fbf8ff;
    --safety-faq-answer-border: #d6c8df;
    --safety-faq-a-start: #b79bc8;
    --safety-faq-a-end: #9275a6;
    --safety-faq-a-border: #eee3f5;
    --safety-faq-answer-color: #4e4c56;
}

.safety-category--coral {
    --safety-category-bg-color: #fff6f3;
    --safety-category-bg-image:
        url(
            "/wp-content/themes/ariel-recruit-official/assets/images/sky/safety-category-rest-membership-exit-bg.webp?v=f54c707d"
        );

    --safety-faq-border: #d4c0b7;
    --safety-faq-dot-primary: rgba(75, 166, 156, 0.20);
    --safety-faq-dot-secondary: rgba(205, 111, 102, 0.18);
    --safety-faq-question-bg-end: rgba(255, 248, 245, 0.97);
    --safety-faq-question-color: #624b45;
    --safety-faq-q-start: #65bdb3;
    --safety-faq-q-end: #2f9289;
    --safety-faq-q-border: #def2ef;
    --safety-faq-toggle-color: #bc6b65;
    --safety-faq-toggle-bg: #fff8f5;
    --safety-faq-toggle-border: #d4a49d;
    --safety-faq-focus: #337a73;
    --safety-faq-open-border: #d99d96;
    --safety-faq-open-item-bg: #fff9f7;
    --safety-faq-open-question-end: rgba(255, 241, 238, 0.97);
    --safety-faq-open-toggle-color: #aa5853;
    --safety-faq-open-toggle-bg: #fff0ed;
    --safety-faq-open-toggle-border: #d79d96;
    --safety-faq-answer-bg: #fff8f5;
    --safety-faq-answer-border: #e5c0ba;
    --safety-faq-a-start: #e49a90;
    --safety-faq-a-end: #c96f68;
    --safety-faq-a-border: #fae2de;
    --safety-faq-answer-color: #554d4a;
}

.safety-category .safety-category__header,
.safety-category .safety-faq {
    position: relative;
    z-index: 1;
}

.safety-category .safety-faq {
    gap: 14px;
}

.safety-category .safety-faq__item {
    position: relative;
    margin: 0;
    overflow: hidden;
    background: rgba(255, 253, 249, 0.97);
    border: 2px solid var(--safety-faq-border);
    border-radius: 22px;
}

.safety-category .safety-faq__item::before {
    position: absolute;
    top: 8px;
    right: 52px;
    z-index: 0;
    width: 34px;
    height: 20px;
    background:
        radial-gradient(
            circle at 20% 50%,
            var(--safety-faq-dot-primary) 0 3px,
            transparent 3.5px
        ),
        radial-gradient(
            circle at 50% 30%,
            var(--safety-faq-dot-secondary) 0 3px,
            transparent 3.5px
        ),
        radial-gradient(
            circle at 80% 58%,
            var(--safety-faq-dot-primary) 0 3px,
            transparent 3.5px
        );
    content: "";
    pointer-events: none;
}

.safety-category .safety-faq__question {
    position: relative;
    z-index: 1;
    gap: 13px;
    min-height: 80px;
    padding: 18px 62px 18px 16px;
    background:
        linear-gradient(
            100deg,
            var(--safety-faq-question-bg-start),
            var(--safety-faq-question-bg-end)
        );
}

.safety-category .safety-faq__question-label {
    display: inline-flex;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0;
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 900;
    line-height: 1;
    background:
        linear-gradient(
            145deg,
            var(--safety-faq-q-start),
            var(--safety-faq-q-end)
        );
    border: 2px solid var(--safety-faq-q-border);
    border-radius:
        48% 52% 46% 54% /
        54% 46% 52% 48%;
}

.safety-category .safety-faq__question-text {
    min-width: 0;
    flex: 1 1 auto;
    color: var(--safety-faq-question-color);
    font-size: clamp(1.04rem, 4.35vw, 1.12rem);
    font-weight: 800;
    line-height: 1.65;
    letter-spacing: 0.01em;
}

.safety-category .safety-faq__question::after {
    position: absolute;
    top: 50%;
    right: 15px;
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    box-sizing: border-box;
    color: var(--safety-faq-toggle-color);
    content: "+";
    font-size: 1.45rem;
    font-weight: 500;
    line-height: 1;
    background: var(--safety-faq-toggle-bg);
    border: 2px solid var(--safety-faq-toggle-border);
    border-radius: 50%;
    transform: translateY(-50%);
}

.safety-category .safety-faq__question:focus-visible {
    outline: 3px solid var(--safety-faq-focus);
    outline-offset: -3px;
}

.safety-category .safety-faq__item[open] {
    background: var(--safety-faq-open-item-bg);
    border-color: var(--safety-faq-open-border);
}

.safety-category
.safety-faq__item[open]
.safety-faq__question {
    background:
        linear-gradient(
            100deg,
            var(--safety-faq-question-bg-start),
            var(--safety-faq-open-question-end)
        );
}

.safety-category
.safety-faq__item[open]
.safety-faq__question::after {
    color: var(--safety-faq-open-toggle-color);
    content: "−";
    background: var(--safety-faq-open-toggle-bg);
    border-color: var(--safety-faq-open-toggle-border);
}

.safety-category .safety-faq__answer {
    position: relative;
    z-index: 1;
    align-items: flex-start;
    gap: 13px;
    padding: 18px 18px 20px;
    background: var(--safety-faq-answer-bg);
    border-top: 2px dashed var(--safety-faq-answer-border);
}

.safety-category .safety-faq__answer-label {
    display: inline-flex;
    flex: 0 0 36px;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: 0;
    color: #ffffff;
    font-size: 0.92rem;
    font-weight: 900;
    line-height: 1;
    background:
        linear-gradient(
            145deg,
            var(--safety-faq-a-start),
            var(--safety-faq-a-end)
        );
    border: 2px solid var(--safety-faq-a-border);
    border-radius:
        52% 48% 55% 45% /
        47% 54% 46% 53%;
}

.safety-category .safety-faq__answer-body {
    min-width: 0;
    flex: 1 1 auto;
    color: var(--safety-faq-answer-color);
    font-size: clamp(1rem, 4.15vw, 1.075rem);
    line-height: 1.85;
}

.safety-category .safety-faq__answer-body p {
    margin: 0 0 10px;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}

.safety-category .safety-faq__answer-body p:last-child {
    margin-bottom: 0;
}

@media (max-width: 360px) {
    .safety-category .safety-faq__question {
        gap: 11px;
        min-height: 76px;
        padding: 15px 54px 15px 12px;
    }

    .safety-category .safety-faq__question-label {
        flex-basis: 38px;
        width: 38px;
        height: 38px;
    }

    .safety-category .safety-faq__question::after {
        right: 12px;
        width: 34px;
        height: 34px;
    }

    .safety-category .safety-faq__answer {
        gap: 11px;
        padding: 16px 14px 18px;
    }

    .safety-category .safety-faq__answer-label {
        flex-basis: 34px;
        width: 34px;
        height: 34px;
    }
}

/* ARIEL SAFETY WOMEN FAQ V2 END 20260806 */


/* ARIEL SAFETY CATEGORY NAV BG V1 START 20260806 */

.safety-category-navigation {
    background-color: #f4fcfb;
    background-image:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.04),
            rgba(255, 255, 255, 0.10)
        ),
        url(
            "/wp-content/themes/ariel-recruit-official/assets/images/sky/safety-category-nav-bg.webp?v=929f6136"
        );
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* ARIEL SAFETY CATEGORY NAV BG V1 END 20260806 */

/* ARIEL SAFETY CLOSING VISUAL V1 START 20260806 */

.safety-closing.safety-closing--visual {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: transparent;
    border: 0;
    border-radius: 0;
}

.safety-closing--visual .safety-closing__image {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
}

/* ARIEL SAFETY CLOSING VISUAL V1 END 20260806 */


/* ARIEL SAFETY RELATED LINKS V1 START 20260812 */

.safety-related-link {
    width: 100%;
    margin: 0;
    padding: 22px 18px 26px;
    text-align: center;
    background: #f7fffe;
    border-bottom: 1px solid #d5eeea;
}

.safety-related-link--beginner {
    background: #fffaf1;
}

.safety-related-link--work-content {
    background: #f4fbff;
}

.safety-related-link--application {
    background: #f2fbf8;
}

.safety-related-link__eyebrow {
    margin: 0 0 8px;
    color: #176f69;
    font-size: 0.72rem;
    font-weight: 900;
    line-height: 1.3;
    letter-spacing: 0.13em;
}

.safety-related-link a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 54px;
    margin: 0 auto;
    padding: 11px 15px;
    color: #24514e;
    font-size: 0.98rem;
    font-weight: 900;
    line-height: 1.55;
    text-align: center;
    text-decoration: none;
    background: #ffffff;
    border: 2px solid #91cec7;
    border-radius: 14px;
}

.safety-related-link a::after {
    margin-left: 7px;
    content: "›";
    font-size: 1.25em;
    line-height: 1;
}

.safety-related-link a:focus-visible {
    outline: 3px solid #176f69;
    outline-offset: 3px;
}

/* ARIEL SAFETY RELATED LINKS V1 END 20260812 */