@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho:wght@400;500;600;700&display=swap');
:root
{
    --ff_main: 'Shippori Mincho', serif;
    --white: #fff;
    --black: #000;
    --c_txt: #41382f;
    --c_gy: #333;
    --c_bl: #0068b7;
    --c_bl2: #0157b0;
    --c_sky: #2da2d8;
    --head_h: 100px;
    --fz_xs: 12px;
    --fz_sm: 14px;
    --fz_md: 16px;
    --fz_lg: 18px;
    --fz_xl: 20px;
    --lh_xs: 1.25;
    --lh_sm: 1.5;
    --lh_md: 1.75;
    --lh_lg: 2;
    --fw_r: 400;
    --fw_b: 900;
}
@media screen and (max-width: 1024px)
{
    :root
    {
        --fz_xs: 10px;
        --fz_sm: 12px;
        --fz_md: 14px;
        --fz_lg: 16px;
        --fz_xl: 18px;
        --lh_xs: 1.2;
        --lh_sm: 1.4;
        --lh_md: 1.6;
        --lh_lg: 1.8;
        --head_h: 50px;
    }
}

*,
::before,
::after
{
    box-sizing: border-box;

    border-width: 0;
    border-style: solid;
}

html
{
    line-height: 1.15;

    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

body
{
    margin: 0;
}

img
{
    max-width: 100%;
}

main
{
    display: block;
}

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl
{
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6
{
    font-size: inherit;
    font-weight: inherit;

    margin: 0;
}

ul,
ol
{
    margin: 0;
    padding: 0;

    list-style: none;
}

dt
{
    font-weight: 700;
}

dd
{
    margin-left: 0;
}

hr
{
    clear: both;
    overflow: visible;

    box-sizing: content-box;
    height: 0;
    margin: 0;

    color: inherit;
    border-top-width: 1px;
}

pre
{
    font-family: monospace, monospace;
    font-size: inherit;
}

address
{
    font-style: inherit;
}

a
{
    text-decoration: none;

    color: inherit;
    background-color: transparent;
}

abbr[title]
{
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
}

b,
strong
{
    font-weight: bolder;
}

code,
kbd,
samp
{
    font-family: monospace, monospace;
    font-size: inherit;
}

small
{
    font-size: 80%;
}

sub,
sup
{
    font-size: 75%;
    line-height: 0;

    position: relative;

    vertical-align: baseline;
}

sub
{
    bottom: -.25em;
}

sup
{
    top: -.5em;
}

svg,
img,
embed,
object,
iframe
{
    vertical-align: bottom;
}

button,
input,
optgroup,
select,
textarea
{
    font: inherit;

    margin: 0;
    padding: 0;

    text-align: inherit;
    vertical-align: middle;
    text-transform: inherit;

    color: inherit;
    border-radius: 0;
    background: transparent;
}

button,
[type=button],
[type=reset],
[type=submit]
{
    cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled
{
    cursor: default;
}

:-moz-focusring
{
    outline: auto;
}

select:disabled
{
    opacity: inherit;
}

option
{
    padding: 0;
}

fieldset
{
    min-width: 0;
    margin: 0;
    padding: 0;
}

legend
{
    padding: 0;
}

progress
{
    vertical-align: baseline;
}

textarea
{
    overflow: auto;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button
{
    height: auto;
}

[type=search]
{
    outline-offset: -2px;
}

[type=search]::-webkit-search-decoration
{
    -webkit-appearance: none;
}

::-webkit-file-upload-button
{
    font: inherit;

    -webkit-appearance: button;
}

[type=number]
{
    -moz-appearance: textfield;
         -webkit-appearance: textfield;
            appearance: textfield;
}

label[for]
{
    cursor: pointer;
}

details
{
    display: block;
}

summary
{
    display: list-item;
}

[contenteditable]:focus
{
    outline: auto;
}

table
{
    border-collapse: collapse;

    border-color: inherit;
}

caption
{
    text-align: left;
}

td,
th
{
    padding: 0;

    vertical-align: top;
}

th
{
    font-weight: 700;

    text-align: left;
}

.visually-hidden
{
    font-size: 1px;

    position: absolute !important;

    clip: rect(0, 0, 0, 0) !important;

    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;

    border: 0 !important;
}

.pc
{
    display: block;
}
@media screen and (max-width: 1024px)
{
    .pc
    {
        display: none;
    }
}

.tb
{
    display: none;
}
@media screen and (max-width: 1024px)
{
    .tb
    {
        display: block;
    }
}

.tb-dn
{
    display: block;
}
@media screen and (max-width: 1024px)
{
    .tb-dn
    {
        display: none;
    }
}
@media screen and (max-width: 600px)
{
    .tb-dn
    {
        display: block;
    }
}

.pt
{
    display: block;
}
@media screen and (max-width: 600px)
{
    .pt
    {
        display: none;
    }
}

.sp
{
    display: none;
}
@media screen and (max-width: 600px)
{
    .sp
    {
        display: block;
    }
}

.ov,
.ov a
{
    transition: opacity .3s;
}
@media (hover)
{
    .ov:hover[href]:hover,
    .ov:hover a:hover
    {
        opacity: .7;
    }
}

.sr-only
{
    position: absolute;

    overflow: hidden;
    clip: rect(0, 0, 0, 0);

    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;

    white-space: nowrap;

    border: 0;
}

.fadeup
{
    visibility: hidden;

    transform: translateY(50px);

    opacity: 0;
}

html
{
    font-family: var(--ff_main);
    font-weight: 500;

    box-sizing: border-box;
    width: 100%;
    height: 100%;

    color: var(--c_txt);

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    font-feature-settings: 'palt';
}

body.is_spOverflow
{
    overflow: hidden;

    height: 100%;
}

.common-header
{
    display: flex;
    flex-direction: column;

    margin-bottom: 25px;

    gap: 30px;
}
@media screen and (max-width: 1024px)
{
    .common-header
    {
        margin-bottom: 15px;

        gap: 15px;
    }
}

.common-ttl
{
    font-size: 38px;
    line-height: 1.3157894737;

    letter-spacing: 0;

    color: var(--c_bl);
}
@media screen and (max-width: 1024px)
{
    .common-ttl
    {
        font-size: 28px;
    }
}

.common-sub
{
    font-family: 'Noto Sans JP';
    font-size: 26px;
    font-weight: 600;
    line-height: 1.3846153846;

    position: relative;

    display: flex;

    letter-spacing: 0;

    color: var(--black);

    --border: var(--c_sky);
    align-items: center;
    gap: 20px;
}
@media screen and (max-width: 1024px)
{
    .common-sub
    {
        font-size: 18px;

        gap: 10px;
    }
}

.common-text
{
    font-family: 'Noto Sans JP';
    font-size: 18px;
    font-weight: 400;
    line-height: 1.9444444444;

    letter-spacing: 0;
}
.common-text + .common-text
{
    margin-top: 2em;
}
@media screen and (max-width: 1024px)
{
    .common-text
    {
        font-size: 16px;
    }
}
@media screen and (max-width: 600px)
{
    .common-text
    {
        font-size: 14px;
        line-height: 2.2;
    }
}
.common-text span
{
    font-weight: 600;

    color: #0088cf;
}
.common-text a
{
    position: relative;

    color: var(--c_bl);
    border-bottom: 1px solid var(--c_bl);
}
.common-text a[target=_blank]
{
    padding-right: 20px;
}
.common-text a[target=_blank]:after
{
    position: absolute;
    top: 50%;
    right: 0;

    display: block;

    width: 15px;

    content: '';
    transition: background-color .3s;

    background-color: var(--c_bl);

    translate: 0 -50%;
    aspect-ratio: 1;
    -webkit-mask-image: url(/wp-content/themes/yuzawa/recruit/common/img/icon_blank.svg);
            mask-image: url(/wp-content/themes/yuzawa/recruit/common/img/icon_blank.svg);
    -webkit-mask-size: cover;
            mask-size: cover;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
}
@media screen and (max-width: 768px)
{
    .common-text a[target=_blank]:after
    {
        width: 12px;
    }
}

.common-btn
{
    --bg: var(--c_bl2);
    --txt: var(--white);
    --bd: var(--c_bl2);
    --rotate: 0deg;
    --arrow_h: 100%;
    --separate: #80abd8;
    --gtc: 1fr 65px;
}
.common-btn:has(:hover)
{
    --bg: var(--white);
    --txt: var(--c_bl2);
}
.common-btn--white
{
    --bg: var(--white);
    --txt: var(--c_bl2);
    --bd: var(--white);
}
.common-btn--white:has(:hover)
{
    --txt: var(--white);
    --bg: var(--c_bl2);
}
.common-btn.bd-bl
{
    --bd: var(--c_bl);
}
.common-btn--anc
{
    --rotate: 90deg;
    --areow_h: 70%;
}
.common-btn--back
{
    --gtc: 65px 1fr;
    --rotate: 180deg;
}
@media screen and (max-width: 1024px)
{
    .common-btn--back
    {
        --gtc: 45px 1fr !important;
    }
}
.common-btn--back a span,
.common-btn--back button span
{
    border-right: none !important;
    border-left: 1px solid var(--separate);

    justify-content: flex-end;
    order: 2;
}
@media screen and (max-width: 1024px)
{
    .common-btn
    {
        --gtc: 1fr 45px;
    }
}
.common-btn a,
.common-btn button
{
    position: relative;

    display: grid;

    width: 280px;
    height: 60px;

    transition: all .3s;

    color: var(--txt);
    border: 2px solid var(--bd);
    border-radius: 50px;
    background: var(--bg);

    grid-template-columns: var(--gtc);
    align-items: center;
}
@media screen and (max-width: 1024px)
{
    .common-btn a,
    .common-btn button
    {
        width: 250px;
        height: 50px;
    }
}
.common-btn a span,
.common-btn button span
{
    font-family: 'Noto Sans JP';
    font-size: 18px;
    font-weight: 400;
    line-height: 1;

    display: flex;

    height: calc(100% - 20px);

    letter-spacing: .1em;

    border-right: 1px solid var(--separate);

    align-items: center;
    padding-inline: 30px;
}
@media screen and (max-width: 1024px)
{
    .common-btn a span,
    .common-btn button span
    {
        font-size: 16px;

        height: calc(100% - 10px);
    }
}
.common-btn a:after,
.common-btn button:after
{
    position: relative;

    height: var(--arrow_h);

    content: '';
    transition: background-color .3s;

    background-color: var(--txt);

    -webkit-mask-image: url(/wp-content/themes/yuzawa/recruit/common/img/icon_arw-btn.svg);

            mask-image: url(/wp-content/themes/yuzawa/recruit/common/img/icon_arw-btn.svg);
    -webkit-mask-size: 26px 7px;
            mask-size: 26px 7px;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    rotate: var(--rotate);
}
@media screen and (max-width: 1024px)
{
    .common-btn a:after,
    .common-btn button:after
    {
        -webkit-mask-size: 18.2px 4.9px;
                mask-size: 18.2px 4.9px;
    }
}

.header
{
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;

    width: 100%;

    transition: background .3s;

    --entry_border: var(--c_bl2);
    --color: var(--white);
    --logo: var(--white);
}
.header.is-sc
{
    background: var(--white);

    --color: var(--black);
    --logo: var(--c_bl);
}
.header:has(.show)
{
    --color: var(--white);
    --logo: var(--white);
}
.header--sub
{
    --color: var(--black);
    --logo: var(--c_bl);
}
.header__inner
{
    display: flex;

    height: var(--head_h);
    padding-left: 40px;

    align-items: center;
    justify-content: space-between;
}
@media screen and (max-width: 1024px)
{
    .header__inner
    {
        padding: 0 5%;
    }
}
.header__logo
{
    position: relative;
    z-index: 2;
}
.header__logo a
{
    display: block;

    width: 348px;

    transition: background-color .3s;

    background-color: var(--logo);

    -webkit-mask-image: url(/wp-content/themes/yuzawa/recruit/common/img/logo.svg);

            mask-image: url(/wp-content/themes/yuzawa/recruit/common/img/logo.svg);
    aspect-ratio: 348/42;
    -webkit-mask-size: cover;
            mask-size: cover;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
}
@media screen and (max-width: 1024px)
{
    .header__logo a
    {
        width: 250px;
    }
}
@media screen and (max-width: 1024px)
{
    .header__nav
    {
        position: absolute;
        top: 0;
        left: 0;

        visibility: hidden;

        width: 100%;
        height: 100vh;
        padding-top: 100px;

        transition: visibility .3s, opacity .3s;

        opacity: 0;
        background: var(--c_bl2);
    }
    .header__nav.show
    {
        visibility: visible;

        opacity: 1;
    }
}
.header__list
{
    display: grid;

    grid-auto-flow: column;
    align-items: center;
    gap: 20px;
}
@media screen and (max-width: 1024px)
{
    .header__list
    {
        width: 80%;

        margin-inline: auto;
        grid-auto-flow: row;
        grid-template-columns: repeat(2, 1fr);
        gap: 0;
    }
}
@media screen and (max-width: 1024px)
{
    .header__item
    {
        grid-column: 1/-1;
    }
}
.header__item a
{
    font-family: 'Noto Sans JP';
    font-size: 16px;
    font-weight: 400;
    line-height: 1;

    position: relative;

    letter-spacing: .03em;

    color: var(--color);
}
@media screen and (max-width: 1024px)
{
    .header__item a
    {
        display: block;

        padding: 20px 0;

        border-bottom: 1px solid var(--white);
    }
    .header__item a[target=_blank]
    {
        display: flex;

        align-items: center;
        gap: 10px;
    }
    .header__item a[target=_blank]:after
    {
        display: block;

        width: 15px;

        content: '';

        background: url(/wp-content/themes/yuzawa/recruit/common/img/icon_blank.svg);

        aspect-ratio: 1;
    }
}
@media screen and (max-width: 1024px) and (max-width: 768px)
{
    .header__item a[target=_blank]:after
    {
        width: 12px;
    }
}
.header__item--sp-only
{
    display: none;
}
@media screen and (max-width: 1024px)
{
    .header__item--sp-only
    {
        display: block;

        grid-column: span 1;
    }
}
@media screen and (max-width: 1024px)
{
    .header__item--sp-only a
    {
        font-size: 12px;

        border-bottom: none;
    }
}
.header__item--entry a
{
    padding: 18px 80px 18px 30px;

    transition: background .3s, color .3s;

    color: var(--c2);
    border: 2px solid var(--entry_border);
    border-right: none;
    border-radius: 50px 0 0 50px;
    background: var(--c1);

    --c1: var(--c_bl2);
    --c2: var(--white);
    --arw: 20px;
}
@media (hover)
{
    .header__item--entry a:hover
    {
        --c1: var(--white);
        --c2: var(--c_bl2);
        --arw: 15px;
    }
}
@media screen and (max-width: 768px)
{
    .header__item--entry a
    {
        margin-top: 35px;
        padding: 10px 20px;

        border: none;
        border-radius: 50px;

        --c1: var(--white);
        --c2: var(--c_bl2);
    }
}
@media screen and (max-width: 1024px)
{
    .header__item--entry a span
    {
        display: block;

        width: calc(100% - 40px);
        padding: 10px;

        border-right: 1px solid var(--c2);
    }
}
.header__item--entry a:after
{
    position: absolute;
    top: calc(50% - 2px);
    right: var(--arw);

    display: block;

    width: 26px;

    content: '';
    transition: background-color .3s, right .3s;

    background-color: var(--c2);

    aspect-ratio: 26/7;
    -webkit-mask-image: url(/wp-content/themes/yuzawa/recruit/common/img/icon_arw-btn.svg);
            mask-image: url(/wp-content/themes/yuzawa/recruit/common/img/icon_arw-btn.svg);
    -webkit-mask-size: cover;
            mask-size: cover;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
}

.icon-animation
{
    position: absolute;
    z-index: 30;
    top: 0;
    right: 0;

    display: none;

    height: 100%;
    padding: 0;

    cursor: pointer;

    border: none;
    background: transparent;
    background: var(--c_bl2);

    aspect-ratio: 1;
    touch-action: manipulation;
}
@media screen and (max-width: 1024px)
{
    .icon-animation
    {
        display: block;
    }
}
.icon-animation.is-open .top
{
    top: 50%;

    width: 0;

    opacity: 0;
}
.icon-animation.is-open .bottom
{
    bottom: 50%;

    width: 0;

    opacity: 0;
}
.icon-animation.is-open .middle:before
{
    transform: rotate(45deg);
}
.icon-animation.is-open .middle:after
{
    transform: rotate(-45deg);
}
.icon-animation span
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 40%;
    height: 1px;

    transition: all .3s;
    transform: translate(-50%, 0%);

    background: #fff;
}
.icon-animation .top
{
    transform: translate(-50%, -10px) scale(1);
}
.icon-animation .bottom
{
    transform: translate(-50%, 10px) scale(1);
}
.icon-animation .middle
{
    background: none;
}
.icon-animation .middle:before,
.icon-animation .middle:after
{
    position: absolute;

    display: block;

    width: 100%;
    height: 100%;

    content: '';
    transition: all .3s;
    transform: rotate(0deg);

    background: #fff;
}

.kv-sub
{
    height: clamp(31.25rem, 4.359rem + 42.02vw, 43.75rem);
    margin-bottom: clamp(-7.5rem, -2.122rem + -8.4vw, -10rem);
}
@media screen and (max-width: 1024px)
{
    .kv-sub
    {
        height: 400px;
        margin-bottom: 0;
    }
}
@media screen and (max-width: 600px)
{
    .kv-sub
    {
        height: 300px;
    }
}
.kv-sub__bg
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    display: grid;

    width: 100%;
    height: 100%;

    background: url(/wp-content/themes/yuzawa/recruit/common/img/kv-sub_deco_01.webp) right center/min(18.667%, 280px) no-repeat, url(/wp-content/themes/yuzawa/recruit/common/img/kv-sub_bg.webp) center/cover;

    grid-template-columns: repeat(2, 1fr);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 200px, 0 100%);
}
@media screen and (max-width: 600px)
{
    .kv-sub__bg
    {
        background: url(/wp-content/themes/yuzawa/recruit/common/img/kv-sub_deco_01.webp) right center/min(36.667%, 280px) no-repeat, url(/wp-content/themes/yuzawa/recruit/common/img/kv-sub_bg.webp) center/cover;

        clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 200px, 0 100%);
    }
}
.kv-sub__deco
{
    position: absolute;
    z-index: 3;
    right: 2%;
    bottom: 0;

    width: min(5.733%, 86px);
}
.kv-sub__inner
{
    position: relative;
    z-index: 3;

    display: flex;
    flex-direction: column;

    width: 90%;
    max-width: 1100px;
    height: 100%;
    padding-top: 200px;

    margin-inline: auto;
    align-items: flex-start;
    gap: 80px;
}
@media screen and (max-width: 1024px)
{
    .kv-sub__inner
    {
        padding-top: 140px;

        gap: 50px;
    }
}
@media screen and (max-width: 600px)
{
    .kv-sub__inner
    {
        padding-top: 90px;

        gap: 40px;
    }
}
.kv-sub__ttl
{
    font-size: 50px;
    line-height: 1.1;

    letter-spacing: 0;
}
@media screen and (max-width: 1024px)
{
    .kv-sub__ttl
    {
        font-size: 25px;
    }
}
.kv-sub__breadcrumbs-list
{
    display: flex;

    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
}
.kv-sub__breadcrumbs-item
{
    font-family: 'Noto Sans JP';
    font-size: 14px;
    font-weight: 400;
    line-height: 1;

    display: flex;

    letter-spacing: 0;

    gap: 10px;
    align-items: center;
}
.kv-sub__breadcrumbs-item:not(:last-child):after
{
    display: block;

    width: 5px;

    content: '';
    transition: background-color .3s;

    background-color: var(--black);

    aspect-ratio: 5/9;
    -webkit-mask-image: url(/wp-content/themes/yuzawa/recruit/common/img/icon_breadcrumbs.svg);
            mask-image: url(/wp-content/themes/yuzawa/recruit/common/img/icon_breadcrumbs.svg);
    -webkit-mask-size: cover;
            mask-size: cover;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
}
.kv-sub__breadcrumbs-item span
{
    color: var(--c_bl);
}

