@charset "UTF-8";
/*!
 * Bootstrap v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --bs-theme-g1: #fafafa;
    --bs-theme-g2: #fdfdfd;
    --bs-theme-g3: #eee;
    --bs-theme-g4: #ddd;
    --bs-theme-g5: #666666;
    --bs-theme-g6: #3B4043;
    --bs-theme-g7: #333;
    --bs-theme-g8: #202124;
    --bs-theme-g9: #aaa;
    --bs-theme-y1: #F2F0EA;
    --bs-primary: #eee;
    --bs-secondary: #ddd;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #fff;
    --bs-dark: #000;
    --bs-light-1: #fafafa;
    --bs-light-2: #fdfdfd;
    --bs-light-3: #666666;
    --bs-dark-1: #3B4043;
    --bs-dark-2: #333;
    --bs-dark-3: #202124;
    --bs-yellow-1: #F2F0EA;
    --bs-font-sans-serif: "メイリオ", "Meiryo", "Hiragino Sans", "ヒラギノ角ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

:root {
    font-size: 62.5%;
}

body {
    margin: 0;
    font-family: "メイリオ", "Meiryo", "Hiragino Sans", "ヒラギノ角ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6;
    color: #212529;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

h6, h5, h4, h3, h2, h1 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

h1 {
    font-size: calc(1.365rem + 1.38vw);
}
@media (min-width: 1200px) {
    h1 {
        font-size: 2.4rem;
    }
}

h2 {
    font-size: calc(1.305rem + 0.66vw);
}
@media (min-width: 1200px) {
    h2 {
        font-size: 1.8rem;
    }
}

h3 {
    font-size: calc(1.305rem + 0.66vw);
}
@media (min-width: 1200px) {
    h3 {
        font-size: 1.8rem;
    }
}

h4 {
    font-size: calc(1.305rem + 0.66vw);
}
@media (min-width: 1200px) {
    h4 {
        font-size: 1.8rem;
    }
}

h5 {
    font-size: calc(1.305rem + 0.66vw);
}
@media (min-width: 1200px) {
    h5 {
        font-size: 1.8rem;
    }
}

h6 {
    font-size: calc(1.265rem + 0.18vw);
}
@media (min-width: 1200px) {
    h6 {
        font-size: 1.4rem;
    }
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

ol,
ul {
    padding-left: 2rem;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}

dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}

.btn:hover {
    color: #212529;
}
.btn-check:focus + .btn, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(238, 238, 238, 0.25);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
    pointer-events: none;
    opacity: 0.65;
}

.btn-primary {
    color: #000;
    background-color: #eee;
    border-color: #eee;
}
.btn-primary:hover {
    color: #000;
    background-color: #f1f1f1;
    border-color: #f0f0f0;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
    color: #000;
    background-color: #f1f1f1;
    border-color: #f0f0f0;
    box-shadow: 0 0 0 0.25rem rgba(202, 202, 202, 0.5);
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
    color: #000;
    background-color: #f1f1f1;
    border-color: #f0f0f0;
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(202, 202, 202, 0.5);
}
.btn-primary:disabled, .btn-primary.disabled {
    color: #000;
    background-color: #eee;
    border-color: #eee;
}

.btn-secondary {
    color: #000;
    background-color: #ddd;
    border-color: #ddd;
}
.btn-secondary:hover {
    color: #000;
    background-color: #e2e2e2;
    border-color: #e0e0e0;
}
.btn-check:focus + .btn-secondary, .btn-secondary:focus {
    color: #000;
    background-color: #e2e2e2;
    border-color: #e0e0e0;
    box-shadow: 0 0 0 0.25rem rgba(188, 188, 188, 0.5);
}
.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
    color: #000;
    background-color: #e4e4e4;
    border-color: #e0e0e0;
}
.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(188, 188, 188, 0.5);
}
.btn-secondary:disabled, .btn-secondary.disabled {
    color: #000;
    background-color: #ddd;
    border-color: #ddd;
}

.btn-success {
    color: #fff;
    background-color: #198754;
    border-color: #198754;
}
.btn-success:hover {
    color: #fff;
    background-color: #157347;
    border-color: #146c43;
}
.btn-check:focus + .btn-success, .btn-success:focus {
    color: #fff;
    background-color: #157347;
    border-color: #146c43;
    box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #146c43;
    border-color: #13653f;
}
.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-success:disabled, .btn-success.disabled {
    color: #fff;
    background-color: #198754;
    border-color: #198754;
}

.btn-info {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0;
}
.btn-info:hover {
    color: #000;
    background-color: #31d2f2;
    border-color: #25cff2;
}
.btn-check:focus + .btn-info, .btn-info:focus {
    color: #000;
    background-color: #31d2f2;
    border-color: #25cff2;
    box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
    color: #000;
    background-color: #3dd5f3;
    border-color: #25cff2;
}
.btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-info:disabled, .btn-info.disabled {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0;
}

.btn-warning {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107;
}
.btn-warning:hover {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720;
}
.btn-check:focus + .btn-warning, .btn-warning:focus {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720;
    box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}
.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
    color: #000;
    background-color: #ffcd39;
    border-color: #ffc720;
}
.btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}
.btn-warning:disabled, .btn-warning.disabled {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn-danger:hover {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37;
}
.btn-check:focus + .btn-danger, .btn-danger:focus {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37;
    box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #b02a37;
    border-color: #a52834;
}
.btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-danger:disabled, .btn-danger.disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-light {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}
.btn-light:hover {
    color: #000;
    background-color: white;
    border-color: white;
}
.btn-check:focus + .btn-light, .btn-light:focus {
    color: #000;
    background-color: white;
    border-color: white;
    box-shadow: 0 0 0 0.25rem rgba(217, 217, 217, 0.5);
}
.btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {
    color: #000;
    background-color: white;
    border-color: white;
}
.btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(217, 217, 217, 0.5);
}
.btn-light:disabled, .btn-light.disabled {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}

.btn-dark {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.btn-dark:hover {
    color: #fff;
    background-color: black;
    border-color: black;
}
.btn-check:focus + .btn-dark, .btn-dark:focus {
    color: #fff;
    background-color: black;
    border-color: black;
    box-shadow: 0 0 0 0.25rem rgba(38, 38, 38, 0.5);
}
.btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: black;
    border-color: black;
}
.btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(38, 38, 38, 0.5);
}
.btn-dark:disabled, .btn-dark.disabled {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.btn-light-1 {
    color: #000;
    background-color: #fafafa;
    border-color: #fafafa;
}
.btn-light-1:hover {
    color: #000;
    background-color: #fbfbfb;
    border-color: #fbfbfb;
}
.btn-check:focus + .btn-light-1, .btn-light-1:focus {
    color: #000;
    background-color: #fbfbfb;
    border-color: #fbfbfb;
    box-shadow: 0 0 0 0.25rem rgba(213, 213, 213, 0.5);
}
.btn-check:checked + .btn-light-1, .btn-check:active + .btn-light-1, .btn-light-1:active, .btn-light-1.active, .show > .btn-light-1.dropdown-toggle {
    color: #000;
    background-color: #fbfbfb;
    border-color: #fbfbfb;
}
.btn-check:checked + .btn-light-1:focus, .btn-check:active + .btn-light-1:focus, .btn-light-1:active:focus, .btn-light-1.active:focus, .show > .btn-light-1.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(213, 213, 213, 0.5);
}
.btn-light-1:disabled, .btn-light-1.disabled {
    color: #000;
    background-color: #fafafa;
    border-color: #fafafa;
}

.btn-light-2 {
    color: #000;
    background-color: #fdfdfd;
    border-color: #fdfdfd;
}
.btn-light-2:hover {
    color: #000;
    background-color: #fdfdfd;
    border-color: #fdfdfd;
}
.btn-check:focus + .btn-light-2, .btn-light-2:focus {
    color: #000;
    background-color: #fdfdfd;
    border-color: #fdfdfd;
    box-shadow: 0 0 0 0.25rem rgba(215, 215, 215, 0.5);
}
.btn-check:checked + .btn-light-2, .btn-check:active + .btn-light-2, .btn-light-2:active, .btn-light-2.active, .show > .btn-light-2.dropdown-toggle {
    color: #000;
    background-color: #fdfdfd;
    border-color: #fdfdfd;
}
.btn-check:checked + .btn-light-2:focus, .btn-check:active + .btn-light-2:focus, .btn-light-2:active:focus, .btn-light-2.active:focus, .show > .btn-light-2.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(215, 215, 215, 0.5);
}
.btn-light-2:disabled, .btn-light-2.disabled {
    color: #000;
    background-color: #fdfdfd;
    border-color: #fdfdfd;
}

.btn-light-3 {
    color: #fff;
    background-color: #666666;
    border-color: #666666;
}
.btn-light-3:hover {
    color: #fff;
    background-color: #575757;
    border-color: #525252;
}
.btn-check:focus + .btn-light-3, .btn-light-3:focus {
    color: #fff;
    background-color: #575757;
    border-color: #525252;
    box-shadow: 0 0 0 0.25rem rgba(125, 125, 125, 0.5);
}
.btn-check:checked + .btn-light-3, .btn-check:active + .btn-light-3, .btn-light-3:active, .btn-light-3.active, .show > .btn-light-3.dropdown-toggle {
    color: #fff;
    background-color: #525252;
    border-color: #4d4d4d;
}
.btn-check:checked + .btn-light-3:focus, .btn-check:active + .btn-light-3:focus, .btn-light-3:active:focus, .btn-light-3.active:focus, .show > .btn-light-3.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(125, 125, 125, 0.5);
}
.btn-light-3:disabled, .btn-light-3.disabled {
    color: #fff;
    background-color: #666666;
    border-color: #666666;
}

.btn-dark-1 {
    color: #fff;
    background-color: #3B4043;
    border-color: #3B4043;
}
.btn-dark-1:hover {
    color: #fff;
    background-color: #323639;
    border-color: #2f3336;
}
.btn-check:focus + .btn-dark-1, .btn-dark-1:focus {
    color: #fff;
    background-color: #323639;
    border-color: #2f3336;
    box-shadow: 0 0 0 0.25rem rgba(88, 93, 95, 0.5);
}
.btn-check:checked + .btn-dark-1, .btn-check:active + .btn-dark-1, .btn-dark-1:active, .btn-dark-1.active, .show > .btn-dark-1.dropdown-toggle {
    color: #fff;
    background-color: #2f3336;
    border-color: #2c3032;
}
.btn-check:checked + .btn-dark-1:focus, .btn-check:active + .btn-dark-1:focus, .btn-dark-1:active:focus, .btn-dark-1.active:focus, .show > .btn-dark-1.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(88, 93, 95, 0.5);
}
.btn-dark-1:disabled, .btn-dark-1.disabled {
    color: #fff;
    background-color: #3B4043;
    border-color: #3B4043;
}

.btn-dark-2 {
    color: #fff;
    background-color: #333;
    border-color: #333;
}
.btn-dark-2:hover {
    color: #fff;
    background-color: #2b2b2b;
    border-color: #292929;
}
.btn-check:focus + .btn-dark-2, .btn-dark-2:focus {
    color: #fff;
    background-color: #2b2b2b;
    border-color: #292929;
    box-shadow: 0 0 0 0.25rem rgba(82, 82, 82, 0.5);
}
.btn-check:checked + .btn-dark-2, .btn-check:active + .btn-dark-2, .btn-dark-2:active, .btn-dark-2.active, .show > .btn-dark-2.dropdown-toggle {
    color: #fff;
    background-color: #292929;
    border-color: #262626;
}
.btn-check:checked + .btn-dark-2:focus, .btn-check:active + .btn-dark-2:focus, .btn-dark-2:active:focus, .btn-dark-2.active:focus, .show > .btn-dark-2.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(82, 82, 82, 0.5);
}
.btn-dark-2:disabled, .btn-dark-2.disabled {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.btn-dark-3 {
    color: #fff;
    background-color: #202124;
    border-color: #202124;
}
.btn-dark-3:hover {
    color: #fff;
    background-color: #1b1c1f;
    border-color: #1a1a1d;
}
.btn-check:focus + .btn-dark-3, .btn-dark-3:focus {
    color: #fff;
    background-color: #1b1c1f;
    border-color: #1a1a1d;
    box-shadow: 0 0 0 0.25rem rgba(65, 66, 69, 0.5);
}
.btn-check:checked + .btn-dark-3, .btn-check:active + .btn-dark-3, .btn-dark-3:active, .btn-dark-3.active, .show > .btn-dark-3.dropdown-toggle {
    color: #fff;
    background-color: #1a1a1d;
    border-color: #18191b;
}
.btn-check:checked + .btn-dark-3:focus, .btn-check:active + .btn-dark-3:focus, .btn-dark-3:active:focus, .btn-dark-3.active:focus, .show > .btn-dark-3.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(65, 66, 69, 0.5);
}
.btn-dark-3:disabled, .btn-dark-3.disabled {
    color: #fff;
    background-color: #202124;
    border-color: #202124;
}

.btn-yellow-1 {
    color: #000;
    background-color: #F2F0EA;
    border-color: #F2F0EA;
}
.btn-yellow-1:hover {
    color: #000;
    background-color: #f4f2ed;
    border-color: #f3f2ec;
}
.btn-check:focus + .btn-yellow-1, .btn-yellow-1:focus {
    color: #000;
    background-color: #f4f2ed;
    border-color: #f3f2ec;
    box-shadow: 0 0 0 0.25rem rgba(206, 204, 199, 0.5);
}
.btn-check:checked + .btn-yellow-1, .btn-check:active + .btn-yellow-1, .btn-yellow-1:active, .btn-yellow-1.active, .show > .btn-yellow-1.dropdown-toggle {
    color: #000;
    background-color: #f5f3ee;
    border-color: #f3f2ec;
}
.btn-check:checked + .btn-yellow-1:focus, .btn-check:active + .btn-yellow-1:focus, .btn-yellow-1:active:focus, .btn-yellow-1.active:focus, .show > .btn-yellow-1.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(206, 204, 199, 0.5);
}
.btn-yellow-1:disabled, .btn-yellow-1.disabled {
    color: #000;
    background-color: #F2F0EA;
    border-color: #F2F0EA;
}

.btn-outline-primary {
    color: #eee;
    border-color: #eee;
}
.btn-outline-primary:hover {
    color: #000;
    background-color: #eee;
    border-color: #eee;
}
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(238, 238, 238, 0.5);
}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
    color: #000;
    background-color: #eee;
    border-color: #eee;
}
.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(238, 238, 238, 0.5);
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
    color: #eee;
    background-color: transparent;
}

.btn-outline-secondary {
    color: #ddd;
    border-color: #ddd;
}
.btn-outline-secondary:hover {
    color: #000;
    background-color: #ddd;
    border-color: #ddd;
}
.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
    box-shadow: 0 0 0 0.25rem rgba(221, 221, 221, 0.5);
}
.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
    color: #000;
    background-color: #ddd;
    border-color: #ddd;
}
.btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(221, 221, 221, 0.5);
}
.btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
    color: #ddd;
    background-color: transparent;
}

.btn-outline-success {
    color: #198754;
    border-color: #198754;
}
.btn-outline-success:hover {
    color: #fff;
    background-color: #198754;
    border-color: #198754;
}
.btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}
.btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
    color: #fff;
    background-color: #198754;
    border-color: #198754;
}
.btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}
.btn-outline-success:disabled, .btn-outline-success.disabled {
    color: #198754;
    background-color: transparent;
}

.btn-outline-info {
    color: #0dcaf0;
    border-color: #0dcaf0;
}
.btn-outline-info:hover {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0;
}
.btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}
.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0;
}
.btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}
.btn-outline-info:disabled, .btn-outline-info.disabled {
    color: #0dcaf0;
    background-color: transparent;
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107;
}
.btn-outline-warning:hover {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107;
}
.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}
.btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107;
}
.btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning:disabled, .btn-outline-warning.disabled {
    color: #ffc107;
    background-color: transparent;
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545;
}
.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger:disabled, .btn-outline-danger.disabled {
    color: #dc3545;
    background-color: transparent;
}

.btn-outline-light {
    color: #fff;
    border-color: #fff;
}
.btn-outline-light:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}
.btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.5);
}
.btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}
.btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.5);
}
.btn-outline-light:disabled, .btn-outline-light.disabled {
    color: #fff;
    background-color: transparent;
}

.btn-outline-dark {
    color: #000;
    border-color: #000;
}
.btn-outline-dark:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5);
}
.btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5);
}
.btn-outline-dark:disabled, .btn-outline-dark.disabled {
    color: #000;
    background-color: transparent;
}

.btn-outline-light-1 {
    color: #fafafa;
    border-color: #fafafa;
}
.btn-outline-light-1:hover {
    color: #000;
    background-color: #fafafa;
    border-color: #fafafa;
}
.btn-check:focus + .btn-outline-light-1, .btn-outline-light-1:focus {
    box-shadow: 0 0 0 0.25rem rgba(250, 250, 250, 0.5);
}
.btn-check:checked + .btn-outline-light-1, .btn-check:active + .btn-outline-light-1, .btn-outline-light-1:active, .btn-outline-light-1.active, .btn-outline-light-1.dropdown-toggle.show {
    color: #000;
    background-color: #fafafa;
    border-color: #fafafa;
}
.btn-check:checked + .btn-outline-light-1:focus, .btn-check:active + .btn-outline-light-1:focus, .btn-outline-light-1:active:focus, .btn-outline-light-1.active:focus, .btn-outline-light-1.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(250, 250, 250, 0.5);
}
.btn-outline-light-1:disabled, .btn-outline-light-1.disabled {
    color: #fafafa;
    background-color: transparent;
}

.btn-outline-light-2 {
    color: #fdfdfd;
    border-color: #fdfdfd;
}
.btn-outline-light-2:hover {
    color: #000;
    background-color: #fdfdfd;
    border-color: #fdfdfd;
}
.btn-check:focus + .btn-outline-light-2, .btn-outline-light-2:focus {
    box-shadow: 0 0 0 0.25rem rgba(253, 253, 253, 0.5);
}
.btn-check:checked + .btn-outline-light-2, .btn-check:active + .btn-outline-light-2, .btn-outline-light-2:active, .btn-outline-light-2.active, .btn-outline-light-2.dropdown-toggle.show {
    color: #000;
    background-color: #fdfdfd;
    border-color: #fdfdfd;
}
.btn-check:checked + .btn-outline-light-2:focus, .btn-check:active + .btn-outline-light-2:focus, .btn-outline-light-2:active:focus, .btn-outline-light-2.active:focus, .btn-outline-light-2.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(253, 253, 253, 0.5);
}
.btn-outline-light-2:disabled, .btn-outline-light-2.disabled {
    color: #fdfdfd;
    background-color: transparent;
}

.btn-outline-light-3 {
    color: #666666;
    border-color: #666666;
}
.btn-outline-light-3:hover {
    color: #fff;
    background-color: #666666;
    border-color: #666666;
}
.btn-check:focus + .btn-outline-light-3, .btn-outline-light-3:focus {
    box-shadow: 0 0 0 0.25rem rgba(102, 102, 102, 0.5);
}
.btn-check:checked + .btn-outline-light-3, .btn-check:active + .btn-outline-light-3, .btn-outline-light-3:active, .btn-outline-light-3.active, .btn-outline-light-3.dropdown-toggle.show {
    color: #fff;
    background-color: #666666;
    border-color: #666666;
}
.btn-check:checked + .btn-outline-light-3:focus, .btn-check:active + .btn-outline-light-3:focus, .btn-outline-light-3:active:focus, .btn-outline-light-3.active:focus, .btn-outline-light-3.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(102, 102, 102, 0.5);
}
.btn-outline-light-3:disabled, .btn-outline-light-3.disabled {
    color: #666666;
    background-color: transparent;
}

.btn-outline-dark-1 {
    color: #3B4043;
    border-color: #3B4043;
}
.btn-outline-dark-1:hover {
    color: #fff;
    background-color: #3B4043;
    border-color: #3B4043;
}
.btn-check:focus + .btn-outline-dark-1, .btn-outline-dark-1:focus {
    box-shadow: 0 0 0 0.25rem rgba(59, 64, 67, 0.5);
}
.btn-check:checked + .btn-outline-dark-1, .btn-check:active + .btn-outline-dark-1, .btn-outline-dark-1:active, .btn-outline-dark-1.active, .btn-outline-dark-1.dropdown-toggle.show {
    color: #fff;
    background-color: #3B4043;
    border-color: #3B4043;
}
.btn-check:checked + .btn-outline-dark-1:focus, .btn-check:active + .btn-outline-dark-1:focus, .btn-outline-dark-1:active:focus, .btn-outline-dark-1.active:focus, .btn-outline-dark-1.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(59, 64, 67, 0.5);
}
.btn-outline-dark-1:disabled, .btn-outline-dark-1.disabled {
    color: #3B4043;
    background-color: transparent;
}

.btn-outline-dark-2 {
    color: #333;
    border-color: #333;
}
.btn-outline-dark-2:hover {
    color: #fff;
    background-color: #333;
    border-color: #333;
}
.btn-check:focus + .btn-outline-dark-2, .btn-outline-dark-2:focus {
    box-shadow: 0 0 0 0.25rem rgba(51, 51, 51, 0.5);
}
.btn-check:checked + .btn-outline-dark-2, .btn-check:active + .btn-outline-dark-2, .btn-outline-dark-2:active, .btn-outline-dark-2.active, .btn-outline-dark-2.dropdown-toggle.show {
    color: #fff;
    background-color: #333;
    border-color: #333;
}
.btn-check:checked + .btn-outline-dark-2:focus, .btn-check:active + .btn-outline-dark-2:focus, .btn-outline-dark-2:active:focus, .btn-outline-dark-2.active:focus, .btn-outline-dark-2.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(51, 51, 51, 0.5);
}
.btn-outline-dark-2:disabled, .btn-outline-dark-2.disabled {
    color: #333;
    background-color: transparent;
}

.btn-outline-dark-3 {
    color: #202124;
    border-color: #202124;
}
.btn-outline-dark-3:hover {
    color: #fff;
    background-color: #202124;
    border-color: #202124;
}
.btn-check:focus + .btn-outline-dark-3, .btn-outline-dark-3:focus {
    box-shadow: 0 0 0 0.25rem rgba(32, 33, 36, 0.5);
}
.btn-check:checked + .btn-outline-dark-3, .btn-check:active + .btn-outline-dark-3, .btn-outline-dark-3:active, .btn-outline-dark-3.active, .btn-outline-dark-3.dropdown-toggle.show {
    color: #fff;
    background-color: #202124;
    border-color: #202124;
}
.btn-check:checked + .btn-outline-dark-3:focus, .btn-check:active + .btn-outline-dark-3:focus, .btn-outline-dark-3:active:focus, .btn-outline-dark-3.active:focus, .btn-outline-dark-3.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(32, 33, 36, 0.5);
}
.btn-outline-dark-3:disabled, .btn-outline-dark-3.disabled {
    color: #202124;
    background-color: transparent;
}

.btn-outline-yellow-1 {
    color: #F2F0EA;
    border-color: #F2F0EA;
}
.btn-outline-yellow-1:hover {
    color: #000;
    background-color: #F2F0EA;
    border-color: #F2F0EA;
}
.btn-check:focus + .btn-outline-yellow-1, .btn-outline-yellow-1:focus {
    box-shadow: 0 0 0 0.25rem rgba(242, 240, 234, 0.5);
}
.btn-check:checked + .btn-outline-yellow-1, .btn-check:active + .btn-outline-yellow-1, .btn-outline-yellow-1:active, .btn-outline-yellow-1.active, .btn-outline-yellow-1.dropdown-toggle.show {
    color: #000;
    background-color: #F2F0EA;
    border-color: #F2F0EA;
}
.btn-check:checked + .btn-outline-yellow-1:focus, .btn-check:active + .btn-outline-yellow-1:focus, .btn-outline-yellow-1:active:focus, .btn-outline-yellow-1.active:focus, .btn-outline-yellow-1.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(242, 240, 234, 0.5);
}
.btn-outline-yellow-1:disabled, .btn-outline-yellow-1.disabled {
    color: #F2F0EA;
    background-color: transparent;
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
}

.page-link {
    position: relative;
    color: #666666;
    text-decoration: none;
    background-color: #fff;
    border: 0 solid #dee2e6;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    padding: 0 !important;
    text-align: center;
    line-height: 1;
    font-size: 1.8rem;
}
@media (prefers-reduced-motion: reduce) {
    .page-link {
        transition: none;
    }
}
.page-link:hover {
    z-index: 2;
    color: #000;
    background-color: #fff;
    border-color: transparent;
}
.page-link:focus {
    z-index: 3;
    color: #000;
    background-color: #fff;
    outline: 0;
    box-shadow: 0;
}

.page-item:not(:first-child) .page-link {
    margin-left: 0;
}
.page-item.active .page-link {
    z-index: 3;
    color: #000;
    background-color: #fff;
    border-color: transparent;
    font-weight: bold;
}
.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6;
}

.page-link {
    padding: 0.375rem 0.75rem;
}

.page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
    .pagination-lg .page-link {
        font-size: 1.75rem;
    }
}
.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 1.225rem;
}
.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
    box-shadow: none !important;
}

.border-primary {
    border-color: #eee !important;
}

.border-secondary {
    border-color: #ddd !important;
}

.border-success {
    border-color: #198754 !important;
}

.border-info {
    border-color: #0dcaf0 !important;
}

.border-warning {
    border-color: #ffc107 !important;
}

.border-danger {
    border-color: #dc3545 !important;
}

.border-light {
    border-color: #fff !important;
}

.border-dark {
    border-color: #000 !important;
}

.border-light-1 {
    border-color: #fafafa !important;
}

.border-light-2 {
    border-color: #fdfdfd !important;
}

.border-light-3 {
    border-color: #666666 !important;
}

.border-dark-1 {
    border-color: #3B4043 !important;
}

.border-dark-2 {
    border-color: #333 !important;
}

.border-dark-3 {
    border-color: #202124 !important;
}

.border-yellow-1 {
    border-color: #F2F0EA !important;
}

.border-white {
    border-color: #fff !important;
}

.border-1 {
    border-width: 1px !important;
}

.border-2 {
    border-width: 2px !important;
}

.border-3 {
    border-width: 3px !important;
}

.border-4 {
    border-width: 4px !important;
}

.border-5 {
    border-width: 5px !important;
}

.fs-1 {
    font-size: calc(1.365rem + 1.38vw) !important;
}

.fs-2 {
    font-size: calc(1.305rem + 0.66vw) !important;
}

.fs-3 {
    font-size: calc(1.305rem + 0.66vw) !important;
}

.fs-4 {
    font-size: calc(1.305rem + 0.66vw) !important;
}

.fs-5 {
    font-size: calc(1.305rem + 0.66vw) !important;
}

.fs-6 {
    font-size: calc(1.265rem + 0.18vw) !important;
}

.text-primary {
    color: #eee !important;
}

.text-secondary {
    color: #ddd !important;
}

.text-success {
    color: #198754 !important;
}

.text-info {
    color: #0dcaf0 !important;
}

.text-warning {
    color: #ffc107 !important;
}

.text-danger {
    color: #dc3545 !important;
}

.text-light {
    color: #fff !important;
}

.text-dark {
    color: #000 !important;
}

.text-light-1 {
    color: #fafafa !important;
}

.text-light-2 {
    color: #fdfdfd !important;
}

.text-light-3 {
    color: #666666 !important;
}

.text-dark-1 {
    color: #3B4043 !important;
}

.text-dark-2 {
    color: #333 !important;
}

.text-dark-3 {
    color: #202124 !important;
}

.text-yellow-1 {
    color: #F2F0EA !important;
}

.text-white {
    color: #fff !important;
}

.text-body {
    color: #212529 !important;
}

.text-muted {
    color: #6c757d !important;
}

.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
    color: inherit !important;
}

.bg-primary {
    background-color: #eee !important;
}

.bg-secondary {
    background-color: #ddd !important;
}

.bg-success {
    background-color: #198754 !important;
}

.bg-info {
    background-color: #0dcaf0 !important;
}

.bg-warning {
    background-color: #ffc107 !important;
}

.bg-danger {
    background-color: #dc3545 !important;
}

.bg-light {
    background-color: #fff !important;
}

.bg-dark {
    background-color: #000 !important;
}

.bg-light-1 {
    background-color: #fafafa !important;
}

.bg-light-2 {
    background-color: #fdfdfd !important;
}

.bg-light-3 {
    background-color: #666666 !important;
}

.bg-dark-1 {
    background-color: #3B4043 !important;
}

.bg-dark-2 {
    background-color: #333 !important;
}

.bg-dark-3 {
    background-color: #202124 !important;
}

.bg-yellow-1 {
    background-color: #F2F0EA !important;
}

.bg-body {
    background-color: #fff !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.rounded {
    border-radius: 0.25rem !important;
}

.rounded-0 {
    border-radius: 0 !important;
}

.rounded-1 {
    border-radius: 0.2rem !important;
}

.rounded-2 {
    border-radius: 0.25rem !important;
}

.rounded-3 {
    border-radius: 0.3rem !important;
}

.rounded-4 {
    border-radius: 0.4rem !important;
}

.rounded-5 {
    border-radius: 0.5rem !important;
}

.rounded-6 {
    border-radius: 0.6rem !important;
}

.rounded-7 {
    border-radius: 0.7rem !important;
}

.rounded-8 {
    border-radius: 0.8rem !important;
}

.rounded-9 {
    border-radius: 0.9rem !important;
}

.rounded-10 {
    border-radius: 1rem !important;
}

.rounded-12 {
    border-radius: 1.2rem !important;
}

.rounded-16 {
    border-radius: 1.6rem !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-pill {
    border-radius: 50rem !important;
}

.rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}

.rounded-end {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-start {
    border-bottom-left-radius: 0.25rem !important;
    border-top-left-radius: 0.25rem !important;
}

@media (min-width: 1200px) {
    .fs-1 {
        font-size: 2.4rem !important;
    }

    .fs-2 {
        font-size: 1.8rem !important;
    }

    .fs-3 {
        font-size: 1.8rem !important;
    }

    .fs-4 {
        font-size: 1.8rem !important;
    }

    .fs-5 {
        font-size: 1.8rem !important;
    }

    .fs-6 {
        font-size: 1.4rem !important;
    }
}
/* ---------------------------------------------
*   navbar
--------------------------------------------- */
.navbar {
    min-height: 64px;
}

