@charset "utf-8";

/* reset.css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* common + top */
:root {
    --base-color: #fff;
    --primary-color: #ff8a00;
    --second-color: #ff8a00;
    --third-color: #0093fe;
    --text-color: #141437;
    --font-base: 'Noto Sans JP', sans-serif;
    --font-en: "Roboto", sans-serif;
    --font-en01: "Inter", sans-serif;
    --z_upper: 3000;
    --z_middle: 2000;
    --z_low: 1000;
    --leading-trim: calc((1em - 1lh) / 2)
}

/* 動的背景（最背面・アニメーションは gsap-all.js） */
.bg-ambient {
    position: fixed;
    inset: 0;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
}

/* トップページ用：ドーナツ形（リング）・小さめ、左右で半分ずつ見せる */
.bg-ambient_donut {
    position: absolute;
    width: 38vmax;
    height: 38vmax;
    border-radius: 50%;
    background: radial-gradient(
        circle at 50% 50%,
        transparent 38%,
        rgba(255, 138, 0, 0.08) 40%,
        rgba(255, 138, 0, 0.14) 50%,
        rgba(255, 138, 0, 0.06) 65%,
        transparent 70%
    );
    will-change: transform;
}
/* 右半分しか見えないドーナツ（左端で半分カット） */
.bg-ambient_donut-1 {
    top: 18%;
    left: -19vmax;
}
/* 左半分しか見えないドーナツ（右端で半分カット） */
.bg-ambient_donut-2 {
    bottom: 22%;
    right: -19vmax;
}

/* 下層ページ用：従来の円・ドット・波（トップでは未使用） */
.bg-ambient_shape {
    position: absolute;
    border-radius: 50%;
}
.bg-ambient_circle {
    background: radial-gradient(circle, rgba(255, 138, 0, 0.12) 0%, rgba(255, 138, 0, 0.02) 70%);
}
.bg-ambient_circle-1 { width: 85vmax; height: 85vmax; top: -25%; left: -15%; }
.bg-ambient_circle-2 { width: 70vmax; height: 70vmax; top: 35%; right: -20%; }
.bg-ambient_circle-3 { width: 55vmax; height: 55vmax; bottom: -15%; left: 15%; }
.bg-ambient_dot {
    background: rgba(255, 138, 0, 0.2);
}
.bg-ambient_dot-1 { width: 24px; height: 24px; top: 12%; left: 6%; }
.bg-ambient_dot-2 { width: 18px; height: 18px; top: 22%; right: 10%; }
.bg-ambient_dot-3 { width: 22px; height: 22px; top: 52%; left: 4%; }
.bg-ambient_dot-4 { width: 14px; height: 14px; bottom: 28%; right: 6%; }
.bg-ambient_dot-5 { width: 28px; height: 28px; bottom: 12%; right: 22%; }
.bg-ambient_wave {
    position: absolute;
    left: 0;
    width: 100%;
    height: 45vh;
    opacity: 0.1;
}
.bg-ambient_wave_svg { width: 100%; height: 100%; }
.bg-ambient_wave_path { fill: var(--primary-color); }
.bg-ambient_wave-1 { top: 8%; }
.bg-ambient_wave-2 { bottom: 18%; transform: scaleY(-1); }

/* Lenis（スムーススクロール） */
html.lenis {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

.lenis.lenis-scrolling iframe {
    pointer-events: none;
}

/* 訪問介護スライダー #job-slider（1.5枚表示・スムーズ） */
#job-slider {
    overflow: hidden;
}

#job-slider .swiper-slide {
    height: auto;
}

#job-slider .swiper-slide figure {
    margin: 0;
}

#job-slider .swiper-slide img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

@supports not (top:1lh) {
    :root {
        --leading-trim: 0px
    }
}

@font-face {
    font-family: "glyphs";
    src: url(../fonts/glyphs.eot?t=1665115844368);
    src: url("../fonts/glyphs.eot")format("embedded-opentype"), url("../fonts/glyphs.woff2")format("woff2"), url("../fonts/glyphs.woff")format("woff"), url("../fonts/glyphs.ttf")format("truetype"), url("../fonts/glyphs.svg")format("svg")
}

