@charset "UTF-8";

:root {
    --c-ui-main: #00AEEF;
    --c-ui-sub: #006D9D;
    --c-text-main: #000;
    --c-text-sub: #777472;
    --c-text-inactive: #D0CFCC;
    --c-text-alert: #D85140;
    --c-sf-main: #FFF;
    --c-sf-active: #F2FBFF;
    --c-sf-inactive: #F8F8F7;
    --c-sf-alert: #FFFAE3;
    --c-sf-request: #F4FCED;
    --c-sf-danger: #FFF5F2;
    --c-bg-main: #F8F8F7;
    --c-bg-sub: #FFF;
    --c-bg-info: #cae2f8;
    --c-bg-header: #6D7071;
    --c-gray-main: #D0CFCC;
    --c-gray-sub: #EAE9E7;
    --c-deco-red: #E04C4C;
    --c-deco-blue: #2682C7;
    --c-deco-green: #39913C;
    --f-size-m: 16px;
    --s-xs: 24px;
    --s-sm: 32px;
    --s-md: 40px;
    --s-lg: 64px;
    --s-xl: 80px;
    --r-xs: 2px;
    --r-sm: 4px;
    --r-md: 8px;
    --r-full: 99rem;
    --nav-width: 240px;
    --header-height: 56px;
    --footer-height: 56px;
}

/* A Modern CSS Reset */
*, *::before, *::after {
    box-sizing: border-box;
}

body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
    margin: 0;
}

ul[role=list], ol[role=list] {
    list-style: none;
}

body {
    text-rendering: optimizeSpeed;
    line-height: 1.5;
}

a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
}

img, picture {
    max-width: 100%;
    display: block;
}

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

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

button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

html {
    line-height: 1.5;
    font-size: 1rem;
    max-width: 2200px;
    margin: auto;
}

body {
    position: relative;
    width: 100%;
    -webkit-text-size-adjust: 100%;
    background-color: var(--c-bg-main);
    color: var(--c-text-main);
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 500;
    word-break: break-word;
    word-wrap: break-word;
    min-height: 100vh;
    min-height: 100dvh;
}

main {
    display: block;
}

img {
    height: auto;
    vertical-align: bottom;
}

svg {
    overflow: hidden;
}

picture {
    display: block;
}

li {
    list-style-type: none;
}

summary {
    display: block;
    cursor: pointer;
}

    summary::-webkit-details-marker {
        display: none;
    }

a[href^="tel:"] {
    pointer-events: none;
    color: var(--c-text-main);
    text-decoration: none;
}

:focus:not(:focus-visible) {
    outline: 0;
}

:focus-visible {
    outline-offset: 5px;
}

strong {
    font-weight: 700;
}

.l-footer {
    height: var(--footer-height);
    background: var(--c-bg-sub);
}

.l-footer__inner {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    padding: 12px 40px;
    position: relative;
}

.l-footer__copy {
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.l-footer__link {
    display: flex;
}

.l-footer__link-item {
    flex: 0 0 auto;
    margin-right: 24px;
}

    .l-footer__link-item:last-of-type {
        margin-right: 0;
    }

    .l-footer__link-item.-fs-small {
        font-size: 14px;
    }

    .l-footer__link-item a {
        color: var(--c-text-main);
        font-size: 14px;
        font-weight: 300;
    }

        .l-footer__link-item a:link {
            text-decoration: underline;
        }

        .l-footer__link-item a:hover, .l-footer__link-item a:active {
            color: var(--c-ui-sub);
        }

.l-header {
    height: var(--header-height);
    background: var(--c-bg-header);
}

.l-header__inner {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    padding: 12px 40px;
    position: relative;
}

.l-header__item {
    flex: 0 0 auto;
    margin-right: 26px;
}

    .l-header__item:last-of-type {
        margin-right: 0;
    }

.l-header__text {
    display: flex;
    flex-flow: row wrap;
}

.l-header__text-item {
    color: var(--c-sf-main);
    font-size: inherit;
    font-weight: 300;
    margin-right: 17px;
}

    .l-header__text-item:last-of-type {
        margin-right: 0;
    }

    .l-header__text-item.-fs-small {
        font-size: 14px;
    }

    .l-header__text-item.-last-login::before {
        content: "前回ログイン：";
        display: inline;
    }

.l-header__nav-trigger {
    background-color: var(--c-sf-main);
    border-radius: var(--r-xs);
    box-shadow: 2px 0 2px rgba(var(--c-text-main), 0.08);
    cursor: pointer;
    position: absolute;
    left: -8px;
    top: 50%;
    height: 40px;
    transform: translate(0, -50%);
    width: 40px;
    z-index: 50;
}

    .l-header__nav-trigger button {
        height: 40px;
        padding: 10px 8px 10px 15px;
        width: 40px;
    }

        .l-header__nav-trigger button:hover {
            opacity: 0.9;
        }

.l-header__nav-icon {
    display: inline-block;
    transform: rotate(0);
    transition: transform, 0.3s;
    fill: var(--c-text-sub);
    height: 16px;
    width: 17px;
}

.l-wrapper.-close .l-header__nav-trigger {
    background-color: var(--c-ui-main);
    left: 14px;
}

    .l-wrapper.-close .l-header__nav-trigger button {
        padding-right: 4px;
    }

.l-wrapper.-close .l-header__nav-icon {
    transform: rotate(-180deg);
    fill: var(--c-sf-main);
}

.l-header.-clm1 {
    height: var(--header-height);
    background: var(--c-bg-sub);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.08);
}

    .l-header.-clm1 .l-header__inner {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        justify-content: flex-start;
        height: 100%;
        padding: 12px 40px;
        position: relative;
    }

    .l-header.-clm1 .l-header__cat {
        margin-left: 24px;
        color: var(--c-ui-sub);
        font-size: 16px;
        font-weight: 600;
    }

.l-main {
    min-height: calc(100vh - var(--header-height) - var(--footer-height));
}

.l-nav-group.-group01 .l-nav-group__01 .l-side__link {
    color: var(--c-ui-main);
    font-weight: 700;
}

    .l-nav-group.-group01 .l-nav-group__01 .l-side__link::before {
        background: transparent url("../img/icon_nav-listmark-active.svg") no-repeat scroll 50% 50%/14px 7px;
    }

.l-nav-group.-group02 .l-nav-group__02 .l-side__link {
    color: var(--c-ui-main);
    font-weight: 700;
}

    .l-nav-group.-group02 .l-nav-group__02 .l-side__link::before {
        background: transparent url("../img/icon_nav-listmark-active.svg") no-repeat scroll 50% 50%/14px 7px;
    }

.l-nav-group.-group03 .l-nav-group__03 .l-side__link {
    color: var(--c-ui-main);
    font-weight: 700;
}

    .l-nav-group.-group03 .l-nav-group__03 .l-side__link::before {
        background: transparent url("../img/icon_nav-listmark-active.svg") no-repeat scroll 50% 50%/14px 7px;
    }

.l-nav-group.-group04 .l-nav-group__04 .l-side__link {
    color: var(--c-ui-main);
    font-weight: 700;
}

    .l-nav-group.-group04 .l-nav-group__04 .l-side__link::before {
        background: transparent url("../img/icon_nav-listmark-active.svg") no-repeat scroll 50% 50%/14px 7px;
    }

.l-nav-group.-group05 .l-nav-group__05 .l-side__link {
    color: var(--c-ui-main);
    font-weight: 700;
}

    .l-nav-group.-group05 .l-nav-group__05 .l-side__link::before {
        background: transparent url("../img/icon_nav-listmark-active.svg") no-repeat scroll 50% 50%/14px 7px;
    }

.l-nav-group.-group06 .l-nav-group__06 .l-side__link {
    color: var(--c-ui-main);
    font-weight: 700;
}

    .l-nav-group.-group06 .l-nav-group__06 .l-side__link::before {
        background: transparent url("../img/icon_nav-listmark-active.svg") no-repeat scroll 50% 50%/14px 7px;
    }

.l-nav-group.-group07 .l-nav-group__07 .l-side__link {
    color: var(--c-ui-main);
    font-weight: 700;
}

    .l-nav-group.-group07 .l-nav-group__07 .l-side__link::before {
        background: transparent url("../img/icon_nav-listmark-active.svg") no-repeat scroll 50% 50%/14px 7px;
    }

.l-nav-group.-group08 .l-nav-group__08 .l-side__link {
    color: var(--c-ui-main);
    font-weight: 700;
}

    .l-nav-group.-group08 .l-nav-group__08 .l-side__link::before {
        background: transparent url("../img/icon_nav-listmark-active.svg") no-repeat scroll 50% 50%/14px 7px;
    }

.l-nav-group.-group09 .l-nav-group__09 .l-side__link {
    color: var(--c-ui-main);
    font-weight: 700;
}

    .l-nav-group.-group09 .l-nav-group__09 .l-side__link::before {
        background: transparent url("../img/icon_nav-listmark-active.svg") no-repeat scroll 50% 50%/14px 7px;
    }

.l-nav-group.-group10 .l-nav-group__10 .l-side__link {
    color: var(--c-ui-main);
    font-weight: 700;
}

    .l-nav-group.-group10 .l-nav-group__10 .l-side__link::before {
        background: transparent url("../img/icon_nav-listmark-active.svg") no-repeat scroll 50% 50%/14px 7px;
    }

.l-nav-group.-group11 .l-nav-group__11 .l-side__link {
    color: var(--c-ui-main);
    font-weight: 700;
}

    .l-nav-group.-group11 .l-nav-group__11 .l-side__link::before {
        background: transparent url("../img/icon_nav-listmark-active.svg") no-repeat scroll 50% 50%/14px 7px;
    }

.l-nav-group.-group12 .l-nav-group__12 .l-side__link {
    color: var(--c-ui-main);
    font-weight: 700;
}

    .l-nav-group.-group12 .l-nav-group__12 .l-side__link::before {
        background: transparent url("../img/icon_nav-listmark-active.svg") no-repeat scroll 50% 50%/14px 7px;
    }

.l-nav-group.-group13 .l-nav-group__13 .l-side__link {
    color: var(--c-ui-main);
    font-weight: 700;
}

    .l-nav-group.-group13 .l-nav-group__13 .l-side__link::before {
        background: transparent url("../img/icon_nav-listmark-active.svg") no-repeat scroll 50% 50%/14px 7px;
    }

.l-nav-group.-group14 .l-nav-group__14 .l-side__link {
    color: var(--c-ui-main);
    font-weight: 700;
}

    .l-nav-group.-group14 .l-nav-group__14 .l-side__link::before {
        background: transparent url("../img/icon_nav-listmark-active.svg") no-repeat scroll 50% 50%/14px 7px;
    }

.l-nav-group.-group15 .l-nav-group__15 .l-side__link {
    color: var(--c-ui-main);
    font-weight: 700;
}

    .l-nav-group.-group15 .l-nav-group__15 .l-side__link::before {
        background: transparent url("../img/icon_nav-listmark-active.svg") no-repeat scroll 50% 50%/14px 7px;
    }

.l-nav-group.-group16 .l-nav-group__16 .l-side__link {
    color: var(--c-ui-main);
    font-weight: 700;
}

    .l-nav-group.-group16 .l-nav-group__16 .l-side__link::before {
        background: transparent url("../img/icon_nav-listmark-active.svg") no-repeat scroll 50% 50%/14px 7px;
    }

.l-nav-group.-group17 .l-nav-group__17 .l-side__link {
    color: var(--c-ui-main);
    font-weight: 700;
}

    .l-nav-group.-group17 .l-nav-group__17 .l-side__link::before {
        background: transparent url("../img/icon_nav-listmark-active.svg") no-repeat scroll 50% 50%/14px 7px;
    }

.l-nav-group.-group18 .l-nav-group__18 .l-side__link {
    color: var(--c-ui-main);
    font-weight: 700;
}

    .l-nav-group.-group18 .l-nav-group__18 .l-side__link::before {
        background: transparent url("../img/icon_nav-listmark-active.svg") no-repeat scroll 50% 50%/14px 7px;
    }

.l-nav-group.-group19 .l-nav-group__19 .l-side__link {
    color: var(--c-ui-main);
    font-weight: 700;
}

    .l-nav-group.-group19 .l-nav-group__19 .l-side__link::before {
        background: transparent url("../img/icon_nav-listmark-active.svg") no-repeat scroll 50% 50%/14px 7px;
    }

.l-nav-group.-group20 .l-nav-group__20 .l-side__link {
    color: var(--c-ui-main);
    font-weight: 700;
}

    .l-nav-group.-group20 .l-nav-group__20 .l-side__link::before {
        background: transparent url("../img/icon_nav-listmark-active.svg") no-repeat scroll 50% 50%/14px 7px;
    }

.l-side {
    background: var(--c-bg-sub);
}

.l-side__inner {
    height: 100%;
    overflow-y: auto;
    overscroll-behavior: contain;
    transition: left 0.3s;
    position: relative;
    width: var(--nav-width) -4px;
    scrollbar-width: thin;
}

    .l-side__inner::-webkit-scrollbar {
        width: 0;
    }

.l-side__logo {
    padding: 34px 0 33px 0;
}

    .l-side__logo .l-side__logo-img {
        margin: 0 auto;
    }
    .l-side__logo-img:hover{
        cursor:pointer;
    }

.l-side__list-item {
    border-bottom: 1px solid var(--c-gray-sub);
    height: 48px;
    width: 100%;
}

    .l-side__list-item:first-of-type {
        border-top: 1px solid var(--c-gray-sub);
    }

    .l-side__list-item a {
        color: var(--c-text-main);
        text-decoration: none;
    }

        .l-side__list-item a:hover, .l-side__list-item a:active {
            color: var(--c-ui-main);
        }

.l-side__link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: row wrap;
    font-weight: 400;
    line-height: 1.1;
    width: 100%;
}

    .l-side__link::before {
        content: "";
        background: none;
        display: inline-block;
        flex: 0 0 26px;
        height: 48px;
        padding: 0 4px 0 8px;
        width: 26px;
    }

    .l-side__link:hover {
        background-color: var(--c-sf-active);
    }

.l-side__list-item.-submenu .l-side__link {
    color: var(--c-text-sub);
    font-size: 14px;
}