@media screen and (max-width: 768px) {
    .navbar-toggler {
        width: 64px;
        height: 64px;
        padding: 0;
        border-right: 1px solid #ddd;
    }
    .navbar-toggler:not(.collapsed) .is-close {
        display: none;
    }
    .navbar-toggler:not(.collapsed) .is-open {
        display: block;
    }
    .navbar-toggler.collapsed .is-close {
        display: block;
    }
    .navbar-toggler.collapsed .is-open {
        display: none;
    }
    .navbar-toggler:focus, .navbar-toggler:active {
        box-shadow: none;
    }
}

/* ---------------------------------------------
*   sidebar
--------------------------------------------- */
.l-sidebar .nav-link {
    position: relative;
    display: flex;
    align-items: center;
    height: 3.2rem;
    padding: 0 0 0 5.6rem;
    border-radius: 1.6rem;
    color: inherit;
}
.l-sidebar .nav-link img {
    position: absolute;
    top: 50%;
    left: 2.4rem;
    width: 2rem;
    height: 2rem;
    transform: translateY(-50%);
}
.l-sidebar .nav-link.active {
    font-weight: bold;
    background-color: #ddd;
}

/* ---------------------------------------------
*   dropdown
--------------------------------------------- */
.dropdown-item:focus, .dropdown-item:active {
    color: #202124;
}