[class^=glyphs-], [class*=" glyphs-"] {
    font-family: "glyphs" !important;
    font-size: 1em;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphs-arrow-btn:before {
    content: ""
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, nav, figure, main, section {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    box-sizing: border-box
}

ol, ul {
    list-style: none
}

table {
    border-collapse: separate;
    border-spacing: 0;
    vertical-align: middle
}

caption, th, td {
    text-align: left;
    font-weight: 400;
    vertical-align: middle
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1
}

.clearfix:after {
    content: "";
    display: block;
    clear: both
}

main, figure {
    display: block
}

img {
    max-width: 100%;
    height: auto;
    display: block
}

a {
    color: currentColor;
    text-decoration: none
}

* {
    box-sizing: border-box
}

:before, :after {
    box-sizing: border-box
}

@keyframes loopVertical1 {
    0% {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes loopVertical2 {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes loop {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes loopRe {
    0% {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes leftToRight {
    0% {
        transform: translate(-100px, -100px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes rightToLeft {
    0% {
        transform: translate(100px, 100px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes rightToLeft02 {
    0% {
        transform: translate(100px, -100px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@media (min-width:1512px), print {
    body {
        font-size: 1.8rem;
        line-height: 1.6;
        letter-spacing: .16em;
        background: #fff;
    }

    a[href^=tel] {
        display: inline-block;
        pointer-events: none;
        text-decoration: none
    }

    .only-sp {
        display: none !important
    }

    .root {
        position: relative;
        width: 100%;
        overflow: hidden
    }

    .row {
        max-width: 1200px;
        width: 100%;
        margin: 0 auto
    }

    .row__sm {
        max-width: 1112px;
        width: 100%;
        margin: 0 auto
    }

    .main {
        position: relative
    }

    .main__inner {
        padding-top: 160px;
        margin-bottom: 140px
    }

    .main__inner.no-padding {
        padding-top: 0
    }
}

@media (min-width:769px) and (max-width:1511px) {
    body {
        font-size: 1.19vw;
        line-height: 1.6;
        letter-spacing: .16em;
        background: #fff;
    }

    a[href^=tel] {
        display: inline-block;
        pointer-events: none;
        text-decoration: none
    }

    .only-sp {
        display: none !important
    }

    .root {
        position: relative;
        width: 100%;
        overflow: hidden
    }

    .row {
        max-width: 79.37vw;
        width: 100%;
        margin: 0 auto
    }

    .row__sm {
        max-width: 73.54vw;
        width: 100%;
        margin: 0 auto
    }

    .main {
        position: relative
    }

    .main__inner {
        padding-top: 10.58vw;
        margin-bottom: 9.26vw
    }

    .main__inner.no-padding {
        padding-top: 0
    }
}

@media only screen and (max-width:768px) {
    body {
        font-size: 3.65vw;
        line-height: 1.8;
        letter-spacing: .1em;
        background: #fff;
    }

    .only-pc {
        display: none !important
    }

    .root {
        min-width: 41.67vw;
        overflow: hidden
    }

    .row, .row__sm {
        width: 100%;
        padding-left: 3.91vw;
        padding-right: 3.91vw
    }

    .main {
        position: relative
    }

    .main__inner {
        padding-top: 25vw;
        margin-bottom: 25.39vw
    }

    .main__inner.no-padding {
        padding-top: 0
    }
}



@media (min-width:1512px), print {
    .breadcrumb {
        margin-bottom: 130px
    }

    .breadcrumb ul {
        display: flex;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .breadcrumb li {
        flex-shrink: 0;
        color: var(--primary-color);
        font-family: var(--font-base);
        font-size: 1.2rem;
        line-height: 1.58;
        transition: color .4s ease-out;
        will-change: color;
        letter-spacing: .05em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .breadcrumb li:last-of-type {
        flex: 1;
        margin-left: 1px;
        white-space: nowrap;
        color: #333
    }

    .breadcrumb li:not(:last-of-type):after {
        content: "|";
        margin-inline: 12px 13px;
        color: var(--primary-color)
    }

    .breadcrumb li:hover:not(:last-of-type) {
        color: var(--primary-color)
    }

    .breadcrumb li:hover:not(:last-of-type) a {
        opacity: 1
    }
}

@media (min-width:769px) and (max-width:1511px) {
    .breadcrumb {
        margin-bottom: 8.6vw
    }

    .breadcrumb ul {
        display: flex;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .breadcrumb li {
        flex-shrink: 0;
        color: var(--primary-color);
        font-family: var(--font-base);
        font-size: .79vw;
        line-height: 1.58;
        transition: color .4s ease-out;
        will-change: color;
        letter-spacing: .05em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .breadcrumb li:last-of-type {
        flex: 1;
        margin-left: 1px;
        white-space: nowrap;
        color: #333
    }

    .breadcrumb li:not(:last-of-type):after {
        content: "|";
        margin-inline: .79vw .86vw;
        color: var(--primary-color)
    }

    .breadcrumb li:hover:not(:last-of-type) {
        color: var(--primary-color)
    }

    .breadcrumb li:hover:not(:last-of-type) a {
        opacity: 1
    }
}

@media only screen and (max-width:768px) {
    .breadcrumb {
        margin-bottom: 16.93vw
    }

    .breadcrumb ul {
        display: flex;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .breadcrumb li {
        flex-shrink: 0;
        color: var(--primary-color);
        font-family: var(--font-base);
        font-size: 2.86vw;
        line-height: 1.6;
        letter-spacing: .05em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 42.84vw
    }

    .breadcrumb li:last-of-type {
        flex: 1;
        margin-left: 1px;
        white-space: nowrap;
        color: #333
    }

    .breadcrumb li:not(:last-of-type):after {
        content: "|";
        margin-inline: 1.69vw;
        color: var(--primary-color)
    }
}


@media (min-width:1512px), print {
    .mv {
        padding-block: 44px 145px
    }

    .mv-title {
        font-size: 6.4rem;
        font-weight: 700;
        line-height: 1.41;
        letter-spacing: .1em;
        text-align: center
    }
}

@media (min-width:769px) and (max-width:1511px) {
    .mv {
        padding-block: 2.91vw 9.59vw
    }

    .mv-title {
        font-size: 4.23vw;
        font-weight: 700;
        line-height: 1.41;
        letter-spacing: .1em;
        text-align: center
    }
}

@media only screen and (max-width:768px) {
    .mv {
        padding-block: 12.63vw 25vw
    }

    .mv-title {
        font-size: 8.33vw;
        font-weight: 700;
        line-height: 1.41;
        letter-spacing: .1em;
        text-align: center
    }
}

@media (min-width:1512px), print {
    .page-tl {
        font-size: 3.6rem;
        line-height: 1.5;
        font-weight: 700;
        letter-spacing: .1em;
        color: #333;
        margin-bottom: 30px
    }
}

@media (min-width:769px) and (max-width:1511px) {
    .page-tl {
        font-size: 2.38vw;
        line-height: 1.5;
        font-weight: 700;
        letter-spacing: .1em;
        color: #333;
        margin-bottom: 1.98vw
    }
}

@media only screen and (max-width:768px) {
    .page-tl {
        font-size: 5.99vw;
        line-height: 1.5;
        font-weight: 700;
        letter-spacing: .1em;
        color: #333;
        margin-bottom: 2.34vw
    }
}

@media (min-width:1512px), print {
    .btn {
        position: relative;
        display: inline-flex;
        justify-content: space-between;
        align-items: center;
        min-width: 400px;
        padding: 15px 18px 15px 38px;
        min-height: 80px;
        border: 2px solid var(--primary-color);
        border-radius: 9999px;
        background: var(--primary-color);
        cursor: pointer;
        color: #fff;
        font-size: 2rem;
        line-height: 1.6;
        text-align: center;
        font-weight: 700;
        font-family: var(--font-base);
        letter-spacing: .16em
    }

    .btn .icon-arrow {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 60px;
        height: 40px;
        flex-shrink: 0;
        margin-left: 20px;
        border-radius: 100px;
        background: #fff;
        z-index: 2;
        transition: transform .3s;
        will-change: transform
    }

    .btn .icon-arrow:before {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        background: url("../image/common/ic_arrow_vf3afd577ce609d332f977d52a4efd74e.svg")no-repeat;
        background-size: 100% 100%
    }

    @media (hover:hover) {
        .btn:not(.disabled):hover {
            opacity: 1
        }

        .btn:not(.disabled):hover .icon-arrow {
            transform: translateX(10px)
        }
    }

    .btn.disabled {
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
        background: #afadad;
        border-color: #afadad
    }

    .btn-back {
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 1.6;
        letter-spacing: .16em
    }

    .btn-back .icon-arrow {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 60px;
        height: 40px;
        flex-shrink: 0;
        margin-right: 20px;
        border-radius: 100px;
        background: var(--primary-color);
        z-index: 2;
        transition: transform .3s;
        will-change: transform
    }

    .btn-back .icon-arrow:before {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        background: url("../image/common/ic_forward_white_v6550ccfdb27974fcf5859e331fa7519a.svg")no-repeat;
        background-size: 100% 100%;
        transform: rotate(180deg)
    }

    @media (hover:hover) {
        .btn-back:not(.disabled):hover {
            opacity: 1
        }

        .btn-back:not(.disabled):hover .icon-arrow {
            transform: translateX(-10px)
        }
    }
}

@media (min-width:769px) and (max-width:1511px) {
    .btn {
        position: relative;
        display: inline-flex;
        justify-content: space-between;
        align-items: center;
        min-width: 26.46vw;
        padding: .99vw 1.19vw .99vw 2.51vw;
        min-height: 5.29vw;
        border: .13vw solid var(--primary-color);
        border-radius: 661.31vw;
        background: var(--primary-color);
        cursor: pointer;
        color: #fff;
        font-size: 1.32vw;
        line-height: 1.6;
        text-align: center;
        font-weight: 700;
        font-family: var(--font-base);
        letter-spacing: .16em
    }

    .btn .icon-arrow {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 3.97vw;
        height: 2.65vw;
        flex-shrink: 0;
        margin-left: 1.32vw;
        border-radius: 6.61vw;
        background: #fff;
        z-index: 2;
        transition: transform .3s;
        will-change: transform
    }

    .btn .icon-arrow:before {
        content: "";
        display: block;
        width: 1.06vw;
        height: 1.06vw;
        background: url("../image/common/ic_arrow_vf3afd577ce609d332f977d52a4efd74e.svg")no-repeat;
        background-size: 100% 100%
    }

    @media (hover:hover) {
        .btn:not(.disabled):hover {
            opacity: 1
        }

        .btn:not(.disabled):hover .icon-arrow {
            transform: translateX(.66vw)
        }
    }

    .btn.disabled {
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
        background: #afadad;
        border-color: #afadad
    }

    .btn-back {
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.59vw;
        font-weight: 700;
        line-height: 1.6;
        letter-spacing: .16em
    }

    .btn-back .icon-arrow {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 3.97vw;
        height: 2.65vw;
        flex-shrink: 0;
        margin-right: 1.32vw;
        border-radius: 6.61vw;
        background: var(--primary-color);
        z-index: 2;
        transition: transform .3s;
        will-change: transform
    }

    .btn-back .icon-arrow:before {
        content: "";
        display: block;
        width: 1.06vw;
        height: 1.06vw;
        background: url("../image/common/ic_forward_white_v6550ccfdb27974fcf5859e331fa7519a.svg")no-repeat;
        background-size: 100% 100%;
        transform: rotate(180deg)
    }

    @media (hover:hover) {
        .btn-back:not(.disabled):hover {
            opacity: 1
        }

        .btn-back:not(.disabled):hover .icon-arrow {
            transform: translateX(-.66vw)
        }
    }
}

@media only screen and (max-width:768px) {
    .btn {
        position: relative;
        display: inline-flex;
        justify-content: space-between;
        align-items: center;
        min-width: 73.96vw;
        padding: 1.95vw 3.78vw 1.95vw 7.81vw;
        min-height: 15.63vw;
        border: .26vw solid var(--primary-color);
        border-radius: 1301.95vw;
        background: var(--primary-color);
        cursor: pointer;
        color: #fff;
        font-size: 3.91vw;
        line-height: 1.6;
        text-align: center;
        font-weight: 700;
        font-family: var(--font-base);
        letter-spacing: .1em
    }

    .btn .icon-arrow {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 11.72vw;
        height: 7.81vw;
        flex-shrink: 0;
        margin-left: 2.6vw;
        border-radius: 13.02vw;
        background: #fff;
        z-index: 2;
        transition: transform .3s;
        will-change: transform
    }

    .btn .icon-arrow:before {
        content: "";
        display: block;
        width: 3.13vw;
        height: 3.13vw;
        background: url("../image/common/ic_arrow_vf3afd577ce609d332f977d52a4efd74e.svg")no-repeat;
        background-size: 100% 100%
    }

    @media (hover:hover) {
        .btn:not(.disabled):hover {
            opacity: 1
        }

        .btn:not(.disabled):hover .icon-arrow {
            transform: translateX(1.3vw)
        }
    }

    .btn.disabled {
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
        background: #afadad;
        border-color: #afadad
    }

    .btn-back {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 4.43vw;
        font-weight: 700;
        line-height: 1.6;
        letter-spacing: .16em
    }

    .btn-back .icon-arrow {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 10.16vw;
        height: 6.77vw;
        flex-shrink: 0;
        margin-right: 2.6vw;
        border-radius: 13.02vw;
        background: var(--primary-color);
        z-index: 2
    }

    .btn-back .icon-arrow:before {
        content: "";
        display: block;
        width: 2.73vw;
        height: 2.73vw;
        background: url("../image/common/ic_forward_white_v6550ccfdb27974fcf5859e331fa7519a.svg")no-repeat;
        background-size: 100% 100%;
        transform: rotate(180deg)
    }
}

@media (any-hover:hover) {
    a {
        transition: opacity .3s ease;
        will-change: opacity
    }

    a:hover {
        opacity: .7
    }

    .link__alpha {
        cursor: pointer;
        transition: opacity .3s ease;
        will-change: opacity
    }

    .link__alpha:hover {
        opacity: .6
    }

    .link__color {
        cursor: pointer;
        transition: color .3s ease;
        will-change: color
    }

    .link__color:hover {
        color: #fff
    }

    .link__text {
        cursor: pointer;
        position: relative
    }

    .link__text:before {
        content: "";
        display: block;
        height: 1px;
        width: 100%;
        background-color: currentColor;
        position: absolute;
        left: 0;
        bottom: 0;
        transform-origin: right center;
        transform: scale(0, 1);
        transition: transform .3s ease;
        will-change: transform
    }

    .link__text:hover:before {
        transform-origin: left center;
        transform: scale(1, 1)
    }

    .link__line {
        padding-bottom: .25em;
        background: linear-gradient(currentColor, currentColor)0 100%/0 1px no-repeat;
        transition: background .3s ease;
        will-change: background
    }

    .link__line:hover {
        background-size: 100% 1px
    }

    .link__fill {
        position: relative;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .link__fill span {
        position: relative
    }

    .link__fill:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #333;
        transform-origin: right center;
        transform: scale(0, 1);
        transition: transform .3s ease;
        will-change: transform
    }

    .link__fill:hover:before {
        transform-origin: left center;
        transform: scale(1, 1)
    }

    .link__zoom figure {
        overflow: hidden
    }

    .link__zoom img {
        transition: transform .4s ease;
        will-change: transform
    }

    .link__zoom:hover img {
        transform: scale(1.2)
    }
}

@media (min-width:1512px), print {
    .page-listDot__item {
        position: relative;
        padding-left: 24px
    }

    .page-listDot__item:not(:last-of-type) {
        margin-bottom: 4px
    }

    .page-listDot__item:before {
        position: absolute;
        top: 7px;
        left: 0;
        content: "●";
        font-size: 1.4rem;
        line-height: 1;
        letter-spacing: 0;
        color: var(--second-color)
    }

    .page-listNum {
        list-style: decimal;
        padding-left: 24px
    }

    .page-listNum__item {
        font-size: 2rem;
        line-height: 1.6;
        font-weight: 700;
        letter-spacing: .16em
    }

    .page-listNum__item:not(:last-child) {
        margin-bottom: 13px
    }

    .page-listNum__item::marker {
        font-weight: 700
    }

    .page-listFile__item a {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 30px;
        padding-block: 19px 20px;
        border-bottom: 1px solid #cadbe0
    }

    .page-listFile__item a:before {
        position: absolute;
        content: "";
        left: 5px;
        top: 30px;
        width: 9px;
        height: 10px;
        background: url("../image/common/ic_triangle_v5ce276e6e35a68e3b113af3548a1adce.svg")no-repeat center;
        background-size: cover
    }

    .page-listFile__item a .icon {
        display: inline-block;
        width: 30px;
        height: 30px;
        flex-shrink: 0;
        margin-right: 10px
    }

    .page-listFile__item a .icon-pdf {
        background: url("../image/common/ic_pdf_v470582b45e78e1c1e835e7e19ba6a126.svg")no-repeat center center
    }

    .page-listFile__item a .icon-word {
        background: url("../image/common/ic_word_v891dd6471a5cad3adf89ad5d3c42ad09.svg")no-repeat center center
    }

    .page-listFile__item a .icon-excel {
        background: url("../image/common/ic_excel_vd6479ec8d52a672dfab38a0f6a737303.svg")no-repeat center center
    }
}

@media (min-width:769px) and (max-width:1511px) {
    .page-listDot__item {
        position: relative;
        padding-left: 1.59vw
    }

    .page-listDot__item:not(:last-of-type) {
        margin-bottom: .26vw
    }

    .page-listDot__item:before {
        position: absolute;
        top: .46vw;
        left: 0;
        content: "●";
        font-size: .93vw;
        line-height: 1;
        letter-spacing: 0;
        color: var(--second-color)
    }

    .page-listNum {
        list-style: decimal;
        padding-left: 1.59vw
    }

    .page-listNum__item {
        font-size: 1.32vw;
        line-height: 1.6;
        font-weight: 700;
        letter-spacing: .16em
    }

    .page-listNum__item:not(:last-child) {
        margin-bottom: .86vw
    }

    .page-listNum__item::marker {
        font-weight: 700
    }

    .page-listFile__item a {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 1.98vw;
        padding-block: 1.26vw 1.32vw;
        border-bottom: 1px solid #cadbe0
    }

    .page-listFile__item a:before {
        position: absolute;
        content: "";
        left: .33vw;
        top: 1.98vw;
        width: .6vw;
        height: .66vw;
        background: url("../image/common/ic_triangle_v5ce276e6e35a68e3b113af3548a1adce.svg")no-repeat center;
        background-size: cover
    }

    .page-listFile__item a .icon {
        display: inline-block;
        width: 1.98vw;
        height: 1.98vw;
        flex-shrink: 0;
        margin-right: .66vw
    }

    .page-listFile__item a .icon-pdf {
        background: url("../image/common/ic_pdf_v470582b45e78e1c1e835e7e19ba6a126.svg")no-repeat center center
    }

    .page-listFile__item a .icon-word {
        background: url("../image/common/ic_word_v891dd6471a5cad3adf89ad5d3c42ad09.svg")no-repeat center center
    }

    .page-listFile__item a .icon-excel {
        background: url("../image/common/ic_excel_vd6479ec8d52a672dfab38a0f6a737303.svg")no-repeat center center
    }
}

@media only screen and (max-width:768px) {
    .page-listDot__item {
        position: relative;
        padding-left: 3.65vw
    }

    .page-listDot__item:not(:last-of-type) {
        margin-bottom: 2.73vw
    }

    .page-listDot__item:before {
        position: absolute;
        top: 2.21vw;
        left: 0;
        content: "●";
        font-size: 2.47vw;
        line-height: 1;
        letter-spacing: 0;
        color: var(--second-color)
    }

    .page-listNum {
        list-style: decimal;
        padding-left: 5.21vw
    }

    .page-listNum__item {
        font-size: 3.91vw;
        line-height: 1.6;
        font-weight: 700;
        letter-spacing: .16em
    }

    .page-listNum__item:not(:last-child) {
        margin-bottom: 1.69vw
    }

    .page-listNum__item::marker {
        font-weight: 700;
        letter-spacing: 0
    }

    .page-listFile__item a {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 4.43vw;
        padding-block: 3.13vw;
        border-bottom: 1px solid #cadbe0;
        letter-spacing: .16em
    }

    .page-listFile__item a:before {
        position: absolute;
        content: "";
        left: .65vw;
        top: 5.21vw;
        width: 1.69vw;
        height: 1.95vw;
        background: url("../image/common/ic_triangle_v5ce276e6e35a68e3b113af3548a1adce.svg")no-repeat center;
        background-size: cover
    }

    .page-listFile__item a .icon {
        display: inline-block;
        width: 5.86vw;
        height: 5.86vw;
        flex-shrink: 0;
        margin-inline: 1.3vw
    }

    .page-listFile__item a .icon-pdf {
        background: url("../image/common/ic_pdf_v470582b45e78e1c1e835e7e19ba6a126.svg")no-repeat center center;
        background-size: 3.39vw 3.91vw
    }

    .page-listFile__item a .icon-word {
        background: url("../image/common/ic_word_v891dd6471a5cad3adf89ad5d3c42ad09.svg")no-repeat center center;
        background-size: 3.39vw 3.91vw
    }

    .page-listFile__item a .icon-excel {
        background: url("../image/common/ic_excel_vd6479ec8d52a672dfab38a0f6a737303.svg")no-repeat center center;
        background-size: 3.39vw 3.91vw
    }
}

@media (min-width:1512px), print {
    .scroll-sp {
        padding: 1px
    }

    .page-tbl {
        box-shadow: 0 0 0 1px #c9dcf9;
        width: 100%;
        border-collapse: collapse;
        border-radius: 20px;
        overflow: hidden
    }

    .page-tbl th {
        width: 240px;
        background-color: #f4f4f4;
        color: #fff;
        font-size: 1.6rem;
        font-weight: 700
    }

    .page-tbl th, .page-tbl td {
        width: 240px;
        border: 1px solid #cadbe0;
        padding: 21px 18px;
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 1.8;
        letter-spacing: .1em;
        color: #333
    }

    .page-tbl th:first-child, .page-tbl td:first-child {
        border-left-color: transparent
    }

    .page-tbl th:last-child, .page-tbl td:last-child {
        border-right-color: transparent
    }

    .page-tbl thead th {
        border-top-color: var(--primary-color);
        background: var(--primary-color);
        color: #fff;
        padding: 17px 18px 14px;
        letter-spacing: .1em
    }

    .page-tbl thead th:not(:last-child) {
        border-right-color: #fff
    }

    .page-tbl thead th:first-child {
        border-left-color: var(--primary-color)
    }

    .page-tbl thead th:last-child {
        border-right-color: var(--primary-color)
    }

    .page-tbl tbody th:first-child {
        border-left-color: #f4f4f4
    }

    .page-tbl tbody td {
        background: #fff
    }

    .page-tbl tbody tr:last-child th, .page-tbl tbody tr:last-child td {
        border-bottom: none
    }

    .page-tbl.border-clr tr:first-child th, .page-tbl.border-clr tr:first-child td {
        border-top: none
    }
}

@media (min-width:769px) and (max-width:1511px) {
    .scroll-sp {
        padding: 1px
    }

    .page-tbl {
        box-shadow: 0 0 0 1px #c9dcf9;
        width: 100%;
        border-collapse: collapse;
        border-radius: 1.32vw;
        overflow: hidden
    }

    .page-tbl th {
        width: 15.87vw;
        background-color: #f4f4f4;
        color: #fff;
        font-size: 1.06vw;
        font-weight: 700
    }

    .page-tbl th, .page-tbl td {
        width: 15.87vw;
        border: 1px solid #cadbe0;
        padding: 1.39vw 1.19vw;
        font-size: 1.06vw;
        font-weight: 400;
        line-height: 1.8;
        letter-spacing: .1em;
        color: #333
    }

    .page-tbl th:first-child, .page-tbl td:first-child {
        border-left-color: transparent
    }

    .page-tbl th:last-child, .page-tbl td:last-child {
        border-right-color: transparent
    }

    .page-tbl thead th {
        border-top-color: var(--primary-color);
        background: var(--primary-color);
        color: #fff;
        padding: 1.12vw 1.19vw .93vw;
        letter-spacing: .1em
    }

    .page-tbl thead th:not(:last-child) {
        border-right-color: #fff
    }

    .page-tbl thead th:first-child {
        border-left-color: var(--primary-color)
    }

    .page-tbl thead th:last-child {
        border-right-color: var(--primary-color)
    }

    .page-tbl tbody th:first-child {
        border-left-color: #f4f4f4
    }

    .page-tbl tbody td {
        background: #fff
    }

    .page-tbl tbody tr:last-child th, .page-tbl tbody tr:last-child td {
        border-bottom: none
    }

    .page-tbl.border-clr tr:first-child th, .page-tbl.border-clr tr:first-child td {
        border-top: none
    }
}

@media only screen and (max-width:768px) {
    .scroll-sp {
        overflow-x: auto;
        margin-bottom: 7.42vw;
        padding: .26vw;
        -webkit-overflow-scrolling: touch
    }

    .scroll-sp .page-tbl {
        width: 171.88vw
    }

    .page-tbl {
        border: .33vw solid #c9dcf9;
        border-right-width: .46vw;
        border-collapse: separate;
        border-radius: 2.6vw;
        width: 100%;
        overflow: hidden
    }

    .page-tbl th {
        width: 50vw;
        background-color: #f4f4f4;
        color: #fff;
        font-size: 2.99vw;
        line-height: 1.3
    }

    .page-tbl th, .page-tbl td {
        border: .33vw solid #c9dcf9;
        border-right-color: transparent;
        padding: 4.56vw 4.17vw;
        font-size: 2.99vw;
        line-height: 1.3;
        font-weight: 400;
        letter-spacing: .05em;
        color: #333;
        width: 50vw
    }

    .page-tbl thead th {
        background: var(--primary-color);
        border-top-color: var(--primary-color);
        color: #fff;
        font-weight: 500;
        padding: 3.26vw 4.17vw;
        letter-spacing: .05em
    }

    .page-tbl thead th:first-child {
        border-left-color: var(--primary-color)
    }

    .page-tbl tbody th, .page-tbl tbody td {
        border-bottom-color: transparent
    }

    .page-tbl tbody th:first-child, .page-tbl tbody td:first-child {
        border-left-color: transparent
    }

    .page-tbl tbody td {
        background: #fff
    }

    .page-tbl tbody tr:first-child th, .page-tbl tbody tr:first-child td {
        border-top: none
    }
}

html {
    font-size: 10px
}

a {
    color: currentColor;
    text-decoration: none
}

.fit {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.fit--contain {
    width: 100%;
    height: 100%;
    object-fit: contain
}

body {
    color: var(--text-color);
    font-family: var(--font-base);
    font-weight: 400;
    background-color: #fff;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none
}

@font-face {
    font-family: "swiper-icons";
    src: url(data:application/font-woff;charset=utf-8;base64,\ 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);
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    transition-timing-function: linear !important;
}

.swiper-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent)
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-prev, .swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next {
    display: none !important
}

.swiper-button-prev:after, .swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #333);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
}

button.swiper-pagination-bullet {
    border: 0;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px)0;
    display: block
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-vertical>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-scrollbar-disabled>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-vertical>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>img, .swiper-zoom-container>svg, .swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #333
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100%0
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev, .swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-top, .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #333;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-top, .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden
}


.dn-w {
    display: none;
}

@media screen and (min-width: 768px) {
    .dn-w {
        display: inline;
    }
}