.l-side__list-item.-dropdown .l-side__link::after {
    content: "";
    position: absolute;
    top: calc(50% - 5px);
    right: 16px;
    display: inline-flex;
    width: 10px;
    height: 10px;
    background-image: url("../img/icon_nav-with-sublist.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    transition: transform 0.3s ease-in-out;
}

.l-side__list-item.-dropdown:hover .l-side__dropdown {
    display: block;
}

    .l-side__list-item.-dropdown:hover .l-side__dropdown.-depth02 {
        display: none;
    }

.l-side__list-item.-dropdown:hover .l-side__link {
    background-color: var(--c-sf-active);
    color: var(--c-ui-main);
}

    .l-side__list-item.-dropdown:hover .l-side__link::after {
        transform: translateX(8px);
    }

.l-side__dropdown {
    background-color: var(--c-sf-active);
    display: none;
    position: fixed;
    top: 0;
    left: var(--nav-width);
    height: 100%;
    padding-top: 96px;
    overflow-y: auto;
    overscroll-behavior: contain;
    width: 355px;
    z-index: 50;
    scrollbar-width: thin;
}

    .l-side__dropdown::-webkit-scrollbar {
        width: 0;
    }

    .l-side__dropdown.-depth02 {
        left: calc(var(--nav-width) + 355px);
        z-index: 60;
    }

.l-side__dropdown-item {
    width: 100%;
}

.l-side__dropdown-link {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    padding: 16px 32px;
    position: relative;
}

    .l-side__dropdown-link:hover {
        background-color: var(--c-deco-blue);
    }

        .l-side__dropdown-link:hover .l-side__dropdown-text {
            color: var(--c-sf-main);
        }

            .l-side__dropdown-link:hover .l-side__dropdown-text .is-text.-small {
                color: var(--c-sf-main);
            }

.l-side__dropdown-image {
    background-color: var(--c-text-sub);
    height: 92px;
    width: 76px;
}

.l-side__dropdown-text {
    font-weight: 400;
}

    .l-side__dropdown-text .is-text.-small {
        color: var(--c-text-sub);
        font-size: 14px;
    }

.l-side__dropdown-item.-dropdown-depth02 {
    position: relative;
}

    .l-side__dropdown-item.-dropdown-depth02 .l-side__dropdown-link.-depth02::after {
        content: "";
        position: absolute;
        top: calc(50% - 5px);
        right: 16px;
        display: inline-flex;
        width: 10px;
        height: 10px;
        background-image: url("../img/icon_nav-with-sublist.svg");
        background-repeat: no-repeat;
        background-size: 100%;
        transition: transform 0.3s ease-in-out;
    }

    .l-side__dropdown-item.-dropdown-depth02:hover .l-side__dropdown.-depth02 {
        display: block;
    }

    .l-side__dropdown-item.-dropdown-depth02:hover .l-side__dropdown-link.-depth02::after {
        transform: translateX(8px);
    }

.l-wrapper {
    display: grid;
    grid-template: "side head" var(--header-height) "side main" 1fr "side foot" var(--footer-height)/var(--nav-width) 1fr;
    min-width: 1366px;
    transition: grid-template-columns 0.3s;
}

.l-wrapper__side {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    grid-area: side;
    position: fixed;
    left: 0;
    top: 0;
    width: var(--nav-width);
    height: 100%;
    transition: border-width 0.15s;
    border-left: solid 4px var(--c-ui-main);
    z-index: 10;
}

.l-wrapper.-close > .l-wrapper__side {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
}

.l-wrapper__header {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: head;
    position: fixed;
    left: var(--nav-width);
    top: 0;
    width: calc(100% - var(--nav-width));
    min-width: calc(1366px - var(--nav-width));
    transition: width 0.3s, left 0.3s;
    z-index: 2;
}

.l-wrapper.-close > .l-wrapper__header {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}

.l-wrapper.-clm1 > .l-wrapper__header {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.l-wrapper__main {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    grid-area: main;
    padding: 70px 40px 80px;
    margin: 0;
    width: 100%;
    min-width: calc(1366px - var(--nav-width));
    transition: width 0.3s, left 0.3s;
}

.l-wrapper.-close > .l-wrapper__main {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
}

.l-wrapper.-clm1 > .l-wrapper__main {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
}

.l-wrapper__footer {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
    grid-area: foot;
    position: absolute;
    left: var(--nav-width);
    bottom: 0;
    width: calc(100% - var(--nav-width));
    min-width: calc(1366px - var(--nav-width));
    transition: width 0.3s, left 0.3s;
}

.l-wrapper.-close > .l-wrapper__footer {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
}

.l-wrapper.-clm1 > .l-wrapper__footer {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}

.l-wrapper.-close {
    grid-template: "side head" var(--header-height) "side main" 1fr "side foot" var(--footer-height)/24px 1fr;
}

    .l-wrapper.-close .l-wrapper__side {
        width: 24px;
        border-left: solid 24px var(--c-ui-main);
    }

        .l-wrapper.-close .l-wrapper__side .l-side__inner {
            left: -100%;
        }

    .l-wrapper.-close .l-wrapper__header {
        left: 0;
        width: 100%;
        min-width: 1366px;
    }

    .l-wrapper.-close .l-wrapper__main {
        width: 100%;
        min-width: 1366px;
    }

    .l-wrapper.-close .l-wrapper__footer {
        left: 0;
        width: 100%;
        min-width: 1366px;
    }

.l-wrapper.-clm1 {
    display: grid;
    grid-template: "head" var(--header-height) "main" 1fr "foot" var(--footer-height)/100%;
    min-width: 0;
}

    .l-wrapper.-clm1 .l-wrapper__header {
        position: static;
        width: 100%;
        min-width: 0;
        transition: none;
    }

    .l-wrapper.-clm1 .l-wrapper__main {
        margin: auto;
        padding: 24px 16px 80px;
        width: 100%;
        max-width: 832px;
        min-width: 0;
        transition: none;
    }

    .l-wrapper.-clm1 .l-wrapper__footer {
        position: static;
        width: 100%;
        min-width: 0;
        transition: none;
    }

@keyframes navclose-inner {
    0% {
        left: 0;
    }

    100% {
        left: -100%;
    }
}

@keyframes navclose-layout {
    0% {
        grid-template-columns: var(--nav-width) 1fr;
    }

    100% {
        grid-template-columns: 24px 1fr;
    }
}

.c-accordion-list {
    padding: 16px;
    background-color: var(--c-bg-sub);
    border: 1px solid var(--c-gray-sub);
    border-radius: var(--r-md);
    width: 100%;
}

.c-accordion-list__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row wrap;
}

.c-accordion-list__title {
    flex: 0 0 calc(100% - 140px);
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    gap: 16px;
    overflow: hidden;
}

    .c-accordion-list__title .c-accordion-list__date {
        flex: 0 0 auto;
        font-weight: 400;
    }

    .c-accordion-list__title .c-accordion-list__text {
        flex: 1 1 690px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.c-accordion-list__button {
    flex: 0 0 133px;
}

    .c-accordion-list__button::before {
        content: "閉じる";
        display: inline-block;
        font-size: 14px;
        padding-right: 8px;
        text-align: right;
        width: 120px;
    }

    .c-accordion-list__button.c-button.-text {
        line-height: 1;
        text-decoration: none;
    }

    .c-accordion-list__button .c-button__icon {
        height: 0.8em;
        width: 0.8em;
    }

        .c-accordion-list__button .c-button__icon svg {
            transform: rotate(90deg);
            transition: transform 0.3s ease;
        }

.c-accordion-list__body {
    font-weight: 400;
    margin-top: 16px;
}

/* 後で検討 */
.js-accordion.is-close .js-accordion-content {
    display: none;
}

.js-accordion.is-close .c-accordion-list__button::before {
    content: "詳細を読む";
}

.js-accordion.is-close .c-accordion-list__button .c-button__icon svg {
    transform: rotate(-90deg);
}

.c-block {
    margin-top: 24px;
}

    .c-block.-mt40 {
        margin-top: 40px;
    }

    .c-block.-mt16 {
        margin-top: 16px;
    }

    .c-block.-mt0 {
        margin-top: 0;
    }

    .c-block > .c-block:first-child {
        margin-top: 0;
    }

    .c-block.-cat-gray {
        padding: 24px;
        background-color: var(--c-gray-sub);
        border-radius: 8px;
    }

    .c-block.-cat-gray-l {
        padding: 12px;
        background-color: var(--c-gray-sub);
        border-radius: 8px;
    }

    .c-block.-border-top {
        padding-top: 24px;
        border-top: 2px solid var(--c-gray-main);
    }

        .c-block.-border-top.-mt40 {
            padding-top: 40px;
        }

.c-box {
    margin-top: var(--s-md);
    padding: var(--s-xs);
    background: var(--c-bg-main);
    border-radius: var(--r-md);
}

    .c-box + .c-box {
        margin-top: var(--s-xs);
    }

    .c-box:first-of-type {
        margin-top: 0;
    }

.c-btn-group > .c-btn-group__body {
    background-color: var(--c-sf-main);
    border: 2px solid var(--c-text-sub);
    border-radius: 8px;
    padding: 8px 24px;
}

.c-btn-group.js-tab .c-btn-group__body {
    border-radius: 0 8px 8px 8px;
}

.c-btn-group .c-btn-group__body.is-hide {
    display: none;
}

.c-btn-group__tab {
    display: flex;
    gap: 4px;
}

    .c-btn-group__tab > button {
        padding: 2px 8px;
        background: var(--c-gray-sub);
        border-radius: 8px 8px 0 0;
        color: var(--c-text-sub);
        font-size: 14px;
    }

        .c-btn-group__tab > button.is-active {
            background: var(--c-text-sub);
            color: var(--c-sf-main);
        }

.c-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: var(--c-sf-main);
    border: 2px solid currentColor;
    border-radius: var(--r-full);
    color: var(--c-ui-sub);
    line-height: 1;
    text-decoration: none;
}

    .c-button.disabled-link,
    .c-button:disabled {
        cursor: default !important;
        background-color: var(--c-sf-inactive) !important;
        border-color: currentColor !important;
        color: var(--c-text-inactive) !important;
    }

    .c-button.-h-small {
        height: 32px;
    }

    .c-button.-h-medium {
        height: 44px;
    }

    .c-button.-h-large {
        height: 54px;
    }

    .c-button.-w-xsmall {
        min-width: 92px;
    }

    .c-button.-w-small {
        min-width: 134px;
    }

    .c-button.-w-medium {
        min-width: 160px;
    }

    .c-button.-w-large {
        min-width: 172px;
    }

    .c-button.-w-xlarge {
        min-width: 186px;
    }

    .c-button.-w-xxlarge {
        min-width: 240px;
    }

    .c-button.-fill {
        background-color: var(--c-ui-sub);
        border-color: var(--c-ui-sub);
        color: var(--c-sf-main);
    }

    .c-button.-redfill {
        background-color: var(--c-deco-red);
        border-color: var(--c-deco-red);
        color: var(--c-sf-main);
    }

    .c-button.-mono {
        background-color: var(--c-sf-main);
        border-color: var(--c-text-inactive);
        color: var(--c-text-main);
    }

    .c-button.-red {
        background-color: var(--c-sf-main);
        border-color: var(--c-deco-red);
        color: var(--c-deco-red);
    }

    .c-button.-multi-line {
        flex-direction: column;
    }

        .c-button.-multi-line > * {
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }

            .c-button.-multi-line > * + * {
                margin-top: 2px;
            }

    .c-button.-text {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: auto;
        padding: 0;
        background-color: transparent;
        border: none;
        border-radius: 0;
        color: var(--c-text-main);
        line-height: 1.5;
        text-decoration: underline;
    }

        .c-button.-text:disabled {
            text-decoration: none;
            --c-sf-inactive: #fff;
        }

        .c-button.-text.-alert {
            color: var(--c-text-alert);
        }

.c-button__icon {
    position: relative;
    display: inline-block;
    width: 1.1em;
    height: 1.1em;
}

    .c-button__icon.-circle {
        border: 2px solid currentColor;
        border-radius: 50%;
    }

    .c-button__icon.-cross::before, .c-button__icon.-cross::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        display: inline-block;
        width: 17px;
        height: 2px;
        background: currentColor;
    }

    .c-button__icon.-cross::before {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .c-button__icon.-cross::after {
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    .c-button__icon.-rotate > * {
        transform: rotate(180deg);
    }

    .c-button__icon.-rotate90 > * {
        transform: rotate(90deg);
    }

    .c-button__icon.-rotate-90 > * {
        transform: rotate(-90deg);
    }

    .c-button__icon > svg {
        width: 100%;
        height: 100%;
        fill: currentColor;
    }

* + .c-button__text {
    margin-left: 8px;
}

* + .c-button__icon {
    margin-left: 8px;
}

.c-button.-icon {
    position: relative;
    width: 32px;
    height: 32px;
}

    .c-button.-icon .c-button__icon {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 16px;
        height: 2px;
        margin-left: -8px;
        margin-top: -1px;
    }

    .c-button.-icon.-minus {
        border-color: var(--c-text-alert);
    }

        .c-button.-icon.-minus .c-button__icon {
            background-color: var(--c-text-alert);
        }

    .c-button.-icon.-plus {
        border-color: var(--c-ui-sub);
    }

        .c-button.-icon.-plus .c-button__icon {
            background-color: var(--c-ui-sub);
        }

            .c-button.-icon.-plus .c-button__icon::before {
                content: "";
                position: absolute;
                left: 50%;
                top: 50%;
                width: 16px;
                height: 2px;
                margin-left: -8px;
                margin-top: -1px;
                background-color: var(--c-ui-sub);
                transform: rotate(90deg);
            }

    .c-button.-icon.-arrow-bottom, .c-button.-icon.-arrow-top {
        border-color: var(--c-gray-main);
        width: 40px;
        height: 40px;
        padding: 0;
    }

        .c-button.-icon.-arrow-bottom .c-button__icon, .c-button.-icon.-arrow-top .c-button__icon {
            position: static;
            left: auto;
            top: auto;
            width: 24px;
            height: 24px;
            margin: 0;
            color: var(--c-text-sub);
        }

        .c-button.-icon.-arrow-bottom .c-button__icon {
            transform: rotate(90deg);
        }

        .c-button.-icon.-arrow-top .c-button__icon {
            transform: rotate(-90deg);
        }

    .c-button.-icon.-move-down, .c-button.-icon.-move-up {
        border-color: var(--c-gray-main);
        width: 26px;
        height: 40px;
        padding: 0;
    }

        .c-button.-icon.-move-down .c-button__icon, .c-button.-icon.-move-up .c-button__icon {
            position: static;
            left: auto;
            top: auto;
            width: 16px;
            height: 16px;
            margin: 0;
            color: var(--c-text-main);
        }

        .c-button.-icon.-move-down .c-button__icon {
            transform: rotate(180deg);
        }

    .c-button.-icon.-password_visible {
        background-color: var(--c-text-inactive);
        border-color: var(--c-text-inactive);
    }

        .c-button.-icon.-password_visible .c-button__icon {
            position: absolute;
            left: 50%;
            top: 50%;
            width: 18px;
            height: 12px;
            margin-left: 0;
            margin-top: -2px;
            transform: translate(-50%, -50%);
        }

            .c-button.-icon.-password_visible .c-button__icon svg {
                fill: var(--c-sf-main);
            }

        .c-button.-icon.-password_visible.is-show {
            background-color: var(--c-ui-main);
            border-color: var(--c-ui-main);
        }

.c-button.-square {
    border-color: var(--c-ui-main);
    color: var(--c-text-main);
    border-radius: 8px;
}

.c-calendar__table {
    border-collapse: separate;
    border-spacing: 0;
    border: 2px solid var(--c-text-inactive);
    border-radius: 6px;
    font-size: 14px;
}

    .c-calendar__table th + th {
        border-left: 2px solid var(--c-text-inactive);
    }

    .c-calendar__table td + td {
        border-left: 2px solid var(--c-text-inactive);
    }

.c-calendar__head th {
    padding: 8px;
    text-align: center;
    background-color: var(--c-gray-sub);
    border-radius: 4px 4px 0 0;
}

.c-calendar__body {
    border-top: 2px solid var(--c-text-inactive);
}

    .c-calendar__body th {
        padding: 8px;
        text-align: center;
        background: var(--c-sf-alert);
        border-top: 2px solid var(--c-text-inactive);
    }

    .c-calendar__body td {
        height: 64px;
        padding: 8px;
        text-align: center;
        border-top: 2px solid var(--c-text-inactive);
    }

        .c-calendar__body td:not(.is-empty):hover {
            position: relative;
            background: var(--c-sf-active);
        }

            .c-calendar__body td:not(.is-empty):hover::before {
                content: "";
                display: inline-flex;
                width: calc(100% + 4px);
                height: 66px;
                position: absolute;
                left: -2px;
                top: -2px;
                border: 2px solid var(--c-ui-sub);
            }

    .c-calendar__body .c-checkbox-inline {
        margin-top: 4px;
    }

    .c-calendar__body .is-empty {
        background: var(--c-sf-inactive);
    }

    .c-calendar__body tr:last-child td:first-child {
        border-radius: 0 0 0 4px;
    }

    .c-calendar__body tr:last-child td:last-child {
        border-radius: 0 0 4px 0;
    }

.c-checkbox {
    position: relative;
    text-align: center;
}

    .c-checkbox.-w-auto input + span {
        width: auto;
        padding: 0 48px 0 56px;
    }

    .c-checkbox.-w-small input + span {
        width: auto;
        min-width: 200px;
        padding: 0 40px 0 56px;
    }

    .c-checkbox input {
        position: absolute;
        left: 0;
        top: 0;
        clip: rect(0, 0, 0, 0);
    }

        .c-checkbox input + span {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 240px;
            height: 54px;
            background-color: var(--c-sf-main);
            border: 2px solid var(--c-text-inactive);
            border-radius: 27px;
            padding: 0 48px;
            font-weight: 400;
            line-height: 1.3;
            cursor: pointer;
        }

            .c-checkbox input + span::before, .c-checkbox input + span::after {
                content: "";
                position: absolute;
                top: 50%;
            }

            .c-checkbox input + span::before {
                left: 24px;
                width: 20px;
                height: 20px;
                margin-top: -10px;
                background-color: var(--c-sf-main);
                border: 2px solid var(--c-text-inactive);
                border-radius: 2px;
            }

        .c-checkbox input:focus-visible + span {
            border-color: var(--c-ui-sub);
        }

        .c-checkbox input:checked + span {
            border-color: var(--c-ui-main);
            background-color: var(--c-sf-main);
        }

            .c-checkbox input:checked + span::before {
                border-color: var(--c-ui-main);
            }

            .c-checkbox input:checked + span::after {
                left: 28px;
                width: 12px;
                height: 7px;
                margin-top: -5px;
                border-left: 2px solid var(--c-ui-main);
                border-bottom: 2px solid var(--c-ui-main);
                transform: rotate(-45deg);
            }

        .c-checkbox input:checked:focus-visible + span {
            border-color: var(--c-ui-sub);
        }

        .c-checkbox input:disabled + span {
            cursor: default;
            background-color: var(--c-sf-inactive);
            border-color: currentColor;
            color: var(--c-text-inactive);
        }

            .c-checkbox input:disabled + span::before {
                background-color: var(--c-sf-inactive);
            }

        .c-checkbox input:disabled:checked + span::before {
            border-color: var(--c-text-inactive);
        }

        .c-checkbox input:disabled:checked + span::after {
            border-color: var(--c-text-inactive);
        }

.c-checkbox__group {
    border: 2px solid var(--c-gray-main);
    border-radius: 8px;
    overflow: hidden;
}

    .c-checkbox__group .c-checkbox__headline {
        background-color: var(--c-gray-sub);
        padding: 8px 24px;
        border-bottom: 2px solid var(--c-gray-main);
    }

        .c-checkbox__group .c-checkbox__headline .c-checkbox-inline {
            margin-left: -12px;
        }

        .c-checkbox__group .c-checkbox__headline p {
            font-weight: bold;
        }

    .c-checkbox__group .c-checkbox__contents {
        background-color: var(--c-bg-sub);
        padding: 24px 16px;
    }

    .c-checkbox__group + .c-checkbox__group {
        margin-top: 40px;
    }

.c-checkbox.-s-small {
    text-align: left;
}

    .c-checkbox.-s-small input + span {
        display: inline-flex;
        width: auto;
        height: auto;
        min-height: 43px;
        padding: 0 48px 0 56px;
    }

.c-checkbox-inline {
    display: inline-flex;
    justify-content: center;
    position: relative;
}

    .c-checkbox-inline + .c-checkbox-inline {
        margin-top: 8px;
    }

    .c-checkbox-inline label {
        display: block;
        width: -moz-fit-content;
        width: fit-content;
    }

    .c-checkbox-inline input {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0;
    }

        .c-checkbox-inline input + span {
            display: inline-block;
            padding-left: 20px;
        }

            .c-checkbox-inline input + span::before, .c-checkbox-inline input + span::after {
                content: "";
                position: absolute;
            }

            .c-checkbox-inline input + span::before {
                left: 0;
                top: 1px;
                width: 20px;
                height: 20px;
                background-color: var(--c-sf-main);
                border: 2px solid var(--c-text-inactive);
                border-radius: 2px;
            }

        .c-checkbox-inline input:checked + span::before {
            border-color: var(--c-ui-main);
        }

        .c-checkbox-inline input:checked + span::after {
            left: 4px;
            top: 12px;
            width: 12px;
            height: 7px;
            margin-top: -6px;
            border-left: 2px solid var(--c-ui-main);
            border-bottom: 2px solid var(--c-ui-main);
            transform: rotate(-45deg);
        }

        .c-checkbox-inline input:focus-visible + span::before {
            border-color: var(--c-ui-sub);
        }

    .c-checkbox-inline > label {
        cursor: pointer;
    }

.c-checkbox-inline__text {
    display: inline-block;
    margin-left: 8px;
}

.c-comparison-2col {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    gap: 24px 16px;
}

    .c-comparison-2col .c-comparison__item {
        flex: 1 0 auto;
    }

        .c-comparison-2col .c-comparison__item .c-section__inner {
            min-height: 771px;
        }

    .c-comparison-2col .c-comparison__control {
        flex: 0 0 48px;
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        justify-content: center;
        gap: 24px 0;
    }

    .c-comparison-2col .c-comparison__control-item {
        flex: 0 0 48px;
        height: 48px;
        width: 48px;
    }

.c-comparison__list {
    max-height: 617px;
    overflow-y: auto;
}

    .c-comparison__list .c-comparison__list-item {
        padding: 16px;
    }

        .c-comparison__list .c-comparison__list-item:nth-child(2n+1) {
            background-color: var(--c-bg-main);
        }

        .c-comparison__list .c-comparison__list-item .c-checkbox-inline label {
            display: flex;
            align-items: center;
        }

        .c-comparison__list .c-comparison__list-item .c-checkbox-inline input + span {
            height: 20px;
        }

        .c-comparison__list .c-comparison__list-item .c-checkbox-inline .c-checkbox-inline__text {
            font-weight: 400;
            line-height: 1;
        }

        .c-comparison__list .c-comparison__list-item .c-checkbox-inline input:checked + span + .c-checkbox-inline__text {
            color: var(--c-ui-main);
        }

.c-comparison__button {
    background-color: var(--c-sf-main);
    border: 2px solid var(--c-gray-main);
    border-radius: 50%;
    height: 48px;
    width: 48px;
}

    .c-comparison__button .c-comparison__button-icon {
        color: var(--c-text-sub);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 44px;
        overflow: hidden;
        width: 44px;
    }

        .c-comparison__button .c-comparison__button-icon svg {
            height: 28px;
            width: 28px;
        }

    .c-comparison__button:hover, .c-comparison__button:active {
        border-color: var(--c-ui-main);
    }

        .c-comparison__button:hover .c-comparison__button-icon, .c-comparison__button:active .c-comparison__button-icon {
            color: var(--c-ui-main);
        }

    .c-comparison__button.-reverse {
        transform: rotate(-180deg);
    }

.c-detail-list {
    margin-top: var(--s-md);
    padding: var(--s-xs);
    background: var(--c-bg-main);
    border-radius: var(--r-md);
}

    .c-detail-list + .c-detail-list {
        margin-top: var(--s-xs);
    }

.c-block .c-detail-list:first-of-type {
    margin-top: 0;
}

.c-detail-list__title {
    position: relative;
    padding-left: 20px;
    font-size: 20px;
    font-weight: bold;
}

    .c-detail-list__title::before {
        content: "";
        position: absolute;
        top: 9px;
        left: 0;
        display: block;
        width: 12px;
        height: 12px;
        border-radius: 2px;
        background: currentColor;
    }

.c-detail-list__body {
    margin-top: 16px;
}

    .c-detail-list__body + .c-detail-list__title {
        margin-top: 24px;
    }

.c-detail-list.-att {
    background: var(--c-sf-alert);
    color: var(--c-text-alert);
}

.c-detail-list.-wrn {
    background: var(--c-sf-alert);
}

.c-detail-list.-white {
    background: var(--c-bg-sub);
}

.c-detail-list.-blue {
    background: var(--c-bg-info);
}

.c-detail-table {
    background-color: var(--c-bg-sub);
    border: 2px solid var(--c-gray-main);
    border-radius: var(--r-md);
    overflow: hidden;
}

    .c-detail-table + .c-detail-table {
        margin-top: 24px;
    }

.c-detail-table__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    padding: 0 24px;
    background-color: var(--c-gray-sub);
}

.c-detail-table__body {
    border-top: 2px solid var(--c-gray-main);
}

    .c-detail-table__body > div {
        display: flex;
        min-height: 50px;
    }

        .c-detail-table__body > div + div {
            border-top: 2px solid var(--c-gray-main);
        }

    .c-detail-table__body dt {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 194px;
        padding: 8px;
        flex-shrink: 0;
        text-align: center;
        background-color: var(--c-bg-main);
        font-size: 14px;
    }

    .c-detail-table__body dd {
        width: 100%;
        padding: 16px;
    }

    .c-detail-table__body dt + dd {
        border-left: 2px solid var(--c-gray-main);
    }

.c-file-img img {
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 4px;
}

.c-file-img.-center img {
    margin: auto;
}

.c-file-img.-no-radius img {
    border-radius: 0;
}

.c-file-img.-h400 img {
    max-height: 400px;
    max-width: 600px;
}

.c-file-img.-h350 img {
    max-height: 350px;
    max-width: 600px;
}

.c-file-img.-h200 img {
    max-height: 200px;
    max-width: 600px;
}

.c-file-img.-h224-sp img {
    max-height: 224px;
    max-width: 100%;
}

.c-file-img.-s-input {
    width: 320px;
    min-height: 49px;
    padding: 40px 24px;
    border: 2px solid var(--c-text-inactive);
    border-radius: 4px;
}

.c-file-img.-card {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

    .c-file-img.-card > .c-file-img__block {
        height: 400px;
        padding: 16px 0;
        border-radius: var(--r-sm);
        background: var(--c-sf-inactive);
    }

    .c-file-img.-card .c-file-img__txt {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        color: var(--c-text-sub);
        text-align: center;
    }

    .c-file-img.-card .c-file-img__imgarea {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 328px;
    }

        .c-file-img.-card .c-file-img__imgarea img {
            max-height: 320px;
            max-width: 320px;
            border-radius: 0;
        }

.c-flex {
    display: flex;
    flex-wrap: wrap;
}

    .c-flex.-gap4 {
        gap: 4px;
    }

    .c-flex.-gap8 {
        gap: 8px;
    }

    .c-flex.-gap16 {
        gap: 16px;
    }

    .c-flex.-gap8-16 {
        gap: 8px 16px;
    }

    .c-flex.-gap24 {
        gap: 24px;
    }

    .c-flex.-gap32 {
        gap: 32px;
    }

    .c-flex.-gap40 {
        gap: 40px;
    }

* + .c-flex {
    margin-top: 24px;
}

.c-flex.-no-flex {
    display: block;
}

    .c-flex.-no-flex > .c-flex:first-of-type {
        margin-top: 0;
    }

.c-flex.-nowrap {
    flex-wrap: nowrap;
}

.c-flex.-column {
    flex-direction: column;
}

.c-flex.-row-reverse {
    flex-direction: row-reverse;
}

.c-flex.-column.-column-reverse {
    flex-direction: column-reverse;
}

.c-flex.-center-all {
    align-items: center;
    justify-content: center;
}

.c-flex.-center-vertical {
    align-items: center;
}

.c-flex.-center-horizon {
    justify-content: center;
}

.c-flex.-align-bottom {
    align-items: flex-end;
}

.c-flex.-space-between {
    justify-content: space-between;
}

.c-flex.-pd8 {
    padding: 8px;
}

.c-flex.-pd16 {
    padding: 16px;
}

.c-flex.-pd24 {
    padding: 24px;
}

.c-flex.-pd40 {
    padding: 40px;
}

.c-flex.-border {
    margin-top: var(--s-md);
    padding-top: var(--s-md);
    border-top: 2px solid var(--c-gray-main);
}

.c-flex.-rd8 {
    border-radius: 8px;
}

.c-flex.-bg-main {
    background: var(--c-bg-main);
}

.c-flex.-bg-alert {
    background: var(--c-sf-alert);
}

.c-flex.-bg-sub {
    background: var(--c-bg-sub);
}

.c-flex .c-flex--grow1 {
    flex-grow: 1;
}

.c-flex .c-flex--grow0 {
    flex-grow: 0;
}

.c-flex .c-flex--shrink1 {
    flex-shrink: 1;
}

.c-flex .c-flex--shrink0 {
    flex-shrink: 0;
}

* + .c-heading {
    margin-top: 40px;
}

.c-heading.-heading01 {
    font-size: 24px;
    font-weight: 700;
}

.c-heading.-heading02 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    padding-left: 16px;
    border-left: 4px solid var(--c-ui-main);
}

.c-heading.-heading03 {
    font-size: 20px;
    font-weight: 700;
    border-bottom: 2px solid var(--c-text-inactive);
    padding-bottom: 4px;
}

.c-heading.-heading04 {
    font-size: 16px;
    font-weight: 700;
}

    .c-heading.-heading04 .c-heading__icon-required {
        font-size: 14px;
        color: var(--c-deco-red);
        margin-left: 8px;
    }

    .c-heading.-heading04 .c-heading__icon-sub {
        font-size: 14px;
        color: var(--c-text-sub);
        margin-left: 8px;
    }

.c-heading.-heading02.-color {
    padding-left: 0;
    border-left-color: var(--heading-color);
}

    .c-heading.-heading02.-color > .c-heading__inline {
        padding-left: 16px;
        padding-right: 16px;
        background: var(--heading-bg);
        color: var(--heading-color);
    }

    .c-heading.-heading02.-color.is-ok {
        --heading-color: var(--c-ui-sub);
        --heading-bg: var(--c-sf-active);
    }

    .c-heading.-heading02.-color.is-ng {
        --heading-color: var(--c-text-alert);
        --heading-bg: var(--c-sf-danger);
    }

    .c-heading.-heading02.-color.is-req {
        --heading-color: var(--c-deco-green);
        --heading-bg: var(--c-sf-request);
    }

.c-heading.-alert {
    display: flex;
    align-items: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
}

    .c-heading.-alert > .c-heading__alert-icon {
        width: 1em;
        height: 1em;
        fill: var(--c-text-alert);
        flex-shrink: 0;
    }

    .c-heading.-alert .c-heading__alert-icon + .c-heading__inline {
        margin-left: 8px;
    }

.c-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--c-text-main);
}

    .c-icon > svg {
        width: 16px;
        height: 16px;
        fill: currentColor;
    }

    .c-icon.-c-sub {
        color: var(--c-text-sub);
    }

    .c-icon.-s-small > svg {
        width: 12px;
        height: 12px;
    }

    .c-icon.-s-large > svg {
        width: 20px;
        height: 20px;
    }

    .c-icon.-h-input {
        height: 56px;
    }