/* ---------------------------------------------
*   form-check
--------------------------------------------- */
/*  form-check-dark
--------------------------------------------- */
.form-check-dark {
    padding: 0;
}
.form-check-dark .form-check-label {
    display: block;
    cursor: pointer;
}
.form-check-dark .form-check-input {
    float: none;
    width: 1.6rem;
    height: 1.6rem;
    border-color: #000;
    border-width: 0.2rem;
    border-radius: 0.2rem;
    background-color: transparent;
    margin: 0;
}
.form-check-dark .form-check-input:checked {
    background-color: #000;
}

/*  form-check-gray
--------------------------------------------- */
.form-check-gray {
    padding: 0;
}
.form-check-gray .form-check-label {
    display: block;
    cursor: pointer;
}
.form-check-gray .form-check-input {
    float: none;
    width: 1.6rem;
    height: 1.6rem;
    border-color: #ddd;
    border-width: 0.2rem;
    border-radius: 0.2rem;
    background-color: transparent;
    margin: 0;
}
.form-check-gray .form-check-input:checked {
    border-color: #000;
    background-color: #000;
}

/* ---------------------------------------------
*   form-select
--------------------------------------------- */
.form-select-outer {
    position: relative;
    cursor: pointer;
}
.form-select-outer::before, .form-select-outer::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.2rem;
    width: 3.6rem;
    height: 3.6rem;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    pointer-events: none;
    transform: translateY(-50%);
    transition: opacity 300ms;
}
.form-select-outer::before {
    background-image: url(/static/img/svg/pull-down.svg);
    background-size: 1.8rem 1.8rem;
    opacity: 1;
}
.form-select-outer::after {
    background-image: url(/static/img/svg/pull-down-hover.svg);
    background-size: 3.6rem 3.6rem;
    opacity: 0;
}
.form-select-outer:hover::before {
    opacity: 0;
}
.form-select-outer:hover::after {
    opacity: 1;
}