.sub-ttl
{
    display: flex;

    margin-bottom: 60px;

    justify-content: center;
}
@media screen and (max-width: 1024px)
{
    .sub-ttl
    {
        margin-bottom: 30px;
    }
}
.sub-ttl span
{
    font-family: 'Noto Sans JP';
    font-size: 40px;
    font-weight: 600;
    line-height: 1;

    display: flex;

    letter-spacing: 0;

    color: var(--c_bl);

    align-items: center;
    gap: 30px;
}
@media screen and (max-width: 1024px)
{
    .sub-ttl span
    {
        font-size: 26px;

        gap: 20px;
    }
}
.sub-ttl span:before,
.sub-ttl span:after
{
    position: relative;
    top: 2px;

    display: block;

    width: 19px;

    content: '';

    background: #bfbfbf;

    aspect-ratio: 19/19;
    clip-path: polygon(50% 0%, 93.3% 25%, 93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%);
}
@media screen and (max-width: 1024px)
{
    .sub-ttl span:before,
    .sub-ttl span:after
    {
        width: 17px;
    }
}

.bg-grid
{
    background: url(/wp-content/themes/yuzawa/recruit/common/img/base_grid.webp) center/100% repeat-y;
}

.footer
{
    margin-top: 170px;

    background: url(/wp-content/themes/yuzawa/recruit/common/img/footer_bg.webp) center top/100% 478px no-repeat var(--c_bl);
}
.footer--grid
{
    background: url(/wp-content/themes/yuzawa/recruit/common/img/footer_bg_grid.webp) center top/100% 478px no-repeat var(--c_bl);
}
@media screen and (max-width: 600px)
{
    .footer--grid
    {
        background: url(/wp-content/themes/yuzawa/recruit/common/img/base_grid.webp) center/100% repeat-y !important;
    }
}
@media screen and (max-width: 600px)
{
    .footer--grid .footer__col
    {
        background-image: url(/wp-content/themes/yuzawa/recruit/common/img/footer_bg_grid.webp);
    }
}
@media screen and (max-width: 1024px)
{
    .footer
    {
        margin-top: 80px;

        background-size: contain;
    }
}
@media screen and (max-width: 600px)
{
    .footer
    {
        background: none;
    }
}
.footer__links
{
    display: grid;

    width: 90%;
    max-width: 1100px;

    margin-inline: auto;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}