.c-input-already {
    width: 100%;
    min-height: 52px;
    padding: 14px 24px;
    background-color: var(--c-sf-inactive);
    border-color: var(--c-sf-inactive);
    color: var(--c-text-sub);
}

    .c-input-already.-w-normal {
        width: 320px;
    }

    .c-input-already.-w-large {
        width: 640px;
    }

    .c-input-already.-w-auto {
        min-width: 320px;
        width: -moz-fit-content;
        width: fit-content;
    }

.c-inputdate {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 56px;
    padding: 13px 24px;
    background: var(--c-sf-main);
    border: 2px solid var(--c-gray-main);
    border-radius: 8px;
}

    .c-inputdate input {
        border: 0;
        background: transparent;
        font-size: 16px;
        padding-right: 48px;
    }

        .c-inputdate input::-webkit-calendar-picker-indicator {
            position: absolute;
            right: 0;
            top: 0;
            height: 50px;
            width: 60px;
            padding: 0;
            background: transparent;
            color: transparent;
            cursor: pointer;
        }

        .c-inputdate input:disabled {
            opacity: 0.6;
        }

            .c-inputdate input:disabled + .c-inputdate__icon {
                opacity: 0.6;
            }

    .c-inputdate .c-inputdate__icon {
        position: absolute;
        right: 24px;
        top: 50%;
        width: 16px;
        height: 16px;
        margin-top: -8px;
        pointer-events: none;
    }

        .c-inputdate .c-inputdate__icon svg {
            display: block;
            width: 16px;
            height: 16px;
        }

    .c-inputdate.js-inputDate input {
        z-index: 1;
        opacity: 0;
    }

        .c-inputdate.js-inputDate input:focus {
            opacity: 1;
        }

            .c-inputdate.js-inputDate input:focus + .c-inputdate__text {
                opacity: 0;
            }

    .c-inputdate.js-inputDate .c-inputdate__text {
        position: absolute;
        left: 24px;
        top: 50%;
        transform: translateY(-50%);
    }