.form-select {
    cursor: pointer;
    background-image: none;
}

.form-select-lg {
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
}

/* ---------------------------------------------
*   Place holder
--------------------------------------------- */
/* Chrome, Safari */
.form-control::-webkit-input-placeholder {
    color: #aaa;
}

/* Firefox */
.form-control::-moz-placeholder {
    color: #aaa;
}

/* Firefox 18以前 */
.form-control:-moz-placeholder {
    color: #aaa;
}

/* IE */
.form-control:-ms-input-placeholder {
    color: #aaa;
}

/* ---------------------------------------------
*   text
--------------------------------------------- */
/*  hx
--------------------------------------------- */
h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
    font-weight: bold;
}

/* ---------------------------------------------
*   btn
--------------------------------------------- */
/*  btn
--------------------------------------------- */
button.btn[disabled],
button[disabled],
button.disabled {
    pointer-events: none;
}
button.btn[disabled] img,
button[disabled] img,
button.disabled img {
    opacity: 0.3;
}
button.btn[disabled].hover-opacity:hover,
button[disabled].hover-opacity:hover,
button.disabled.hover-opacity:hover {
    opacity: 1;
}

/*  btn-modal
--------------------------------------------- */
.btn-modal[disabled] {
    border-color: #ddd;
    color: #202124;
    background-color: #ddd;
    opacity: 1;
}