@media screen and (max-width: 600px)
{
    .footer__links
    {
        grid-template-columns: 1fr;
    }
}
.footer__links-item
{
    position: relative;
}
.footer__links-item:before
{
    position: absolute;
    top: -20px;
    right: 20px;

    width: 90px;

    content: '';

    background: var(--color);

    aspect-ratio: 90/102;
    clip-path: polygon(50% 0, 100% 24%, 100% 76%, 50% 100%, 0 76%, 0 24%);
}
@media screen and (max-width: 1024px)
{
    .footer__links-item:before
    {
        right: 10px;

        width: 50px;
    }
}
.footer__links-item--information
{
    --color: var(--c_sky);
}
.footer__links-item--entry
{
    --color: var(--c_bl2);
}
.footer__links-card
{
    display: flex;
    flex-direction: column;

    height: 250px;
    padding: 40px;

    border-radius: 10px;
    background: var(--white);
    box-shadow: 0 0 15px -5px rgba(45, 162, 216, .55);

    --tranalate: 0 0;
}
@media (hover)
{
    .footer__links-card:hover
    {
        --tranalate: 10px 0;
    }
}
@media screen and (max-width: 1024px)
{
    .footer__links-card
    {
        padding: 20px;
    }
}
@media screen and (max-width: 600px)
{
    .footer__links-card
    {
        height: auto;
    }
}
.footer__links-ttl
{
    font-size: 28px;
    line-height: 1.25;

    margin-bottom: 15px;
    padding-left: 20px;

    letter-spacing: 0;

    border-left: 4px solid var(--c_bl2);
}
@media screen and (max-width: 768px)
{
    .footer__links-ttl
    {
        font-size: 24px;

        padding-left: 10px;
    }
}
@media screen and (max-width: 600px)
{
    .footer__links-ttl
    {
        font-size: 20px;
    }
}
.footer__links-text
{
    font-family: 'Noto Sans JP';
    font-size: 16px;
    font-weight: 400;
    line-height: 1.875;

    letter-spacing: 0;
}
@media screen and (max-width: 768px)
{
    .footer__links-text
    {
        font-size: 14px;
    }
}
.footer__links-arrow
{
    font-family: 'Noto Sans JP';
    font-size: 18px;
    font-weight: 500;
    line-height: 1;

    position: relative;

    display: flex;

    margin-top: auto;
    margin-left: auto;

    letter-spacing: 0;

    color: var(--c_bl2);

    align-items: center;
    gap: 15px;
}
@media screen and (max-width: 768px)
{
    .footer__links-arrow
    {
        font-size: 16px;
    }
}
@media screen and (max-width: 600px)
{
    .footer__links-arrow
    {
        margin-top: 20px;
    }
}
.footer__links-arrow span
{
    padding-right: 20px;

    border-right: 1px solid #80abd7;
}
.footer__links-arrow:after
{
    display: block;

    width: 31px;

    content: '';
    transition: translate .3s;

    background-color: var(--c_bl2);

    aspect-ratio: 31/9;
    -webkit-mask-image: url(/wp-content/themes/yuzawa/recruit/common/img/icon_arw-btn.svg);
            mask-image: url(/wp-content/themes/yuzawa/recruit/common/img/icon_arw-btn.svg);
    -webkit-mask-size: cover;
            mask-size: cover;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    translate: var(--tranalate);
}
.footer__col
{
    display: grid;

    width: 90%;
    max-width: 1100px;
    margin: 20% auto 0;
    padding-bottom: 40px;

    grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 600px)
{
    .footer__col
    {
        width: 100%;
        margin-top: -15%;
        padding: 140px 5% 20px;

        background: url(/wp-content/themes/yuzawa/recruit/common/img/footer_bg.webp) center top/100% no-repeat var(--c_bl);

        grid-template-columns: 1fr;
    }
}
.footer__logo img
{
    width: 100%;
    max-width: 315px;
}
@media screen and (max-width: 768px)
{
    .footer__logo img
    {
        max-width: 250px;
    }
}
.footer__nav
{
    display: flex;

    justify-content: flex-end;
}
@media screen and (max-width: 600px)
{
    .footer__nav
    {
        display: block;

        margin-top: 40px;
    }
}
.footer__list
{
    display: grid;
    display: grid;

    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(3, auto);
    grid-auto-flow: column;
    gap: 30px 60px;
}
@media screen and (max-width: 768px)
{
    .footer__list
    {
        gap: 20px 30px;
    }
}
@media screen and (max-width: 600px)
{
    .footer__list
    {
        display: block;
    }
}
@media screen and (max-width: 600px)
{
    .footer__list-item:not(:last-child)
    {
        margin-bottom: 30px;
    }
}
.footer__list-item a
{
    font-family: 'Noto Sans JP';
    font-size: 15px;
    font-weight: 600;
    line-height: 1;

    display: flex;

    white-space: nowrap;
    letter-spacing: .05em;

    color: var(--white);

    align-items: center;
    gap: 10px;
}
@media screen and (max-width: 768px)
{
    .footer__list-item a
    {
        font-size: 14px;
    }
}
.footer__list-item a:before
{
    width: 15px;
    height: 1px;

    content: '';

    background: var(--white);
}
@media screen and (max-width: 768px)
{
    .footer__list-item a:before
    {
        width: 12px;
    }
}
.footer__list-item a[target=_blank]:after
{
    display: block;

    width: 15px;

    content: '';

    background: url(/wp-content/themes/yuzawa/recruit/common/img/icon_blank.svg);

    aspect-ratio: 1;
}
@media screen and (max-width: 768px)
{
    .footer__list-item a[target=_blank]:after
    {
        width: 12px;
    }
}
.footer__copy
{
    font-family: 'Noto Sans JP';
    font-size: 14px;
    font-weight: 400;
    line-height: 1;

    margin-top: 10px;

    letter-spacing: .02em;

    color: #cbd9eb;
}
@media screen and (max-width: 600px)
{
    .footer__copy
    {
        margin-top: 50px;
    }
}
/*# sourceMappingURL=common.css.map */