@-moz-document url-prefix() {
    .c-inputdate__icon {
        display: none;
    }

    .c-inputdate input {
        width: 156px;
        padding-right: 0;
    }
}

.c-input-file {
    display: flex;
    align-items: center;
    gap: 16px;
}

    .c-input-file input[type=file] {
        display: none;
    }

.c-input .c-input__input {
    margin: 0;
    padding: 0;
    font-size: 1em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    background: transparent;
    outline: none;
    display: block;
    width: 320px;
    max-width: 100%;
    padding: 14px 24px;
    background-color: var(--c-sf-main);
    border: 2px solid var(--c-text-inactive);
    border-radius: 8px;
}

    .c-input .c-input__input::-moz-placeholder {
        color: var(--c-text-inactive);
    }

    .c-input .c-input__input::placeholder {
        color: var(--c-text-inactive);
    }

    .c-input .c-input__input:focus {
        border-color: var(--c-ui-sub);
        background-color: var(--c-sf-main);
    }

    .c-input .c-input__input:disabled {
        background-color: var(--c-sf-inactive);
        border-color: var(--c-sf-inactive);
        border-radius: 0;
        color: var(--c-text-sub);
        pointer-events: none;
        opacity: 1;
        -webkit-text-fill-color: var(--c-text-sub);
    }

.c-input .c-input__input__area {
    margin: 0;
    padding: 0;
    font-size: 1em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    background: transparent;
    outline: none;
    display: block;
    width: 320px;
    max-width: 100%;
    padding: 14px 24px;
    background-color: var(--c-sf-main);
    border: 2px solid var(--c-text-inactive);
    border-radius: 8px;
}

    .c-input .c-input__input__area::-moz-placeholder {
        color: var(--c-text-inactive);
    }

    .c-input .c-input__input__area::placeholder {
        color: var(--c-text-inactive);
    }

    .c-input .c-input__input__area:focus {
        border-color: var(--c-ui-sub);
        background-color: var(--c-sf-main);
    }

    .c-input .c-input__input__area:disabled {
        background-color: var(--c-sf-inactive);
        border-color: var(--c-sf-inactive);
        border-radius: 0;
        color: var(--c-text-sub);
        opacity: 1;
        -webkit-text-fill-color: var(--c-text-sub);
    }

.c-input .c-input__plain {
    display: block;
    width: 320px;
    max-width: 100%;
    min-height: 56px;
    padding: 14px 24px;
    background-color: var(--c-sf-inactive);
    border: 2px solid var(--c-sf-inactive);
    border-radius: 0;
    color: var(--c-text-sub);
    font-size: 1em;
}

    .c-input .c-input__input.-s-small, .c-input .c-input__plain.-s-small {
        height: 43px;
        padding: 14px 16px;
    }

    .c-input .c-input__input.-w-xlarge, .c-input .c-input__plain.-w-xlarge {
        width: 640px;
    }

    .c-input .c-input__input.-w-medium, .c-input .c-input__plain.-w-medium {
        width: 300px;
    }

    .c-input .c-input__input.-w-short, .c-input .c-input__plain.-w-short {
        width: 178px;
    }

    .c-input .c-input__input.-w-auto, .c-input .c-input__plain.-w-auto {
        min-width: 320px;
        width: auto;
    }

    .c-input .c-input__input.-w-100, .c-input .c-input__plain.-w-100 {
        width: 100%;
    }

.c-heading + .c-input {
    margin-top: 8px;
}

.c-input + .c-input {
    margin-top: 8px;
}

.c-input .c-input__input:required {
    border-color: var(--c-ui-sub);
    background-color: var(--c-sf-active);
}

    .c-input .c-input__input:required:focus {
        background-color: var(--c-sf-main);
    }

    .c-input .c-input__input:required:valid {
        background-color: var(--c-sf-main);
        border-color: var(--c-text-inactive);
    }

        .c-input .c-input__input:required:valid:focus {
            border-color: var(--c-ui-sub);
        }

    .c-input .c-input__input:required:disabled {
        background-color: var(--c-sf-inactive);
        border-color: var(--c-sf-inactive);
    }

.c-input .c-input__input.is-error {
    border-color: var(--c-deco-red);
    background-color: var(--c-sf-alert);
}

    .c-input .c-input__input.is-error:focus {
        border-color: var(--c-ui-sub);
        background-color: var(--c-sf-main);
    }

.c-input .c-input__input[type=time] {
    height: 56px;
}

.c-input .c-input__plain.is-error {
    border-color: var(--c-deco-red);
    background-color: var(--c-sf-alert);
    color: var(--c-text-alert);
}

.c-input--text {
    margin-top: 4px;
    font-size: 14px;
    font-weight: 400;
    color: var(--c-text-sub);
}

.c-input__input.is-error + .c-input--text {
    color: var(--c-deco-red);
}

.c-list {
    --mark: "";
    --pl: 0;
    --color: inherit;
    --fz: 16px;
}

    .c-list > li {
        display: block;
        position: relative;
        padding-left: var(--pl);
        color: var(--color);
        font-size: var(--fz);
    }

        .c-list > li::before {
            content: var(--mark);
            display: inline-block;
            position: absolute;
            top: 0;
            left: 0;
            color: currentColor;
            font-size: 1em;
        }

        .c-list > li + li {
            margin-top: 8px;
        }

    .c-list + .c-list {
        margin-top: 16px;
    }

    .c-list.-note {
        --mark: "※";
        --pl: 1.1em;
        --color: inherit;
        --fz: 14px;
    }

    .c-list.-fill-circle {
        --mark: "";
        --pl: 1.1em;
        --color: inherit;
        --fz: 16px;
    }

        .c-list.-fill-circle li::before {
            width: 8px;
            height: 8px;
            top: 9px;
            background: currentColor;
            border-radius: 50%;
        }

    .c-list.-triangle_nallow {
        --mark: "";
        --pl: 1.5em;
        --color: inherit;
        --fz: 16px;
    }

        .c-list.-triangle_nallow > li::before {
            background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNHB4IDdweCI+PHBhdGggZD0iTTEyNi4zNDgtMTY0LjQ4MXY3bDE0LTMuNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjYuMzQ4IDE2NC40ODEpIiBmaWxsPSIjMDAwMDAwIi8+PC9zdmc+") no-repeat scroll 50% 50%/14px 7px;
            height: 7px;
            top: 52.5%;
            transform: translateY(-50%);
            width: 14px;
        }

    .c-list.-col-2 {
        align-items: center;
        display: flex;
        flex-flow: row wrap;
        gap: 28px 16px;
    }

        .c-list.-col-2 li {
            flex: 0 0 calc(50% - 16px);
            margin-top: 0;
            padding-right: 24px;
        }

    .c-list.-entry {
        --pl: 1em;
        --color: inherit;
        --fz: 16px;
        display: grid;
        grid-template-columns: max-content 1fr;
        place-items: center start;
        gap: 16px 40px;
    }

        .c-list.-entry > .c-list__head {
            position: relative;
            padding-left: var(--pl);
            color: var(--color);
            font-size: var(--fz);
            max-width: 400px;
            min-width: 200px;
        }

            .c-list.-entry > .c-list__head::before {
                content: "";
                position: absolute;
                top: 9px;
                left: 0;
                display: inline-block;
                width: 6px;
                height: 6px;
                background: currentColor;
                border-radius: 50%;
                color: currentColor;
                font-size: 1em;
            }

@keyframes line-spin-fade-loader {
    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

.c-loader {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: var(--c-sf-main);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .c-loader.-no-fixed {
        padding: 64px 0 40px;
        position: static;
        transform: none;
    }

    .c-loader.-c-text {
        color: var(--c-text-main);
    }

.c-loader__anim {
    position: relative;
    padding-top: 60px;
    left: -6px;
}

    .c-loader__anim > i {
        background-color: currentColor;
        border-radius: 10px;
        margin: 2px;
        animation-fill-mode: both;
        position: absolute;
        width: 4px;
        height: 18px;
    }

        .c-loader__anim > i:nth-child(1) {
            top: 20px;
            left: 0;
            animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out;
        }

        .c-loader__anim > i:nth-child(2) {
            top: 13.63636px;
            left: 13.63636px;
            transform: rotate(-45deg);
            animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out;
        }

        .c-loader__anim > i:nth-child(3) {
            top: 0;
            left: 20px;
            transform: rotate(90deg);
            animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out;
        }

        .c-loader__anim > i:nth-child(4) {
            top: -13.63636px;
            left: 13.63636px;
            transform: rotate(45deg);
            animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out;
        }

        .c-loader__anim > i:nth-child(5) {
            top: -20px;
            left: 0;
            animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out;
        }

        .c-loader__anim > i:nth-child(6) {
            top: -13.63636px;
            left: -13.63636px;
            transform: rotate(-45deg);
            animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out;
        }

        .c-loader__anim > i:nth-child(7) {
            top: 0;
            left: -20px;
            transform: rotate(90deg);
            animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out;
        }

        .c-loader__anim > i:nth-child(8) {
            top: 13.63636px;
            left: -13.63636px;
            transform: rotate(45deg);
            animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;
        }

.js-modal {
    opacity: 0;
    visibility: hidden;
}

    .js-modal.is-active {
        opacity: 1;
        visibility: visible;
    }

.c-modal, .js-modal {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 100000;
    overflow: auto;
    transition: all 0.3s;
}

.js-alert-modal {
    opacity: 0;
    visibility: hidden;
}

    .js-alert-modal.is-active {
        opacity: 1;
        visibility: visible;
    }

.c-modal, .js-alert-modal {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 100000;
    overflow: auto;
    transition: all 0.3s;
}

.c-modal__wrapper {
    width: 1046px;
    padding: 80px 0;
    margin: auto;
}

    .c-modal__wrapper.is-center {
        display: grid;
        height: 100%;
        place-content: center;
    }

        .c-modal__wrapper.is-center .c-modal__content {
            width: inherit;
        }

.c-modal__content {
    position: relative;
    padding: 0 40px;
    padding-bottom: 40px;
    background: var(--c-bg-sub);
    border-radius: 8px;
    border: 2px solid var(--c-gray-main);
}

.c-modal__btn {
    position: absolute;
    bottom: calc(100% + 8px);
    right: 0;
    display: flex;
    align-items: center;
}

    .c-modal__btn svg {
        width: 48px;
        height: 48px;
        fill: var(--c-sf-main);
    }

.c-modal__inner {
    height: 100%;
}

.c-modal__bottom {
    margin-top: 24px;
    text-align: center;
}

.c-pagenation {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
}

.c-pagenation__item {
    flex: 0 0 auto;
}

    .c-pagenation__item.-btn {
        flex: 0 0 92px;
    }

.c-pagenation__desc {
    color: var(--c-text-sub);
    font-size: 14px;
    font-weight: 400;
}

.c-pagenation__btn a, .c-pagenation__btn button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--c-sf-main);
    border: 2px solid var(--c-text-inactive);
    border-radius: var(--r-full);
    color: var(--c-text-main);
    font-size: 14px;
    line-height: 1;
    height: 32px;
    transition: all 0.3s;
    width: 92px;
}