/*  carousel-control
--------------------------------------------- */
.carousel-control-prev[disabled] img,
.carousel-control-next[disabled] img {
    opacity: 0.3;
}

/* ---------------------------------------------
*   a.text-decoration-underline
--------------------------------------------- */
a.text-decoration-underline:hover {
    text-decoration: none !important;
}

/* ---------------------------------------------
*   Size
--------------------------------------------- */
/*  width
--------------------------------------------- */
.w-10 {
    width: 10% !important;
}

.w-45 {
    width: 45% !important;
}

.w-76px {
    width: 7.6rem;
}

.w-300px {
    width: 30rem;
}

.w-account-panel {
    width: 320px;
}

@media screen and (min-width: 769px) {
    .w-md-modal {
        width: 410px;
    }
}

/*  height
--------------------------------------------- */
.h-37px {
    height: 37px;
}

.h-200px {
    height: 200px;
}

.h-378px {
    height: 38rem;
}

/*  max-height
--------------------------------------------- */
.max-h-145px {
    max-height: 14.5rem;
}

.max-h-216px {
    max-height: 21.6rem;
}

/*  min-height
--------------------------------------------- */
.min-h-377px {
    min-height: 37.7rem;
}

/* ---------------------------------------------
*   Hover
--------------------------------------------- */
/*  hover-opacity
--------------------------------------------- */
@media screen and (min-width: 769px) {
    .hover-opacity {
        transition: opacity 200ms;
    }
    .hover-opacity:hover {
        opacity: 0.8;
    }
}