.c-pagenation__btn.-prev a::before, .c-pagenation__btn.-prev button::before {
    content: "";
    width: 0;
    height: 0;
    margin-right: 8px;
    border-style: solid;
    border-width: 5px 7.2px 5px 0;
    border-color: transparent var(--c-text-main) transparent transparent;
}

.c-pagenation__btn.-next a::after, .c-pagenation__btn.-next button::after {
    content: "";
    width: 0;
    height: 0;
    margin-left: 8px;
    border-style: solid;
    border-width: 5px 0 5px 7.2px;
    border-color: transparent transparent transparent var(--c-text-main);
}

.c-pagenation__list {
    display: flex;
    gap: 8px;
    align-items: center;
}

.c-pagenation__list-item {
    align-items: center;
    flex: 0 0 32px;
    height: 32px;
    justify-content: center;
    width: 32px;
}

    .c-pagenation__list-item a, .c-pagenation__list-item button {
        background-color: var(--c-sf-main);
        border: 2px solid var(--c-text-inactive);
        border-radius: var(--r-full);
        color: inherit;
        display: inline-block;
        flex-flow: row wrap;
        font-size: 14px;
        font-weight: 400;
        height: 100%;
        padding: 4px 0;
        text-align: center;
        text-decoration: none;
        transition: all 0.3s;
        width: 100%;
    }

    .c-pagenation__list-item.-active a, .c-pagenation__list-item.-active button {
        background-color: var(--c-sf-active);
        border: 2px solid var(--c-ui-sub);
        color: var(--c-ui-sub);
    }

.c-pagetitle + * {
    margin-top: 40px;
}

.c-pagetitle.-pagetitle01 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-bottom: 2px solid var(--c-ui-sub);
    padding-bottom: 8px;
    font-weight: 700;
}

    .c-pagetitle.-pagetitle01 .c-pagetitle__pagetitle .c-pagetitle__text {
        font-size: 32px;
        vertical-align: text-top;
    }

.c-pagetitle__logo {
    flex-shrink: 0;
}

    .c-pagetitle__logo img {
        display: inline-block;
        width: auto;
        height: auto;
        max-height: 28px;
        vertical-align: middle;
        margin-right: 16px;
    }

.c-pagetitle__balloon {
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    color: var(--c-ui-sub);
    vertical-align: middle;
    border: 2px solid currentColor;
    border-radius: 4px;
    background-color: var(--c-sf-main);
    padding: 0 0.75em;
    margin-left: 16px;
}

    .c-pagetitle__balloon::before, .c-pagetitle__balloon::after {
        content: "";
        position: absolute;
        right: 100%;
        top: 50%;
        margin-top: -6px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 12px 6px 0;
    }

    .c-pagetitle__balloon::before {
        border-color: transparent currentColor transparent transparent;
    }

    .c-pagetitle__balloon::after {
        margin-right: -4px;
        border-color: transparent var(--c-sf-main) transparent transparent;
    }

    .c-pagetitle__balloon.-blue {
        background-color: var(--c-sf-active);
    }

        .c-pagetitle__balloon.-blue::after {
            border-color: transparent var(--c-sf-active) transparent transparent;
        }

    .c-pagetitle__balloon.-red {
        background-color: var(--c-sf-alert);
        color: var(--c-text-alert);
    }

        .c-pagetitle__balloon.-red::after {
            border-color: transparent var(--c-sf-alert) transparent transparent;
        }

.c-pagetop {
    position: absolute;
    top: -64px;
    right: 40px;
    bottom: auto;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

    .c-pagetop.is-show {
        opacity: 1;
        visibility: visible;
    }

    .c-pagetop.is-fixed {
        position: fixed;
        bottom: 40px;
        top: auto;
    }

.c-pagetop__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: var(--c-text-main);
    border-radius: 50%;
}

.c-radio {
    position: relative;
    text-align: center;
}

    .c-radio.-w-auto input + span {
        width: auto;
        padding: 0 48px 0 56px;
    }

    .c-radio.-w-small input + span {
        width: auto;
        min-width: 200px;
        padding: 0 40px 0 56px;
    }

    .c-radio input {
        position: absolute;
        left: 0;
        top: 0;
        clip: rect(0, 0, 0, 0);
    }

        .c-radio input + span {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 240px;
            height: 54px;
            background-color: var(--c-sf-main);
            border: 2px solid var(--c-text-inactive);
            border-radius: 27px;
            padding: 0 48px;
            font-weight: 400;
            line-height: 1.3;
            cursor: pointer;
        }

            .c-radio input + span::before, .c-radio input + span::after {
                content: "";
                position: absolute;
                top: 50%;
                border-radius: 50%;
            }

            .c-radio input + span::before {
                left: 24px;
                width: 20px;
                height: 20px;
                margin-top: -10px;
                background-color: var(--c-sf-main);
                border: 2px solid var(--c-text-inactive);
            }

        .c-radio input:focus-visible + span {
            border-color: var(--c-ui-sub);
        }

        .c-radio input:checked + span {
            border-color: var(--c-ui-main);
            background-color: var(--c-sf-main);
        }

            .c-radio input:checked + span::before {
                border-color: var(--c-ui-main);
            }

            .c-radio input:checked + span::after {
                left: 28px;
                width: 12px;
                height: 12px;
                margin-top: -6px;
                background-color: var(--c-ui-main);
            }

        .c-radio input:checked:focus-visible + span {
            border-color: var(--c-ui-sub);
        }

        .c-radio input:disabled + span {
            cursor: default;
            background-color: var(--c-sf-inactive);
            border-color: currentColor;
            color: var(--c-text-inactive);
        }

            .c-radio input:disabled + span::before {
                background-color: var(--c-sf-inactive);
            }

        .c-radio input:disabled:checked + span::before {
            border-color: var(--c-text-inactive);
        }

        .c-radio input:disabled:checked + span::after {
            background-color: var(--c-text-inactive);
        }

    .c-radio.-s-large {
        width: 100%;
        max-width: 640px;
        border: 1px solid var(--c-gray-sub);
    }

        .c-radio.-s-large > li + li {
            border-top: 1px solid var(--c-gray-sub);
        }

        .c-radio.-s-large > li input + span {
            display: block;
            width: 100%;
            height: auto;
            border: none;
            border-radius: 0;
            padding: 15px 16px 15px 52px;
        }

            .c-radio.-s-large > li input + span::before {
                left: 16px;
            }

        .c-radio.-s-large > li input:focus-visible + span {
            box-shadow: 0 0 0 2px var(--c-ui-sub) inset;
        }

        .c-radio.-s-large > li input:checked + span {
            color: var(--c-ui-main);
            background-color: var(--c-sf-inactive);
        }

            .c-radio.-s-large > li input:checked + span::after {
                left: 20px;
            }

        .c-radio.-s-large > li input:checked:focus-visible + span {
            box-shadow: 0 0 0 2px var(--c-ui-sub) inset;
        }

.c-radio__orand {
    display: flex;
}

    .c-radio__orand > li {
        width: 72px;
    }

        .c-radio__orand > li:first-child .c-radio input + span {
            border-radius: 8px 0 0 8px;
            border-left-width: 2px;
        }

        .c-radio__orand > li:last-child .c-radio input + span {
            border-radius: 0 8px 8px 0;
            border-right-width: 2px;
        }

        .c-radio__orand > li .c-radio input + span {
            width: 100%;
            height: 42px;
            border-color: var(--c-gray-sub);
            border-left-width: 2px;
            border-right-width: 2px;
            background-color: var(--c-sf-inactive);
            border-radius: 0;
            padding: 0;
        }

            .c-radio__orand > li .c-radio input + span::before, .c-radio__orand > li .c-radio input + span::after {
                display: none;
            }

        .c-radio__orand > li .c-radio input:focus-visible + span {
            box-shadow: 0 0 0 2px var(--c-ui-sub) inset;
        }

        .c-radio__orand > li .c-radio input:checked + span {
            background-color: var(--c-sf-active);
            border-color: var(--c-ui-sub);
        }

        .c-radio__orand > li .c-radio input:checked:focus-visible + span {
            box-shadow: 0 0 0 2px var(--c-ui-sub) inset;
        }

        .c-radio__orand > li .c-radio input:disabled + span {
            cursor: default;
            opacity: 0.6;
            color: var(--c-text-main);
        }

        .c-radio__orand > li .c-radio input:disabled:checked + span::before {
            border-color: var(--c-text-inactive);
        }

        .c-radio__orand > li .c-radio input:disabled:checked + span::after {
            background-color: var(--c-text-inactive);
        }

    .c-radio__orand.-flexible > li {
        width: auto;
    }

        .c-radio__orand.-flexible > li .c-radio input + span {
            padding: 0 32px;
        }

.c-radio.-s-small {
    text-align: left;
}

    .c-radio.-s-small input + span {
        display: inline-flex;
        width: auto;
        height: auto;
        min-height: 43px;
        padding: 0 48px 0 56px;
    }

.c-range {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

    .c-range > input[type=range] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        height: 8px;
        width: 100%;
        width: 240px;
        background: var(--c-text-sub);
        border-radius: 6px;
        /* Chrome / Edge / Safari */
        /* FF */
    }

        .c-range > input[type=range]::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 32px;
            height: 32px;
            background: var(--c-sf-main);
            border: 4px solid var(--c-ui-main);
            border-radius: 50%;
        }

        .c-range > input[type=range]::-moz-range-thumb {
            width: 32px;
            height: 32px;
            background: var(--c-sf-main);
            border: 4px solid var(--c-ui-main);
            border-radius: 50%;
        }

        .c-range > input[type=range]::-moz-focus-outer {
            border: 0;
        }

    .c-range > .c-range__icon {
        width: 32px;
        height: 32px;
        fill: var(--c-text-sub);
    }

.c-section {
    position: relative;
    margin-top: var(--s-xs);
}

    .c-section + .c-section {
        margin-top: var(--s-md);
    }

.c-pagetitle + .c-section {
    margin-top: var(--s-md);
}

.c-section__head {
    padding: var(--s-xs) var(--s-md);
    background-color: var(--c-gray-sub);
    border-radius: var(--r-md) var(--r-md) 0 0;
    border: 2px solid var(--c-gray-main);
    border-bottom: none;
}

.c-section__inner {
    padding: var(--s-md);
    background-color: var(--c-bg-sub);
    border: 2px solid var(--c-gray-main);
    border-radius: var(--r-md);
}

.c-section__head + .c-section__inner {
    border-top: 0;
    border-radius: 0 0 var(--r-md) var(--r-md);
}

.c-section__inner > *:nth-child(1) {
    margin-top: 0;
}

.c-heading + .c-section__body {
    margin-top: var(--s-md);
}

.c-section__body > *:nth-child(1) {
    margin-top: 0;
}

.c-section__heading {
    display: flex;
    align-items: center;
}

    .c-section__heading > span {
        display: flex;
        align-items: center;
    }

        .c-section__heading > span:first-of-type {
            font-size: 24px;
        }

        .c-section__heading > span + span {
            margin-left: 8px;
            font-size: 16px;
        }

            .c-section__heading > span + span::before {
                content: "：";
                padding-right: 8px;
                font-size: 24px;
            }

.c-section.is-close .c-section__body {
    display: none;
}

.c-section__btn-box {
    display: flex;
    justify-content: center;
}

.c-section__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 32px;
    background: var(--c-gray-main);
    border-radius: 0 0 var(--r-md) var(--r-md);
}

    .c-section__btn:hover .c-section__arrow {
        animation: arrow-up 0.3s ease-in forwards 2;
    }

.c-section__arrow {
    --rotate: 90deg;
    --transY: -3px;
    width: 15px;
    height: 15px;
    fill: var(--c-sf-main);
    transform: rotate(var(--rotate));
}

.is-close .c-section__arrow {
    --rotate: 270deg;
    --transY: 3px;
}

.c-section.-modal {
    margin-top: var(--s-md);
}

    .c-section.-modal .c-section__inner {
        padding: 0;
        background-color: var(--c-bg-sub);
        border: none;
        border-radius: 0;
    }

        .c-section.-modal .c-section__inner > *:nth-child(1) {
            margin-top: 0;
        }

    .c-section.-modal .c-section__btn {
        display: flex;
        width: 100%;
    }

    .c-section.-modal.js-accordion .c-section__inner {
        padding-bottom: 40px;
    }

.c-section.-bg .c-section__inner {
    border: none;
    background: var(--c-bg-main);
}

.c-section.-scroll {
    padding: 24px 16px;
    background-color: var(--c-bg-sub);
    border: 2px solid var(--c-gray-main);
    border-radius: var(--r-md);
    font-size: 14px;
    font-weight: 400;
}

    .c-section.-scroll .c-section__scroll {
        height: 360px;
        overflow-y: auto;
        padding-right: 8px;
    }

    .c-section.-scroll p + p {
        margin-top: 8px;
    }

    .c-section.-scroll .-head {
        margin-top: 16px;
        font-size: 14px;
        font-weight: 700;
    }

        .c-section.-scroll .-head + p {
            margin-top: 8px;
        }

@keyframes arrow-up {
    0% {
        transform: translateY(0) rotate(var(--rotate));
    }

    50% {
        transform: translateY(var(--transY)) rotate(var(--rotate));
    }

    100% {
        transform: translateY(0) rotate(var(--rotate));
    }
}

.c-select {
    position: relative;
    width: 320px;
    max-width: 100%;
}

    .c-select.is-check-disabled::after {
        opacity: 0.6;
    }

    .c-select::after {
        content: "";
        position: absolute;
        right: 24px;
        top: 28px;
        width: 0;
        height: 0;
        margin-top: -5px;
        border-style: solid;
        border-width: 10px 5px 0 5px;
        border-color: var(--c-text-main) transparent transparent transparent;
        pointer-events: none;
    }

    .c-select select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        outline: none;
        background: transparent;
        cursor: pointer;
        font-size: 1em;
        display: block;
        width: 100%;
        padding: 14px 36px 14px 24px;
        background-color: var(--c-sf-main);
        border: 2px solid var(--c-text-inactive);
        border-radius: 8px;
    }

        .c-select select::-ms-expand {
            display: none;
        }

        .c-select select:focus {
            border-color: var(--c-ui-sub);
            background-color: var(--c-sf-main);
        }

        .c-select select:disabled {
            cursor: default;
        }

.c-heading + .c-select {
    margin-top: 8px;
}

.c-select select:required {
    border-color: var(--c-ui-sub);
    background-color: var(--c-sf-active);
}

    .c-select select:required:valid {
        background-color: var(--c-sf-main);
        border-color: var(--c-text-inactive);
    }

    .c-select select:required:focus {
        border-color: var(--c-ui-sub);
        background-color: var(--c-sf-main);
    }

.c-select select.is-error {
    border-color: var(--c-deco-red);
    background-color: var(--c-sf-alert);
}

    .c-select select.is-error:focus {
        border-color: var(--c-ui-sub);
        background-color: var(--c-sf-main);
    }

    .c-select select.is-error + .c-input--text {
        margin-top: 4px;
        font-size: 14px;
        font-weight: 400;
        color: var(--c-deco-red);
    }

.c-select.-s-small {
    width: 98px;
}

    .c-select.-s-small::after {
        right: 16px;
        top: 18px;
    }

    .c-select.-s-small select {
        font-size: 14px;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 16px;
    }

.c-select.-w-medium {
    width: 180px;
}

    .c-select.-w-medium::after {
        right: 16px;
    }

    .c-select.-w-medium select {
        padding-right: 24px;
    }


.c-select.-w-normal {
    width: 320px;
}

.c-select.-w-large {
    width: 640px;
}

.c-select.-s-medium select {
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
}

.c-select.-s-medium::after {
    right: 16px;
    top: 22px;
}

.c-select.-w-flexible {
    display: inline-block;
    width: auto;
}

    .c-select.-w-flexible select {
        width: auto;
        padding-right: 56px;
        max-width: 100%;
    }

    .c-select.-w-flexible.-s-medium select, .c-select.-w-flexible.-s-small select {
        padding-right: 48px;
    }

.c-select.-gray select {
    border-color: var(--c-gray-sub);
    background-color: var(--c-sf-inactive);
}

    .c-select.-gray select:focus {
        border-color: var(--c-ui-sub);
        background-color: var(--c-sf-main);
    }

.c-select.-h-43::after {
    top: 25px;
}

.c-select.-h-43 select {
    padding: 10px 36px 10px 16px;
}

.c-select.-w-100 {
    width: 100%;
}

.c-select-table {
    width: 100%;
}

    .c-select-table.-no-line .c-select-table__table {
        border: 1px solid var(--c-gray-main);
        border-top: none;
    }

        .c-select-table.-no-line .c-select-table__table th, .c-select-table.-no-line .c-select-table__table td {
            border: none;
            border-top: 1px solid var(--c-gray-main);
        }

            .c-select-table.-no-line .c-select-table__table th.-radio, .c-select-table.-no-line .c-select-table__table td.-radio {
                width: 40px;
            }

    .c-select-table.-alternate-bg .c-select-table__table tr:nth-of-type(odd) {
        background: var(--c-bg-main);
    }

.c-select-table__table {
    width: 100%;
    border-collapse: collapse;
}

    .c-select-table__table thead {
        background: var(--c-bg-main);
        font-size: 14px;
    }

    .c-select-table__table th, .c-select-table__table td {
        padding: 8px;
        border: 2px solid var(--c-gray-main);
        font-weight: 500;
    }

        .c-select-table__table th.-ws-nowrap, .c-select-table__table td.-ws-nowrap {
            width: 1px;
            white-space: nowrap;
        }

        .c-select-table__table th.-w30, .c-select-table__table td.-w30 {
            width: 30px;
        }

        .c-select-table__table th.-radio, .c-select-table__table td.-radio {
            width: 30px;
            position: relative;
        }

            .c-select-table__table th.-radio::before, .c-select-table__table th.-radio::after, .c-select-table__table td.-radio::before, .c-select-table__table td.-radio::after {
                content: "";
                position: absolute;
                top: 50%;
                border-radius: 50%;
            }

            .c-select-table__table th.-radio::before, .c-select-table__table td.-radio::before {
                left: calc(50% - 10px);
                width: 20px;
                height: 20px;
                margin-top: -10px;
                background-color: var(--c-sf-main);
                border: 2px solid var(--c-text-inactive);
            }

        .c-select-table__table th.-data, .c-select-table__table td.-data {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 0;
        }

    .c-select-table__table tbody tr {
        background-color: var(--c-sf-main);
    }

    .c-select-table__table tr.is-select .-radio::before {
        border-color: var(--c-ui-main);
    }

    .c-select-table__table tr.is-select .-radio::after {
        left: calc(50% - 6px);
        width: 12px;
        height: 12px;
        margin-top: -6px;
        background-color: var(--c-ui-main);
    }

    .c-select-table__table tr.is-select .-data {
        color: var(--c-ui-main);
    }

.c-table {
    position: relative;
}

    .c-table table {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        border-radius: 6px;
        border-left: 2px solid var(--c-text-inactive);
        border-top: 2px solid var(--c-text-inactive);
    }

        .c-table table th, .c-table table td {
            margin: 0;
            padding: 8px;
            text-align: center;
        }

            .c-table table th.-ws-nowrap, .c-table table td.-ws-nowrap {
                width: 1px;
                white-space: nowrap;
            }

            .c-table table th.-ta-left, .c-table table td.-ta-left {
                text-align: left;
            }

            .c-table table th.-to-ellipsis, .c-table table td.-to-ellipsis {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                max-width: 0;
            }

            .c-table table th.-pd16, .c-table table td.-pd16 {
                padding: 16px;
            }

        .c-table table th {
            border-bottom: 2px solid var(--c-text-inactive);
            border-right: 2px solid var(--c-text-inactive);
            text-align: center;
            font-style: normal;
            font-weight: 500;
        }

        .c-table table td {
            border-bottom: 2px solid var(--c-text-inactive);
            border-right: 2px solid var(--c-text-inactive);
        }

        .c-table table thead {
            background-color: var(--c-gray-sub);
            font-size: 14px;
        }

            .c-table table thead tr:first-child > *:first-child {
                border-radius: 4px 0 0 0;
            }

            .c-table table thead tr:first-child > *:last-child {
                border-radius: 0 4px 0 0;
            }

        .c-table table tbody tr:last-child > *:first-child {
            border-radius: 0 0 0 4px;
        }

        .c-table table tbody tr:last-child > *:last-child {
            border-radius: 0 0 4px 0;
        }

        .c-table table tbody tr.-bg-gray td {
            background-color: var(--c-bg-main);
        }

        .c-table table tbody tr.is-active td {
            background-color: var(--c-sf-active);
        }

        .c-table table.-w-flexible {
            width: auto;
        }

        .c-table table .c-table__figure__Gaiji {
            width: 250px;
            margin: 0 auto;
            position: relative;
        }

            .c-table table .c-table__figure__Gaiji > figure img {
                width: 100%;
            }

            .c-table table .c-table__figure__Gaiji.-left .c-table__balloon {
                left: auto;
                right: calc(100% + 16px);
            }

        .c-table table .c-table__figure {
            width: 40px;
            margin: 0 auto;
            position: relative;
        }

            .c-table table .c-table__figure > figure img {
                width: 100%;
            }

            .c-table table .c-table__figure.-left .c-table__balloon {
                left: auto;
                right: calc(100% + 16px);
            }

        .c-table table .c-table__button .c-table__icon {
            display: inline-block;
            width: 14px;
            height: 14px;
            background-color: var(--c-text-sub);
            line-height: 0;
            margin-left: 4px;
        }

            .c-table table .c-table__button .c-table__icon svg {
                margin-top: -1px;
                width: 100%;
                height: 100%;
                color: var(--c-sf-main);
            }

        .c-table table .c-table__button.is-active .c-table__text {
            text-decoration: underline;
        }

        .c-table table .c-table__button.is-up .c-table__icon {
            transform: scale(1, -1);
        }

    .c-table.-w-auto table {
        width: auto;
    }

    .c-table.scroll__wrap {
        position: relative;
    }

        .c-table.scroll__wrap .scroll {
            width: 100%;
            overflow: auto;
        }

            .c-table.scroll__wrap .scroll table {
                width: auto;
                min-width: 100%;
            }

                .c-table.scroll__wrap .scroll table th, .c-table.scroll__wrap .scroll table td {
                    width: 1px;
                    white-space: nowrap;
                }

        .c-table.scroll__wrap > .c-table__icon {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            width: 24px;
            background-color: rgba(0, 0, 0, 0.4);
            pointer-events: none;
        }

            .c-table.scroll__wrap > .c-table__icon svg {
                position: absolute;
                left: 50%;
                top: 50%;
                width: 16px;
                fill: var(--c-bg-sub);
                transform: translate(-50%, -50%) scale(-1, 1);
            }

            .c-table.scroll__wrap > .c-table__icon.is-hide {
                display: none;
            }

    .c-table.-fix-height {
        --scrollbar: 0;
    }

        .c-table.-fix-height table {
            border: 2px solid var(--c-text-inactive);
        }

        .c-table.-fix-height thead, .c-table.-fix-height tbody {
            display: block;
        }

        .c-table.-fix-height thead {
            border-radius: 4px 4px 0 0;
            border-bottom: 2px solid var(--c-text-inactive);
        }

        .c-table.-fix-height tbody {
            height: auto;
            max-height: 208px;
            overflow-y: auto;
        }

        .c-table.-fix-height tr {
            display: flex;
        }

            .c-table.-fix-height tr + tr {
                border-top: 2px solid var(--c-text-inactive);
            }

        .c-table.-fix-height th, .c-table.-fix-height td {
            border: none;
        }

            .c-table.-fix-height th + th, .c-table.-fix-height th + td, .c-table.-fix-height td + th, .c-table.-fix-height td + td {
                border-left: 2px solid var(--c-text-inactive);
            }

            .c-table.-fix-height th:first-child, .c-table.-fix-height td:first-child {
                width: 104px;
                flex-shrink: 0;
            }

            .c-table.-fix-height th:nth-child(2), .c-table.-fix-height td:nth-child(2) {
                width: 420px;
                flex-shrink: 0;
            }

.c-heading + .c-table {
    margin-top: 8px;
}

.js-tableResize {
    white-space: nowrap;
}

.js-nowrap {
    white-space: nowrap;
}

.ui-resizable {
    position: relative;
    padding: 0 !important;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    touch-action: none;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 10px;
    height: 20px;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
    background-color: var(--c-text-sub);
}

    .ui-resizable-e::before, .ui-resizable-e::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: 2px;
        background-color: var(--c-gray-sub);
    }

    .ui-resizable-e::before {
        left: 2px;
    }

    .ui-resizable-e::after {
        right: 2px;
    }

.ui-resizable-contents {
    padding: 0 24px;
}

.c-table__balloon {
    position: absolute;
    background-color: var(--c-bg-sub);
    padding: 4px;
    border-radius: 4px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    display: none;
    z-index: 100;
}

    .c-table__balloon figure img {
        -o-object-fit: contain;
        object-fit: contain;
        max-height: 300px;
        max-width: 168px;
    }

    .c-table__balloon.-top {
        top: -16px;
        transform: none;
    }

    .c-table__balloon.-bottom {
        top: auto;
        bottom: -8px;
        transform: none;
    }

.c-text {
    font-size: 16px;
}

    .c-text.-bold {
        font-weight: 700;
    }

    .c-text.-small {
        font-size: 14px;
    }

    .c-text + .c-text {
        margin-top: 24px;
    }

    .c-text.-c-main {
        color: var(--c-ui-main);
    }

    .c-text.-c-sub {
        color: var(--c-ui-sub);
    }

    .c-text.-c-alert {
        color: var(--c-text-alert);
    }

    .c-text.-c-gray {
        color: var(--c-text-sub);
    }

    .c-text.-link {
        margin-top: 0;
        color: var(--c-text-main);
        text-decoration: underline;
    }

.c-textarea.-h-large textarea {
    min-height: calc(32px + 15em);
}

.c-textarea textarea {
    margin: 0;
    padding: 0;
    font-size: 1em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    background: transparent;
    outline: none;
    resize: vertical;
    display: block;
    width: 640px;
    max-width: 100%;
    min-height: calc(32px + 6em);
    padding: 14px 24px;
    background-color: var(--c-sf-main);
    border: 2px solid var(--c-text-inactive);
    border-radius: 8px;
}

    .c-textarea textarea::-moz-placeholder {
        color: var(--c-text-inactive);
    }

    .c-textarea textarea::placeholder {
        color: var(--c-text-inactive);
    }

    .c-textarea textarea:focus {
        border-color: var(--c-ui-sub);
        background-color: var(--c-sf-main);
    }

    .c-textarea textarea:disabled {
        background-color: var(--c-sf-inactive);
        border-color: var(--c-sf-inactive);
        border-radius: 0;
        color: var(--c-text-sub);
        pointer-events: none;
        resize: none;
    }

    .c-textarea textarea + .c-textarea--text {
        margin-top: 4px;
        font-size: 14px;
        font-weight: 400;
        color: var(--c-text-sub);
    }