/*  hover-shadow
--------------------------------------------- */
@media screen and (min-width: 769px) {
    .hover-shadow {
        transition: box-shadow 200ms;
    }
    .hover-shadow:hover {
        box-shadow: 0 0 0.9rem rgba(0, 0, 0, 0.4);
    }
}

/*  hover-text-decoration
--------------------------------------------- */
@media screen and (min-width: 769px) {
    .hover-text-decoration {
        transition: -webkit-text-decoration 200ms;
        transition: text-decoration 200ms;
        transition: text-decoration 200ms, -webkit-text-decoration 200ms;
    }
    .hover-text-decoration:hover {
        text-decoration: underline !important;
    }
}

/*  hover-text-decoration
--------------------------------------------- */
@media screen and (min-width: 769px) {
    .hover-text-decoration-none {
        transition: -webkit-text-decoration 200ms;
        transition: text-decoration 200ms;
        transition: text-decoration 200ms, -webkit-text-decoration 200ms;
    }
    .hover-text-decoration-none:hover {
        text-decoration: none !important;
    }
}

/*  hover-primary
--------------------------------------------- */
@media screen and (min-width: 769px) {
    .hover-primary {
        transition: background-color 200ms;
    }
    .hover-primary:hover {
        background-color: #eee;
    }
}