.c-textarea .c-textarea__plain {
    display: block;
    width: 640px;
    max-width: 100%;
    max-width: 100%;
    min-height: calc(32px + 6em);
    padding: 14px 24px;
    background-color: var(--c-sf-inactive);
    border-color: var(--c-sf-inactive);
    border-radius: 0;
    color: var(--c-text-sub);
    font-size: 1em;
}

* + .c-textarea {
    margin-top: 8px;
}

.c-textarea textarea:required {
    border-color: var(--c-ui-sub);
    background-color: var(--c-sf-active);
}

    .c-textarea textarea:required:focus {
        background-color: var(--c-sf-main);
    }

    .c-textarea textarea:required:valid {
        background-color: var(--c-sf-main);
        border-color: var(--c-text-inactive);
    }

        .c-textarea textarea:required:valid:focus {
            border-color: var(--c-ui-sub);
        }

    .c-textarea textarea:required:disabled {
        background-color: var(--c-sf-inactive);
        border-color: var(--c-sf-inactive);
    }

.c-textarea textarea.is-error {
    border-color: var(--c-deco-red);
    background-color: var(--c-sf-alert);
}

    .c-textarea textarea.is-error:focus {
        border-color: var(--c-ui-sub);
        background-color: var(--c-sf-main);
    }

    .c-textarea textarea.is-error + .c-textarea--text {
        color: var(--c-deco-red);
    }

.c-textarea.-overflow .c-textarea__plain {
    display: block;
    width: 100%;
    height: 400px;
    overflow-y: scroll;
    color: var(--c-text);
    line-height: 2;
}

.u-bg-default {
    background-color: var(--c-bg-main);
}

.u-bg-main {
    background-color: var(--c-ui-main);
}

.u-bg-sub {
    background-color: var(--c-ui-sub);
}

.u-bg-white {
    background-color: var(--c-bg-sub);
}

.u-bg-black {
    background-color: var(--c-text-main);
}

.u-bg-gray {
    background-color: var(--c-text-sub);
}

.u-bg-red {
    background-color: var(--c-text-alert);
}

.u-bg-alert {
    background-color: var(--c-sf-alert);
}

.u-bg-danger {
    background-color: var(--c-sf-danger);
}

.u-c-white {
    color: var(--c-sf-main);
}

.u-c-alert {
    color: var(--c-text-alert);
}

.u-c-gray {
    color: var(--c-text-sub);
}

.u-c-main {
    color: var(--c-ui-main);
}

.u-c-sub {
    color: var(--c-ui-sub);
}

.u-cs-red {
    color: var(--c-text-alert);
    background: var(--c-sf-danger);
}

.u-cs-blue {
    color: var(--c-ui-sub);
    background: var(--c-sf-active);
}

.u-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
}

.u-dn-pc {
    display: none !important;
}

.u-dn-pc-ib {
    display: none !important;
}

.u-dn-pc-i {
    display: none !important;
}

.u-dn-pc-f {
    display: none !important;
}

.u-dn-pc-g {
    display: none !important;
}

.u-dn-sp {
    display: block !important;
}

.u-dn-sp-ib {
    display: inline-block !important;
}

.u-dn-sp-i {
    display: inline !important;
}

.u-dn-sp-f {
    display: flex !important;
}

.u-dn-sp-g {
    display: grid !important;
}

.u-dn {
    display: none !important;
}

.u-db {
    display: block !important;
}

.u-ib {
    display: inline-block !important;
}

.u-i {
    display: inline !important;
}

.u-f {
    display: flex !important;
}

.u-g {
    display: grid !important;
}

.u-fz10 {
    font-size: 10px !important;
}

.u-fz12 {
    font-size: 12px !important;
}

.u-fz14 {
    font-size: 14px !important;
}

.u-fz16 {
    font-size: 16px !important;
}

.u-fz18 {
    font-size: 18px !important;
}

.u-fz20 {
    font-size: 20px !important;
}

.u-fz24 {
    font-size: 24px !important;
}

.u-fz32 {
    font-size: 32px !important;
}

.u-fz40 {
    font-size: 40px !important;
}

.u-bold {
    font-weight: 600;
}

.u-solid {
    font-weight: 400;
}

.u-mt0 {
    margin-top: 0px !important;
}

.u-mt8 {
    margin-top: 8px !important;
}

.u-mt16 {
    margin-top: 16px !important;
}

.u-mt24 {
    margin-top: 24px !important;
}

.u-mt32 {
    margin-top: 32px !important;
}

.u-mt40 {
    margin-top: 40px !important;
}

.u-mt48 {
    margin-top: 48px !important;
}

.u-mt56 {
    margin-top: 56px !important;
}

.u-mt64 {
    margin-top: 64px !important;
}

.u-mt72 {
    margin-top: 72px !important;
}

.u-mt80 {
    margin-top: 80px !important;
}

.u-mt88 {
    margin-top: 88px !important;
}

.u-mt96 {
    margin-top: 96px !important;
}

.u-mt104 {
    margin-top: 104px !important;
}

.u-mt112 {
    margin-top: 112px !important;
}

.u-mt120 {
    margin-top: 120px !important;
}

.u-mt128 {
    margin-top: 128px !important;
}

.u-mt136 {
    margin-top: 136px !important;
}

.u-mt144 {
    margin-top: 144px !important;
}

.u-mt152 {
    margin-top: 152px !important;
}

.u-mt4 {
    margin-top: 4px !important;
}

.u-mt12 {
    margin-top: 12px !important;
}

.u-mt20 {
    margin-top: 20px !important;
}

.u-mt30 {
    margin-top: 30px !important;
}

.u-m-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.u-m0 {
    margin: 0 !important;
}

.u-pd0 {
    padding: 0 !important;
}

.u-pt0 {
    padding-top: 0 !important;
}

.u-pd8 {
    padding: 8 !important;
}

.u-pt8 {
    padding-top: 8 !important;
}

.u-pd16 {
    padding: 16 !important;
}

.u-pt16 {
    padding-top: 16 !important;
}

.u-pd24 {
    padding: 24 !important;
}

.u-pt24 {
    padding-top: 24 !important;
}

.u-pd32 {
    padding: 32 !important;
}

.u-pt32 {
    padding-top: 32 !important;
}

.u-pd40 {
    padding: 40 !important;
}

.u-pt40 {
    padding-top: 40 !important;
}

.u-ta-l {
    text-align: left !important;
}

.u-ta-c {
    text-align: center !important;
}

.u-ta-r {
    text-align: right !important;
}