/*  hover-secondary
--------------------------------------------- */
@media screen and (min-width: 769px) {
    .hover-secondary {
        transition: background-color 300ms;
    }
    .hover-secondary:hover {
        background-color: #ddd;
    }
}

/*  hover-secondary-parent
--------------------------------------------- */
@media screen and (min-width: 769px) {
    .hover-secondary-parent .is-child {
        transition: background-color 300ms;
    }
    .hover-secondary-parent:hover .is-child {
        background-color: #ddd;
    }
}

/*  hover-light-1
--------------------------------------------- */
@media screen and (min-width: 769px) {
    .hover-light-1 {
        transition: background-color 200ms;
    }
    .hover-light-1:hover {
        background-color: #fafafa;
    }
}

/*  cursor
--------------------------------------------- */
.c-pointer {
    cursor: pointer;
}

/*  opacity
--------------------------------------------- */
.opacity-0 {
    opacity: 0 !important;
}

/*  hidden
--------------------------------------------- */
.visivility-hidden {
    visibility: hidden !important;
}

/* ---------------------------------------------
*   border
--------------------------------------------- */
/*  border-dashed
--------------------------------------------- */
.border-dashed {
    border-style: dashed !important;
}

@media screen and (min-width: 769px) {
    .border-md-4 {
        border-width: 4px !important;
    }
}

@media screen and (max-width: 768px) {
    .border-sp-32 {
        border-width: 32px !important;
    }
}

/*  radius
--------------------------------------------- */
.rounded-top-8 {
    border-top-left-radius: 0.8rem !important;
    border-top-right-radius: 0.8rem !important;
}

.rounded-top-16 {
    border-top-left-radius: 1.6rem !important;
    border-top-right-radius: 1.6rem !important;
}

.rounded-bottom-16 {
    border-bottom-left-radius: 1.6rem !important;
    border-bottom-right-radius: 1.6rem !important;
}

/* ---------------------------------------------
*   position
--------------------------------------------- */
/*  z-index
--------------------------------------------- */
.z-index-1101 {
    z-index: 1101;
}

/*  position
--------------------------------------------- */
@media screen and (max-width: 768px) {
    .position-in-md-static {
        position: static !important;
    }
}

/*  top
--------------------------------------------- */
.top-96px {
    top: 9.6rem;
}

/*  translate
--------------------------------------------- */
.translate-0 {
    transform: translate(0, 0) !important;
}

@media screen and (max-width: 768px) {
    .translate-in-md-0 {
        transform: translate(0, 0) !important;
    }
}

.translate-0-y {
    transform: translateY(0) !important;
}

.translate-150-x {
    transform: translateX(150%) !important;
}

.translate-m150-x {
    transform: translateX(-150%) !important;
}

/*  margin
--------------------------------------------- */
.n-mgt-pc--40 {
    margin-top: -40px !important;
}

/* ---------------------------------------------
*   Text Clamp
--------------------------------------------- */
.text-line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ---------------------------------------------
*   bg
--------------------------------------------- */
.bg-mask::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 46px;
    background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 18%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 8px;
    opacity: 1;
}

/* ---------------------------------------------
*   shadow
--------------------------------------------- */
.bxs-3 {
    box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.08);
}

.bxs-3-2 {
    box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.2);
}

.bxs-6 {
    box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.08);
}

.bxs-6-16 {
    box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.16);
}

/* ---------------------------------------------
*   before, after
--------------------------------------------- */
.no-before::before {
    content: none !important;
}

.no-after::after {
    content: none !important;
}

/* ---------------------------------------------
*   z-index
--------------------------------------------- */
.z-index-1 {
    z-index: 1;
}

/* ---------------------------------------------
*   btn-icon
--------------------------------------------- */
.btn-icon svg {
    width: 12px;
    height: auto;
    vertical-align: top;
}
.btn-icon svg path {
    transition: fill 200ms;
}
@media screen and (min-width: 769px) {
    .btn-icon:hover svg path {
        fill: #666;
    }
}

/* ---------------------------------------------
*   pd
--------------------------------------------- */
.pdt-pc--11 {
    padding-top: 11px !important;
}

.pdb-pc--11 {
    padding-bottom: 11px !important;
}

.pdr-pc--11 {
    padding-right: 11px !important;
}

.pdl-pc--11 {
    padding-left: 11px !important;
}

/* ---------------------------------------------
*   mg
--------------------------------------------- */
.mgr-pc--5 {
    margin-right: 5px !important;
}

.mgl-pc--5 {
    margin-left: 5px !important;
}