@media not screen and (min-width: 768px) {
    a[href^="tel:"] {
        pointer-events: auto;
    }

    .l-footer__inner {
        flex-flow: auto;
        flex-direction: column-reverse;
        justify-content: space-around;
        padding: 4px;
    }

    .l-footer__copy {
        font-size: 12px;
        position: static;
        transform: none;
    }

    .l-header.-clm1 .l-header__inner {
        padding: 12px;
    }

    .l-header.-clm1 .l-header__logo img {
        height: 13px;
        width: auto;
    }

    .l-wrapper {
        --header-height: 35px;
        --footer-height: 60px;
    }

    .c-button.-h-large {
        height: 44px;
    }

    .c-button.-w-xxlarge {
        width: 100%;
        max-width: 240px;
        min-width: 0;
    }

    .c-file-img.-h400 img {
        max-width: 100%;
    }

    .c-file-img.-h350 img {
        max-width: 100%;
    }

    .c-file-img.-h200 img {
        max-width: 100%;
    }

    .c-heading.-heading02 {
        padding-left: 8px;
        font-size: 16px;
    }

    .c-heading.-heading04 {
        font-size: 14px;
    }

    .c-heading.-alert {
        font-size: 16px;
    }

    .c-input .c-input__input {
        padding: 14px;
        font-size: 14px;
    }

    .c-input .c-input__plain {
        padding: 14px;
        font-size: 14px;
    }

    .c-list.-fill-circle {
        --fz: 14px;
    }

        .c-list.-fill-circle li::before {
            width: 6px;
            height: 6px;
            top: 8px;
        }

    .c-pagetitle.-pagetitle01 .c-pagetitle__pagetitle .c-pagetitle__text {
        font-size: 24px;
    }

    .c-pagetop {
        top: -56px;
        right: 16px;
    }

        .c-pagetop.is-fixed {
            position: fixed;
            bottom: 16px;
            top: auto;
        }

    .c-range > input[type=range] {
        height: 6px;
        width: 148px;
    }

        .c-range > input[type=range]::-webkit-slider-thumb {
            width: 22px;
            height: 22px;
            border: 2px solid var(--c-ui-main);
        }

        .c-range > input[type=range]::-moz-range-thumb {
            width: 22px;
            height: 22px;
            border: 2px solid var(--c-ui-main);
        }

    .c-range > .c-range__icon {
        width: 22px;
        height: 22px;
    }

    .c-section + .c-section {
        margin-top: var(--s-xs);
    }

    .c-section__inner {
        padding: 24px 16px;
    }

    .c-heading + .c-section__body {
        margin-top: 16px;
    }

    .c-text {
        font-size: 14px;
    }

    .c-textarea textarea {
        padding: 16px;
        font-size: 14px;
    }

    .u-dn-pc {
        display: block !important;
    }

    .u-dn-pc-ib {
        display: inline-block !important;
    }

    .u-dn-pc-i {
        display: inline !important;
    }

    .u-dn-pc-f {
        display: flex !important;
    }

    .u-dn-pc-g {
        display: grid !important;
    }

    .u-dn-sp {
        display: none !important;
    }

    .u-dn-sp-ib {
        display: none !important;
    }

    .u-dn-sp-i {
        display: none !important;
    }

    .u-dn-sp-f {
        display: none !important;
    }

    .u-dn-sp-g {
        display: none !important;
    }

    .u-db-sp {
        display: block !important;
    }

    .u-ib-sp {
        display: inline-block !important;
    }

    .u-i-sp {
        display: inline !important;
    }

    .u-f-sp {
        display: flex !important;
    }

    .u-f-sp {
        display: grid !important;
    }

    .u-fz10-sp {
        font-size: 10px !important;
    }

    .u-fz12-sp {
        font-size: 12px !important;
    }

    .u-fz14-sp {
        font-size: 14px !important;
    }

    .u-fz16-sp {
        font-size: 16px !important;
    }

    .u-fz18-sp {
        font-size: 18px !important;
    }

    .u-fz20-sp {
        font-size: 20px !important;
    }

    .u-fz24-sp {
        font-size: 24px !important;
    }

    .u-fz32-sp {
        font-size: 32px !important;
    }

    .u-fz40-sp {
        font-size: 40px !important;
    }

    .u-mt0-sp {
        margin-top: 0px !important;
    }

    .u-mt8-sp {
        margin-top: 8px !important;
    }

    .u-mt16-sp {
        margin-top: 16px !important;
    }

    .u-mt24-sp {
        margin-top: 24px !important;
    }

    .u-mt32-sp {
        margin-top: 32px !important;
    }

    .u-mt40-sp {
        margin-top: 40px !important;
    }

    .u-mt48-sp {
        margin-top: 48px !important;
    }

    .u-mt56-sp {
        margin-top: 56px !important;
    }

    .u-mt64-sp {
        margin-top: 64px !important;
    }

    .u-mt72-sp {
        margin-top: 72px !important;
    }

    .u-mt80-sp {
        margin-top: 80px !important;
    }

    .u-mt88-sp {
        margin-top: 88px !important;
    }

    .u-mt96-sp {
        margin-top: 96px !important;
    }

    .u-mt104-sp {
        margin-top: 104px !important;
    }

    .u-mt112-sp {
        margin-top: 112px !important;
    }

    .u-mt120-sp {
        margin-top: 120px !important;
    }

    .u-mt128-sp {
        margin-top: 128px !important;
    }

    .u-mt136-sp {
        margin-top: 136px !important;
    }

    .u-mt144-sp {
        margin-top: 144px !important;
    }

    .u-mt152-sp {
        margin-top: 152px !important;
    }

    .u-mt4-sp {
        margin-top: 4px !important;
    }

    .u-mt12-sp {
        margin-top: 12px !important;
    }

    .u-mt20-sp {
        margin-top: 20px !important;
    }

    .u-mt30-sp {
        margin-top: 30px !important;
    }

    .u-m-auto-sp {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .u-pd0-sp {
        padding: 0 !important;
    }

    .u-pt0-sp {
        padding-top: 0 !important;
    }

    .u-pd8-sp {
        padding: 8 !important;
    }

    .u-pt8-sp {
        padding-top: 8 !important;
    }

    .u-pd16-sp {
        padding: 16 !important;
    }

    .u-pt16-sp {
        padding-top: 16 !important;
    }

    .u-pd24-sp {
        padding: 24 !important;
    }

    .u-pt24-sp {
        padding-top: 24 !important;
    }

    .u-pd32-sp {
        padding: 32 !important;
    }

    .u-pt32-sp {
        padding-top: 32 !important;
    }

    .u-pd40-sp {
        padding: 40 !important;
    }

    .u-pt40-sp {
        padding-top: 40 !important;
    }

    .u-ta-l-sp {
        text-align: left !important;
    }

    .u-ta-c-sp {
        text-align: center !important;
    }

    .u-ta-r-sp {
        text-align: right !important;
    }
}

@media print, screen and (min-width: 768px) {
    .c-button:disabled:hover {
        background-color: var(--c-sf-inactive) !important;
        border-color: currentColor !important;
        color: var(--c-text-inactive) !important;
    }

    .c-button:hover {
        color: var(--c-sf-main);
        background-color: var(--c-deco-blue);
        border-color: var(--c-deco-blue);
    }

    .c-button.-red:hover {
        background-color: var(--c-deco-red);
        border-color: var(--c-deco-red);
    }

    .c-button.-text:hover {
        text-decoration: none;
        background-color: transparent;
        color: var(--c-text-main);
    }

    .c-button.-text.-alert:hover {
        color: var(--c-text-alert);
    }

    .c-button.-icon.-minus:hover {
        background-color: var(--c-text-alert);
    }

        .c-button.-icon.-minus:hover .c-button__icon {
            background-color: var(--c-sf-main);
        }

    .c-button.-icon.-plus:hover {
        background-color: var(--c-ui-sub);
    }

        .c-button.-icon.-plus:hover .c-button__icon {
            background-color: var(--c-sf-main);
        }

            .c-button.-icon.-plus:hover .c-button__icon::before {
                background-color: var(--c-sf-main);
            }

    .c-button.-icon.-arrow-bottom:hover, .c-button.-icon.-arrow-top:hover {
        border-color: var(--c-ui-main);
        background-color: var(--c-sf-main);
    }

        .c-button.-icon.-arrow-bottom:hover .c-button__icon, .c-button.-icon.-arrow-top:hover .c-button__icon {
            color: var(--c-ui-main);
        }

    .c-button.-icon.-move-down:hover, .c-button.-icon.-move-up:hover {
        border-color: var(--c-ui-main);
        background-color: var(--c-sf-main);
    }

        .c-button.-icon.-move-down:hover .c-button__icon, .c-button.-icon.-move-up:hover .c-button__icon {
            color: var(--c-ui-main);
        }

    .c-button.-icon.-password_visible:hover {
        background-color: var(--c-ui-main);
        border-color: var(--c-ui-main);
    }

    .c-button.-square:hover {
        background-color: var(--c-ui-main);
        border-color: var(--c-ui-main);
        color: var(--c-sf-main);
    }

    .c-checkbox input + span:hover {
        background-color: var(--c-sf-active);
        border-color: var(--c-ui-sub);
    }

    .c-checkbox input:checked + span:hover {
        border-color: var(--c-ui-main);
    }

    .c-checkbox input:disabled + span:hover {
        border-color: currentColor;
        background-color: var(--c-sf-inactive);
    }

    .c-modal__btn:hover svg {
        opacity: 0.7;
    }

    .c-pagenation__btn:hover a, .c-pagenation__btn:hover button {
        background-color: var(--c-sf-active);
        border: 2px solid var(--c-ui-sub);
        color: var(--c-ui-sub);
    }

    .c-pagenation__btn:hover.-prev a::before, .c-pagenation__btn:hover.-prev button::before {
        border-color: transparent var(--c-ui-sub) transparent transparent;
    }

    .c-pagenation__btn:hover.-next a::after, .c-pagenation__btn:hover.-next button::after {
        border-color: transparent transparent transparent var(--c-ui-sub);
    }

    .c-pagenation__list-item a:hover, .c-pagenation__list-item button:hover {
        background-color: var(--c-sf-active);
        border: 2px solid var(--c-ui-sub);
        color: var(--c-ui-sub);
    }

    .c-pagetop__link:hover {
        background: var(--c-ui-sub);
    }

    .c-radio input + span:hover {
        background-color: var(--c-sf-active);
        border-color: var(--c-ui-sub);
    }

    .c-radio input:checked + span:hover {
        border-color: var(--c-ui-main);
        background-color: var(--c-sf-main);
    }

    .c-radio input:disabled + span:hover {
        background-color: var(--c-sf-inactive);
        border-color: currentColor;
    }

    .c-radio.-s-large > li input + span:hover {
        box-shadow: 0 0 0 1px var(--c-ui-sub), 0 0 0 1px var(--c-ui-sub) inset;
    }

    .c-radio.-s-large > li input:checked + span:hover {
        box-shadow: none;
    }

    .c-radio__orand > li .c-radio input:hover + span {
        border-color: var(--c-ui-sub);
        background-color: var(--c-ui-sub);
        color: var(--c-sf-main);
    }

    .c-radio__orand > li .c-radio input:checked:hover + span {
        background-color: var(--c-ui-sub);
        color: var(--c-sf-main);
        box-shadow: none;
    }

    .c-radio__orand > li .c-radio input:disabled + span:hover {
        background-color: var(--c-sf-inactive);
        border-color: var(--c-gray-sub);
        color: var(--c-text-main);
    }

    .c-radio__orand > li .c-radio input:disabled:checked + span:hover {
        background-color: var(--c-sf-active);
        border-color: var(--c-ui-sub);
    }

    .c-section.-scroll {
        padding: 40px 24px;
        font-size: 16px;
    }

        .c-section.-scroll .c-section__scroll {
            height: 200px;
        }

        .c-section.-scroll p + p {
            margin-top: 16px;
        }

        .c-section.-scroll .-head {
            margin-top: 24px;
            font-size: 16px;
        }

            .c-section.-scroll .-head + p {
                margin-top: 16px;
            }

    .c-select-table.-alternate-bg .c-select-table__table tr:hover {
        background-color: var(--c-sf-active);
    }

    .c-select-table__table tbody tr:hover {
        background-color: var(--c-sf-active);
    }

    .c-table table .c-table__figure > figure:hover {
        opacity: 0.4;
    }

        .c-table table .c-table__figure > figure:hover + .c-table__balloon {
            display: block;
        }

    .c-table table .c-table__button:hover .c-table__text {
        text-decoration: underline;
    }

    .c-table table .c-table__button.is-active:hover .c-table__text {
        text-decoration: none;
    }

    .c-text.-link:hover {
        color: var(--c-ui-sub);
    }

    .u-db-pc {
        display: block !important;
    }

    .u-ib-pc {
        display: inline-block !important;
    }

    .u-i-pc {
        display: inline !important;
    }

    .u-f-pc {
        display: flex !important;
    }

    .u-g-pc {
        display: grid !important;
    }

    .u-fz10-pc {
        font-size: 10px !important;
    }

    .u-fz12-pc {
        font-size: 12px !important;
    }

    .u-fz14-pc {
        font-size: 14px !important;
    }

    .u-fz16-pc {
        font-size: 16px !important;
    }

    .u-fz18-pc {
        font-size: 18px !important;
    }

    .u-fz20-pc {
        font-size: 20px !important;
    }

    .u-fz24-pc {
        font-size: 24px !important;
    }

    .u-fz32-pc {
        font-size: 32px !important;
    }

    .u-fz40-pc {
        font-size: 40px !important;
    }

    .u-mt0-pc {
        margin-top: 0px !important;
    }

    .u-mt8-pc {
        margin-top: 8px !important;
    }

    .u-mt16-pc {
        margin-top: 16px !important;
    }

    .u-mt24-pc {
        margin-top: 24px !important;
    }

    .u-mt32-pc {
        margin-top: 32px !important;
    }

    .u-mt40-pc {
        margin-top: 40px !important;
    }

    .u-mt48-pc {
        margin-top: 48px !important;
    }

    .u-mt56-pc {
        margin-top: 56px !important;
    }

    .u-mt64-pc {
        margin-top: 64px !important;
    }

    .u-mt72-pc {
        margin-top: 72px !important;
    }

    .u-mt80-pc {
        margin-top: 80px !important;
    }

    .u-mt88-pc {
        margin-top: 88px !important;
    }

    .u-mt96-pc {
        margin-top: 96px !important;
    }

    .u-mt104-pc {
        margin-top: 104px !important;
    }

    .u-mt112-pc {
        margin-top: 112px !important;
    }

    .u-mt120-pc {
        margin-top: 120px !important;
    }

    .u-mt128-pc {
        margin-top: 128px !important;
    }

    .u-mt136-pc {
        margin-top: 136px !important;
    }

    .u-mt144-pc {
        margin-top: 144px !important;
    }

    .u-mt152-pc {
        margin-top: 152px !important;
    }

    .u-mt4-pc {
        margin-top: 4px !important;
    }

    .u-mt12-pc {
        margin-top: 12px !important;
    }

    .u-mt20-pc {
        margin-top: 20px !important;
    }

    .u-mt30-pc {
        margin-top: 30px !important;
    }

    .u-m-auto-pc {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .u-pd0-pc {
        padding: 0 !important;
    }

    .u-pt0-pc {
        padding-top: 0 !important;
    }

    .u-pd8-pc {
        padding: 8 !important;
    }

    .u-pt8-pc {
        padding-top: 8 !important;
    }

    .u-pd16-pc {
        padding: 16 !important;
    }

    .u-pt16-pc {
        padding-top: 16 !important;
    }

    .u-pd24-pc {
        padding: 24 !important;
    }

    .u-pt24-pc {
        padding-top: 24 !important;
    }

    .u-pd32-pc {
        padding: 32 !important;
    }

    .u-pt32-pc {
        padding-top: 32 !important;
    }

    .u-pd40-pc {
        padding: 40 !important;
    }

    .u-pt40-pc {
        padding-top: 40 !important;
    }

    .u-ta-l-pc {
        text-align: left !important;
    }

    .u-ta-c-pc {
        text-align: center !important;
    }

    .u-ta-r-pc {
        text-align: right !important;
    }
}

/**
  * multiple-select - Multiple select is a jQuery plugin to select multiple elements with checkboxes :).
  *
  * @version v1.5.2
  * @homepage http://multiple-select.wenzhixin.net.cn
  * @author wenzhixin <wenzhixin2010@gmail.com> (http://wenzhixin.net.cn/)
  * @license MIT
  */
@charset "UTF-8";

.ms-offscreen {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: auto !important;
    top: auto !important
}

.ms-parent {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.ms-choice {
    display: block;
    width: 100%;
    height: 26px;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #aaa;
    text-align: left;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;
    border-radius: 4px;
    background-color: #fff
}

    .ms-choice.disabled {
        background-color: #f4f4f4;
        background-image: none;
        border: 1px solid #ddd;
        cursor: default
    }

    .ms-choice > span {
        position: absolute;
        top: 0;
        left: 0;
        right: 20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        padding-left: 8px
    }

        .ms-choice > span.placeholder {
            color: #999
        }

    .ms-choice > div.icon-close {
        position: absolute;
        top: 0;
        right: 16px;
        height: 100%;
        width: 16px
    }

        .ms-choice > div.icon-close:before {
            content: '×';
            color: #888;
            font-weight: bold;
            position: absolute;
            top: 50%;
            margin-top: -14px
        }

        .ms-choice > div.icon-close:hover:before {
            color: #333
        }

    .ms-choice > div.icon-caret {
        position: absolute;
        width: 0;
        height: 0;
        top: 50%;
        right: 8px;
        margin-top: -2px;
        border-color: #888 transparent transparent transparent;
        border-style: solid;
        border-width: 5px 4px 0 4px
    }

        .ms-choice > div.icon-caret.open {
            border-color: transparent transparent #888 transparent;
            border-width: 0 4px 5px 4px
        }

.ms-drop {
    width: auto;
    min-width: 100%;
    overflow: hidden;
    display: none;
    margin-top: -1px;
    padding: 0;
    position: absolute;
    z-index: 1000;
    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-radius: 4px
}

    .ms-drop.bottom {
        top: 100%;
        box-shadow: 0 4px 5px rgba(0,0,0,0.15)
    }

    .ms-drop.top {
        bottom: 100%;
        box-shadow: 0 -4px 5px rgba(0,0,0,0.15)
    }

.ms-search {
    display: inline-block;
    margin: 0;
    min-height: 26px;
    padding: 2px;
    position: relative;
    white-space: nowrap;
    width: 100%;
    z-index: 10000;
    box-sizing: border-box
}

    .ms-search input {
        width: 100%;
        height: auto !important;
        min-height: 24px;
        padding: 0 5px;
        margin: 0;
        outline: 0;
        font-family: sans-serif;
        border: 1px solid #aaa;
        border-radius: 5px;
        box-shadow: none
    }

.ms-drop ul {
    overflow: auto;
    margin: 0;
    padding: 0
}

    .ms-drop ul > li {
        list-style: none;
        display: list-item;
        background-image: none;
        position: static;
        padding: .25rem 8px
    }

        .ms-drop ul > li .disabled {
            font-weight: normal !important;
            opacity: .35;
            filter: Alpha(Opacity=35);
            cursor: default
        }

        .ms-drop ul > li.multiple {
            display: block;
            float: left
        }

        .ms-drop ul > li.group {
            clear: both
        }

        .ms-drop ul > li.multiple label {
            width: 100%;
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .ms-drop ul > li label {
            position: relative;
            padding-left: 1.25rem;
            margin-bottom: 0;
            font-weight: normal;
            display: block;
            white-space: nowrap;
            cursor: pointer
        }

            .ms-drop ul > li label.optgroup {
                font-weight: bold
            }

        .ms-drop ul > li.hide-radio {
            padding: 0
        }

            .ms-drop ul > li.hide-radio:focus, .ms-drop ul > li.hide-radio:hover {
                background-color: #f8f9fa
            }

            .ms-drop ul > li.hide-radio.selected {
                color: #fff;
                background-color: #007bff
            }

            .ms-drop ul > li.hide-radio label {
                margin-bottom: 0;
                padding: 5px 8px
            }

            .ms-drop ul > li.hide-radio input {
                display: none
            }

        .ms-drop ul > li.option-level-1 label {
            padding-left: 28px
        }

.ms-drop input[type="radio"], .ms-drop input[type="checkbox"] {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.ms-drop .ms-no-results {
    display: none
}

.p-select {
    margin-top: 8px;
}

.p-select__item .ms-choice {
    color: var(--c-text-main);
    font-size: 1em;
    height: 56px;
    width: 320px;
    background-color: var(--c-sf-main);
    border: 2px solid var(--c-text-inactive);
    border-radius: 8px;
    position: relative;
}

    .p-select__item .ms-choice > span {
        padding: 12px 24px 12px;
    }

    .p-select__item .ms-choice > div.icon-caret {
        margin-top: -5px;
        right: 24px;
        border-style: solid;
        border-width: 10px 5px 0 5px;
        border-color: var(--c-text-main) transparent transparent transparent;
    }

.p-select__item:required, .p-select__item:required + .p-select__item > .ms-choice {
    border-color: var(--c-ui-sub);
    background-color: var(--c-sf-active);
}

.p-select__item:valid, .p-select__item:valid + .p-select__item > .ms-choice {
    background-color: var(--c-sf-main);
    border-color: var(--c-text-inactive);
}

.p-select__item:focus, .p-select__item:focus + .p-select__item > .ms-choice {
    border-color: var(--c-ui-sub);
    background-color: var(--c-sf-main);
}

.p-select__item.-w-short .ms-choice {
    width: 178px;
}

.p-select + .p-select {
    margin-left: -20px;
}

.nav-header {
    font-size: 1.5rem;
}

.row {
    margin-bottom: 0;
}

#sourceImage,
.image-controls,
.image-save,
.preset-filters {
    display: none;
}

.image-preview {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

#canvas {
    max-height: 600px;
    object-fit: none;
}

#sidebar_toggle {
}

a, input[type=submit] {
    cursor: pointer;
}

    a.disable_btn {
        cursor: default !important;
        pointer-events: none !important;
        background-color: var(--c-sf-inactive) !important;
        border-color: currentColor !important;
        color: var(--c-text-inactive) !important;
        text-decoration: none;
        --c-sf-inactive: #fff;
    }

    a.c-button {
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none;
    }