@charset "UTF-8";
/*
 * ***********************************************************
 * Bootstrap Utilities and Grid v5.3.0 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 * ***********************************************************
*/
:root, [data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size:1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: #e685b5;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
}

.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0, .gx-0 {
  --bs-gutter-x: 0;
}

.g-0, .gy-0 {
  --bs-gutter-y: 0;
}

.g-1, .gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1, .gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2, .gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2, .gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3, .gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3, .gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4, .gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4, .gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5, .gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5, .gy-5 {
  --bs-gutter-y: 3rem;
}

.g-6, .gx-6 {
  --bs-gutter-x: 4.5rem;
}

.g-6, .gy-6 {
  --bs-gutter-y: 4.5rem;
}

.g-7, .gx-7 {
  --bs-gutter-x: 5rem;
}

.g-7, .gy-7 {
  --bs-gutter-y: 5rem;
}

.g-8, .gx-8 {
  --bs-gutter-x: 5.5rem;
}

.g-8, .gy-8 {
  --bs-gutter-y: 5.5rem;
}

.g-9, .gx-9 {
  --bs-gutter-x: 6rem;
}

.g-9, .gy-9 {
  --bs-gutter-y: 6rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0, .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0, .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1, .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1, .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2, .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2, .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3, .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3, .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4, .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4, .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5, .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5, .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
  .g-sm-6, .gx-sm-6 {
    --bs-gutter-x: 4.5rem;
  }
  .g-sm-6, .gy-sm-6 {
    --bs-gutter-y: 4.5rem;
  }
  .g-sm-7, .gx-sm-7 {
    --bs-gutter-x: 5rem;
  }
  .g-sm-7, .gy-sm-7 {
    --bs-gutter-y: 5rem;
  }
  .g-sm-8, .gx-sm-8 {
    --bs-gutter-x: 5.5rem;
  }
  .g-sm-8, .gy-sm-8 {
    --bs-gutter-y: 5.5rem;
  }
  .g-sm-9, .gx-sm-9 {
    --bs-gutter-x: 6rem;
  }
  .g-sm-9, .gy-sm-9 {
    --bs-gutter-y: 6rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0, .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0, .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1, .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1, .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2, .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2, .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3, .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3, .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4, .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4, .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5, .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5, .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
  .g-md-6, .gx-md-6 {
    --bs-gutter-x: 4.5rem;
  }
  .g-md-6, .gy-md-6 {
    --bs-gutter-y: 4.5rem;
  }
  .g-md-7, .gx-md-7 {
    --bs-gutter-x: 5rem;
  }
  .g-md-7, .gy-md-7 {
    --bs-gutter-y: 5rem;
  }
  .g-md-8, .gx-md-8 {
    --bs-gutter-x: 5.5rem;
  }
  .g-md-8, .gy-md-8 {
    --bs-gutter-y: 5.5rem;
  }
  .g-md-9, .gx-md-9 {
    --bs-gutter-x: 6rem;
  }
  .g-md-9, .gy-md-9 {
    --bs-gutter-y: 6rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0, .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0, .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1, .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1, .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2, .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2, .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3, .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3, .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4, .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4, .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5, .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5, .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
  .g-lg-6, .gx-lg-6 {
    --bs-gutter-x: 4.5rem;
  }
  .g-lg-6, .gy-lg-6 {
    --bs-gutter-y: 4.5rem;
  }
  .g-lg-7, .gx-lg-7 {
    --bs-gutter-x: 5rem;
  }
  .g-lg-7, .gy-lg-7 {
    --bs-gutter-y: 5rem;
  }
  .g-lg-8, .gx-lg-8 {
    --bs-gutter-x: 5.5rem;
  }
  .g-lg-8, .gy-lg-8 {
    --bs-gutter-y: 5.5rem;
  }
  .g-lg-9, .gx-lg-9 {
    --bs-gutter-x: 6rem;
  }
  .g-lg-9, .gy-lg-9 {
    --bs-gutter-y: 6rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0, .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0, .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1, .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1, .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2, .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2, .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3, .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3, .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4, .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4, .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5, .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5, .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
  .g-xl-6, .gx-xl-6 {
    --bs-gutter-x: 4.5rem;
  }
  .g-xl-6, .gy-xl-6 {
    --bs-gutter-y: 4.5rem;
  }
  .g-xl-7, .gx-xl-7 {
    --bs-gutter-x: 5rem;
  }
  .g-xl-7, .gy-xl-7 {
    --bs-gutter-y: 5rem;
  }
  .g-xl-8, .gx-xl-8 {
    --bs-gutter-x: 5.5rem;
  }
  .g-xl-8, .gy-xl-8 {
    --bs-gutter-y: 5.5rem;
  }
  .g-xl-9, .gx-xl-9 {
    --bs-gutter-x: 6rem;
  }
  .g-xl-9, .gy-xl-9 {
    --bs-gutter-y: 6rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0, .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0, .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1, .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1, .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2, .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2, .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3, .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3, .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4, .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4, .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5, .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5, .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
  .g-xxl-6, .gx-xxl-6 {
    --bs-gutter-x: 4.5rem;
  }
  .g-xxl-6, .gy-xxl-6 {
    --bs-gutter-y: 4.5rem;
  }
  .g-xxl-7, .gx-xxl-7 {
    --bs-gutter-x: 5rem;
  }
  .g-xxl-7, .gy-xxl-7 {
    --bs-gutter-y: 5rem;
  }
  .g-xxl-8, .gx-xxl-8 {
    --bs-gutter-x: 5.5rem;
  }
  .g-xxl-8, .gy-xxl-8 {
    --bs-gutter-y: 5.5rem;
  }
  .g-xxl-9, .gx-xxl-9 {
    --bs-gutter-x: 6rem;
  }
  .g-xxl-9, .gy-xxl-9 {
    --bs-gutter-y: 6rem;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-primary:hover, .link-primary:focus {
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary:hover, .link-secondary:focus {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}

.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-success:hover, .link-success:focus {
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
}

.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-info:hover, .link-info:focus {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning:hover, .link-warning:focus {
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger:hover, .link-danger:focus {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}

.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-light:hover, .link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark:hover, .link-dark:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}

.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-body-emphasis:hover, .link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}

.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}

.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  backface-visibility: hidden;
}

.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}

@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}
.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}

.ratio {
  position: relative;
  width: 100%;
}

.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}

.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
  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: 0 !important;
}

.visually-hidden:not(caption), .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.object-fit-contain {
  -o-object-fit: contain !important;
  object-fit: contain !important;
}

.object-fit-cover {
  -o-object-fit: cover !important;
  object-fit: cover !important;
}

.object-fit-fill {
  -o-object-fit: fill !important;
  object-fit: fill !important;
}

.object-fit-scale {
  -o-object-fit: scale-down !important;
  object-fit: scale-down !important;
}

.object-fit-none {
  -o-object-fit: none !important;
  object-fit: none !important;
}

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

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-x-visible {
  overflow-x: visible !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.overflow-y-visible {
  overflow-y: visible !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-inline-grid {
  display: inline-grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}

.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}

.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}

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

.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

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

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

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

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}

.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}

.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}

.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}

.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}

.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}

.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}

.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !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;
}

.border-opacity-10 {
  --bs-border-opacity: 0.1;
}

.border-opacity-25 {
  --bs-border-opacity: 0.25;
}

.border-opacity-50 {
  --bs-border-opacity: 0.5;
}

.border-opacity-75 {
  --bs-border-opacity: 0.75;
}

.border-opacity-100 {
  --bs-border-opacity: 1;
}

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

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

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

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

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-6 {
  margin: 4.5rem !important;
}

.m-7 {
  margin: 5rem !important;
}

.m-8 {
  margin: 5.5rem !important;
}

.m-9 {
  margin: 6rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-6 {
  margin-right: 4.5rem !important;
  margin-left: 4.5rem !important;
}

.mx-7 {
  margin-right: 5rem !important;
  margin-left: 5rem !important;
}

.mx-8 {
  margin-right: 5.5rem !important;
  margin-left: 5.5rem !important;
}

.mx-9 {
  margin-right: 6rem !important;
  margin-left: 6rem !important;
}

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

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-6 {
  margin-top: 4.5rem !important;
  margin-bottom: 4.5rem !important;
}

.my-7 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.my-8 {
  margin-top: 5.5rem !important;
  margin-bottom: 5.5rem !important;
}

.my-9 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-6 {
  margin-top: 4.5rem !important;
}

.mt-7 {
  margin-top: 5rem !important;
}

.mt-8 {
  margin-top: 5.5rem !important;
}

.mt-9 {
  margin-top: 6rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-6 {
  margin-right: 4.5rem !important;
}

.me-7 {
  margin-right: 5rem !important;
}

.me-8 {
  margin-right: 5.5rem !important;
}

.me-9 {
  margin-right: 6rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-6 {
  margin-bottom: 4.5rem !important;
}

.mb-7 {
  margin-bottom: 5rem !important;
}

.mb-8 {
  margin-bottom: 5.5rem !important;
}

.mb-9 {
  margin-bottom: 6rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-6 {
  margin-left: 4.5rem !important;
}

.ms-7 {
  margin-left: 5rem !important;
}

.ms-8 {
  margin-left: 5.5rem !important;
}

.ms-9 {
  margin-left: 6rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.p-6 {
  padding: 4.5rem !important;
}

.p-7 {
  padding: 5rem !important;
}

.p-8 {
  padding: 5.5rem !important;
}

.p-9 {
  padding: 6rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.px-6 {
  padding-right: 4.5rem !important;
  padding-left: 4.5rem !important;
}

.px-7 {
  padding-right: 5rem !important;
  padding-left: 5rem !important;
}

.px-8 {
  padding-right: 5.5rem !important;
  padding-left: 5.5rem !important;
}

.px-9 {
  padding-right: 6rem !important;
  padding-left: 6rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.py-6 {
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important;
}

.py-7 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.py-8 {
  padding-top: 5.5rem !important;
  padding-bottom: 5.5rem !important;
}

.py-9 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pt-6 {
  padding-top: 4.5rem !important;
}

.pt-7 {
  padding-top: 5rem !important;
}

.pt-8 {
  padding-top: 5.5rem !important;
}

.pt-9 {
  padding-top: 6rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pe-6 {
  padding-right: 4.5rem !important;
}

.pe-7 {
  padding-right: 5rem !important;
}

.pe-8 {
  padding-right: 5.5rem !important;
}

.pe-9 {
  padding-right: 6rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.pb-6 {
  padding-bottom: 4.5rem !important;
}

.pb-7 {
  padding-bottom: 5rem !important;
}

.pb-8 {
  padding-bottom: 5.5rem !important;
}

.pb-9 {
  padding-bottom: 6rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.ps-6 {
  padding-left: 4.5rem !important;
}

.ps-7 {
  padding-left: 5rem !important;
}

.ps-8 {
  padding-left: 5.5rem !important;
}

.ps-9 {
  padding-left: 6rem !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.gap-6 {
  gap: 4.5rem !important;
}

.gap-7 {
  gap: 5rem !important;
}

.gap-8 {
  gap: 5.5rem !important;
}

.gap-9 {
  gap: 6rem !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.row-gap-1 {
  row-gap: 0.25rem !important;
}

.row-gap-2 {
  row-gap: 0.5rem !important;
}

.row-gap-3 {
  row-gap: 1rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.row-gap-5 {
  row-gap: 3rem !important;
}

.row-gap-6 {
  row-gap: 4.5rem !important;
}

.row-gap-7 {
  row-gap: 5rem !important;
}

.row-gap-8 {
  row-gap: 5.5rem !important;
}

.row-gap-9 {
  row-gap: 6rem !important;
}

.column-gap-0 {
  -moz-column-gap: 0 !important;
  column-gap: 0 !important;
}

.column-gap-1 {
  -moz-column-gap: 0.25rem !important;
  column-gap: 0.25rem !important;
}

.column-gap-2 {
  -moz-column-gap: 0.5rem !important;
  column-gap: 0.5rem !important;
}

.column-gap-3 {
  -moz-column-gap: 1rem !important;
  column-gap: 1rem !important;
}

.column-gap-4 {
  -moz-column-gap: 1.5rem !important;
  column-gap: 1.5rem !important;
}

.column-gap-5 {
  -moz-column-gap: 3rem !important;
  column-gap: 3rem !important;
}

.column-gap-6 {
  -moz-column-gap: 4.5rem !important;
  column-gap: 4.5rem !important;
}

.column-gap-7 {
  -moz-column-gap: 5rem !important;
  column-gap: 5rem !important;
}

.column-gap-8 {
  -moz-column-gap: 5.5rem !important;
  column-gap: 5.5rem !important;
}

.column-gap-9 {
  -moz-column-gap: 6rem !important;
  column-gap: 6rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

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

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

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

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

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

.fs-6 {
  font-size: 1rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

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

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

.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}

.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}

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

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}

.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}

.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}

.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}

.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}

.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}

.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}

.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}

.link-opacity-10 {
  --bs-link-opacity: 0.1;
}

.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}

.link-opacity-25 {
  --bs-link-opacity: 0.25;
}

.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}

.link-opacity-50 {
  --bs-link-opacity: 0.5;
}

.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}

.link-opacity-75 {
  --bs-link-opacity: 0.75;
}

.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}

.link-opacity-100 {
  --bs-link-opacity: 1;
}

.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}

.link-offset-1 {
  text-underline-offset: 0.125em !important;
}

.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}

.link-offset-2 {
  text-underline-offset: 0.25em !important;
}

.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}

.link-offset-3 {
  text-underline-offset: 0.375em !important;
}

.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}

.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}

.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: rgba(0, 0, 0, 0) !important;
}

.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}

.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}

.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}

.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}

.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}

.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}

.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}

.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

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

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}

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

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

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

.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}

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

.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

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

.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

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

.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}

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

.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

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

.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}

.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.z-n1 {
  z-index: -1 !important;
}

.z-0 {
  z-index: 0 !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-6 {
    margin: 4.5rem !important;
  }
  .m-sm-7 {
    margin: 5rem !important;
  }
  .m-sm-8 {
    margin: 5.5rem !important;
  }
  .m-sm-9 {
    margin: 6rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-6 {
    margin-right: 4.5rem !important;
    margin-left: 4.5rem !important;
  }
  .mx-sm-7 {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
  }
  .mx-sm-8 {
    margin-right: 5.5rem !important;
    margin-left: 5.5rem !important;
  }
  .mx-sm-9 {
    margin-right: 6rem !important;
    margin-left: 6rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-6 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
  .my-sm-7 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .my-sm-8 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important;
  }
  .my-sm-9 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-6 {
    margin-top: 4.5rem !important;
  }
  .mt-sm-7 {
    margin-top: 5rem !important;
  }
  .mt-sm-8 {
    margin-top: 5.5rem !important;
  }
  .mt-sm-9 {
    margin-top: 6rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-6 {
    margin-right: 4.5rem !important;
  }
  .me-sm-7 {
    margin-right: 5rem !important;
  }
  .me-sm-8 {
    margin-right: 5.5rem !important;
  }
  .me-sm-9 {
    margin-right: 6rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-6 {
    margin-bottom: 4.5rem !important;
  }
  .mb-sm-7 {
    margin-bottom: 5rem !important;
  }
  .mb-sm-8 {
    margin-bottom: 5.5rem !important;
  }
  .mb-sm-9 {
    margin-bottom: 6rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-6 {
    margin-left: 4.5rem !important;
  }
  .ms-sm-7 {
    margin-left: 5rem !important;
  }
  .ms-sm-8 {
    margin-left: 5.5rem !important;
  }
  .ms-sm-9 {
    margin-left: 6rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .p-sm-6 {
    padding: 4.5rem !important;
  }
  .p-sm-7 {
    padding: 5rem !important;
  }
  .p-sm-8 {
    padding: 5.5rem !important;
  }
  .p-sm-9 {
    padding: 6rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .px-sm-6 {
    padding-right: 4.5rem !important;
    padding-left: 4.5rem !important;
  }
  .px-sm-7 {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
  }
  .px-sm-8 {
    padding-right: 5.5rem !important;
    padding-left: 5.5rem !important;
  }
  .px-sm-9 {
    padding-right: 6rem !important;
    padding-left: 6rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-sm-6 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .py-sm-7 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-sm-8 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }
  .py-sm-9 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pt-sm-6 {
    padding-top: 4.5rem !important;
  }
  .pt-sm-7 {
    padding-top: 5rem !important;
  }
  .pt-sm-8 {
    padding-top: 5.5rem !important;
  }
  .pt-sm-9 {
    padding-top: 6rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pe-sm-6 {
    padding-right: 4.5rem !important;
  }
  .pe-sm-7 {
    padding-right: 5rem !important;
  }
  .pe-sm-8 {
    padding-right: 5.5rem !important;
  }
  .pe-sm-9 {
    padding-right: 6rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pb-sm-6 {
    padding-bottom: 4.5rem !important;
  }
  .pb-sm-7 {
    padding-bottom: 5rem !important;
  }
  .pb-sm-8 {
    padding-bottom: 5.5rem !important;
  }
  .pb-sm-9 {
    padding-bottom: 6rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .ps-sm-6 {
    padding-left: 4.5rem !important;
  }
  .ps-sm-7 {
    padding-left: 5rem !important;
  }
  .ps-sm-8 {
    padding-left: 5.5rem !important;
  }
  .ps-sm-9 {
    padding-left: 6rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .gap-sm-6 {
    gap: 4.5rem !important;
  }
  .gap-sm-7 {
    gap: 5rem !important;
  }
  .gap-sm-8 {
    gap: 5.5rem !important;
  }
  .gap-sm-9 {
    gap: 6rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .row-gap-sm-6 {
    row-gap: 4.5rem !important;
  }
  .row-gap-sm-7 {
    row-gap: 5rem !important;
  }
  .row-gap-sm-8 {
    row-gap: 5.5rem !important;
  }
  .row-gap-sm-9 {
    row-gap: 6rem !important;
  }
  .column-gap-sm-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .column-gap-sm-6 {
    -moz-column-gap: 4.5rem !important;
    column-gap: 4.5rem !important;
  }
  .column-gap-sm-7 {
    -moz-column-gap: 5rem !important;
    column-gap: 5rem !important;
  }
  .column-gap-sm-8 {
    -moz-column-gap: 5.5rem !important;
    column-gap: 5.5rem !important;
  }
  .column-gap-sm-9 {
    -moz-column-gap: 6rem !important;
    column-gap: 6rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-6 {
    margin: 4.5rem !important;
  }
  .m-md-7 {
    margin: 5rem !important;
  }
  .m-md-8 {
    margin: 5.5rem !important;
  }
  .m-md-9 {
    margin: 6rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-6 {
    margin-right: 4.5rem !important;
    margin-left: 4.5rem !important;
  }
  .mx-md-7 {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
  }
  .mx-md-8 {
    margin-right: 5.5rem !important;
    margin-left: 5.5rem !important;
  }
  .mx-md-9 {
    margin-right: 6rem !important;
    margin-left: 6rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-6 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
  .my-md-7 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .my-md-8 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important;
  }
  .my-md-9 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-6 {
    margin-top: 4.5rem !important;
  }
  .mt-md-7 {
    margin-top: 5rem !important;
  }
  .mt-md-8 {
    margin-top: 5.5rem !important;
  }
  .mt-md-9 {
    margin-top: 6rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-6 {
    margin-right: 4.5rem !important;
  }
  .me-md-7 {
    margin-right: 5rem !important;
  }
  .me-md-8 {
    margin-right: 5.5rem !important;
  }
  .me-md-9 {
    margin-right: 6rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-6 {
    margin-bottom: 4.5rem !important;
  }
  .mb-md-7 {
    margin-bottom: 5rem !important;
  }
  .mb-md-8 {
    margin-bottom: 5.5rem !important;
  }
  .mb-md-9 {
    margin-bottom: 6rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-6 {
    margin-left: 4.5rem !important;
  }
  .ms-md-7 {
    margin-left: 5rem !important;
  }
  .ms-md-8 {
    margin-left: 5.5rem !important;
  }
  .ms-md-9 {
    margin-left: 6rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .p-md-6 {
    padding: 4.5rem !important;
  }
  .p-md-7 {
    padding: 5rem !important;
  }
  .p-md-8 {
    padding: 5.5rem !important;
  }
  .p-md-9 {
    padding: 6rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .px-md-6 {
    padding-right: 4.5rem !important;
    padding-left: 4.5rem !important;
  }
  .px-md-7 {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
  }
  .px-md-8 {
    padding-right: 5.5rem !important;
    padding-left: 5.5rem !important;
  }
  .px-md-9 {
    padding-right: 6rem !important;
    padding-left: 6rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-md-6 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .py-md-7 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-md-8 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }
  .py-md-9 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pt-md-6 {
    padding-top: 4.5rem !important;
  }
  .pt-md-7 {
    padding-top: 5rem !important;
  }
  .pt-md-8 {
    padding-top: 5.5rem !important;
  }
  .pt-md-9 {
    padding-top: 6rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pe-md-6 {
    padding-right: 4.5rem !important;
  }
  .pe-md-7 {
    padding-right: 5rem !important;
  }
  .pe-md-8 {
    padding-right: 5.5rem !important;
  }
  .pe-md-9 {
    padding-right: 6rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .pb-md-6 {
    padding-bottom: 4.5rem !important;
  }
  .pb-md-7 {
    padding-bottom: 5rem !important;
  }
  .pb-md-8 {
    padding-bottom: 5.5rem !important;
  }
  .pb-md-9 {
    padding-bottom: 6rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .ps-md-6 {
    padding-left: 4.5rem !important;
  }
  .ps-md-7 {
    padding-left: 5rem !important;
  }
  .ps-md-8 {
    padding-left: 5.5rem !important;
  }
  .ps-md-9 {
    padding-left: 6rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .gap-md-6 {
    gap: 4.5rem !important;
  }
  .gap-md-7 {
    gap: 5rem !important;
  }
  .gap-md-8 {
    gap: 5.5rem !important;
  }
  .gap-md-9 {
    gap: 6rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .row-gap-md-6 {
    row-gap: 4.5rem !important;
  }
  .row-gap-md-7 {
    row-gap: 5rem !important;
  }
  .row-gap-md-8 {
    row-gap: 5.5rem !important;
  }
  .row-gap-md-9 {
    row-gap: 6rem !important;
  }
  .column-gap-md-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .column-gap-md-6 {
    -moz-column-gap: 4.5rem !important;
    column-gap: 4.5rem !important;
  }
  .column-gap-md-7 {
    -moz-column-gap: 5rem !important;
    column-gap: 5rem !important;
  }
  .column-gap-md-8 {
    -moz-column-gap: 5.5rem !important;
    column-gap: 5.5rem !important;
  }
  .column-gap-md-9 {
    -moz-column-gap: 6rem !important;
    column-gap: 6rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-6 {
    margin: 4.5rem !important;
  }
  .m-lg-7 {
    margin: 5rem !important;
  }
  .m-lg-8 {
    margin: 5.5rem !important;
  }
  .m-lg-9 {
    margin: 6rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-6 {
    margin-right: 4.5rem !important;
    margin-left: 4.5rem !important;
  }
  .mx-lg-7 {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
  }
  .mx-lg-8 {
    margin-right: 5.5rem !important;
    margin-left: 5.5rem !important;
  }
  .mx-lg-9 {
    margin-right: 6rem !important;
    margin-left: 6rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-6 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
  .my-lg-7 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .my-lg-8 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important;
  }
  .my-lg-9 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-6 {
    margin-top: 4.5rem !important;
  }
  .mt-lg-7 {
    margin-top: 5rem !important;
  }
  .mt-lg-8 {
    margin-top: 5.5rem !important;
  }
  .mt-lg-9 {
    margin-top: 6rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-6 {
    margin-right: 4.5rem !important;
  }
  .me-lg-7 {
    margin-right: 5rem !important;
  }
  .me-lg-8 {
    margin-right: 5.5rem !important;
  }
  .me-lg-9 {
    margin-right: 6rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-6 {
    margin-bottom: 4.5rem !important;
  }
  .mb-lg-7 {
    margin-bottom: 5rem !important;
  }
  .mb-lg-8 {
    margin-bottom: 5.5rem !important;
  }
  .mb-lg-9 {
    margin-bottom: 6rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-6 {
    margin-left: 4.5rem !important;
  }
  .ms-lg-7 {
    margin-left: 5rem !important;
  }
  .ms-lg-8 {
    margin-left: 5.5rem !important;
  }
  .ms-lg-9 {
    margin-left: 6rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .p-lg-6 {
    padding: 4.5rem !important;
  }
  .p-lg-7 {
    padding: 5rem !important;
  }
  .p-lg-8 {
    padding: 5.5rem !important;
  }
  .p-lg-9 {
    padding: 6rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .px-lg-6 {
    padding-right: 4.5rem !important;
    padding-left: 4.5rem !important;
  }
  .px-lg-7 {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
  }
  .px-lg-8 {
    padding-right: 5.5rem !important;
    padding-left: 5.5rem !important;
  }
  .px-lg-9 {
    padding-right: 6rem !important;
    padding-left: 6rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-lg-6 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .py-lg-7 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-lg-8 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }
  .py-lg-9 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pt-lg-6 {
    padding-top: 4.5rem !important;
  }
  .pt-lg-7 {
    padding-top: 5rem !important;
  }
  .pt-lg-8 {
    padding-top: 5.5rem !important;
  }
  .pt-lg-9 {
    padding-top: 6rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pe-lg-6 {
    padding-right: 4.5rem !important;
  }
  .pe-lg-7 {
    padding-right: 5rem !important;
  }
  .pe-lg-8 {
    padding-right: 5.5rem !important;
  }
  .pe-lg-9 {
    padding-right: 6rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pb-lg-6 {
    padding-bottom: 4.5rem !important;
  }
  .pb-lg-7 {
    padding-bottom: 5rem !important;
  }
  .pb-lg-8 {
    padding-bottom: 5.5rem !important;
  }
  .pb-lg-9 {
    padding-bottom: 6rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .ps-lg-6 {
    padding-left: 4.5rem !important;
  }
  .ps-lg-7 {
    padding-left: 5rem !important;
  }
  .ps-lg-8 {
    padding-left: 5.5rem !important;
  }
  .ps-lg-9 {
    padding-left: 6rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .gap-lg-6 {
    gap: 4.5rem !important;
  }
  .gap-lg-7 {
    gap: 5rem !important;
  }
  .gap-lg-8 {
    gap: 5.5rem !important;
  }
  .gap-lg-9 {
    gap: 6rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .row-gap-lg-6 {
    row-gap: 4.5rem !important;
  }
  .row-gap-lg-7 {
    row-gap: 5rem !important;
  }
  .row-gap-lg-8 {
    row-gap: 5.5rem !important;
  }
  .row-gap-lg-9 {
    row-gap: 6rem !important;
  }
  .column-gap-lg-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .column-gap-lg-6 {
    -moz-column-gap: 4.5rem !important;
    column-gap: 4.5rem !important;
  }
  .column-gap-lg-7 {
    -moz-column-gap: 5rem !important;
    column-gap: 5rem !important;
  }
  .column-gap-lg-8 {
    -moz-column-gap: 5.5rem !important;
    column-gap: 5.5rem !important;
  }
  .column-gap-lg-9 {
    -moz-column-gap: 6rem !important;
    column-gap: 6rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-6 {
    margin: 4.5rem !important;
  }
  .m-xl-7 {
    margin: 5rem !important;
  }
  .m-xl-8 {
    margin: 5.5rem !important;
  }
  .m-xl-9 {
    margin: 6rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-6 {
    margin-right: 4.5rem !important;
    margin-left: 4.5rem !important;
  }
  .mx-xl-7 {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
  }
  .mx-xl-8 {
    margin-right: 5.5rem !important;
    margin-left: 5.5rem !important;
  }
  .mx-xl-9 {
    margin-right: 6rem !important;
    margin-left: 6rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-6 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
  .my-xl-7 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .my-xl-8 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important;
  }
  .my-xl-9 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-6 {
    margin-top: 4.5rem !important;
  }
  .mt-xl-7 {
    margin-top: 5rem !important;
  }
  .mt-xl-8 {
    margin-top: 5.5rem !important;
  }
  .mt-xl-9 {
    margin-top: 6rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-6 {
    margin-right: 4.5rem !important;
  }
  .me-xl-7 {
    margin-right: 5rem !important;
  }
  .me-xl-8 {
    margin-right: 5.5rem !important;
  }
  .me-xl-9 {
    margin-right: 6rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-6 {
    margin-bottom: 4.5rem !important;
  }
  .mb-xl-7 {
    margin-bottom: 5rem !important;
  }
  .mb-xl-8 {
    margin-bottom: 5.5rem !important;
  }
  .mb-xl-9 {
    margin-bottom: 6rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-6 {
    margin-left: 4.5rem !important;
  }
  .ms-xl-7 {
    margin-left: 5rem !important;
  }
  .ms-xl-8 {
    margin-left: 5.5rem !important;
  }
  .ms-xl-9 {
    margin-left: 6rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .p-xl-6 {
    padding: 4.5rem !important;
  }
  .p-xl-7 {
    padding: 5rem !important;
  }
  .p-xl-8 {
    padding: 5.5rem !important;
  }
  .p-xl-9 {
    padding: 6rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .px-xl-6 {
    padding-right: 4.5rem !important;
    padding-left: 4.5rem !important;
  }
  .px-xl-7 {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
  }
  .px-xl-8 {
    padding-right: 5.5rem !important;
    padding-left: 5.5rem !important;
  }
  .px-xl-9 {
    padding-right: 6rem !important;
    padding-left: 6rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-xl-6 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .py-xl-7 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-xl-8 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }
  .py-xl-9 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pt-xl-6 {
    padding-top: 4.5rem !important;
  }
  .pt-xl-7 {
    padding-top: 5rem !important;
  }
  .pt-xl-8 {
    padding-top: 5.5rem !important;
  }
  .pt-xl-9 {
    padding-top: 6rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pe-xl-6 {
    padding-right: 4.5rem !important;
  }
  .pe-xl-7 {
    padding-right: 5rem !important;
  }
  .pe-xl-8 {
    padding-right: 5.5rem !important;
  }
  .pe-xl-9 {
    padding-right: 6rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pb-xl-6 {
    padding-bottom: 4.5rem !important;
  }
  .pb-xl-7 {
    padding-bottom: 5rem !important;
  }
  .pb-xl-8 {
    padding-bottom: 5.5rem !important;
  }
  .pb-xl-9 {
    padding-bottom: 6rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .ps-xl-6 {
    padding-left: 4.5rem !important;
  }
  .ps-xl-7 {
    padding-left: 5rem !important;
  }
  .ps-xl-8 {
    padding-left: 5.5rem !important;
  }
  .ps-xl-9 {
    padding-left: 6rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .gap-xl-6 {
    gap: 4.5rem !important;
  }
  .gap-xl-7 {
    gap: 5rem !important;
  }
  .gap-xl-8 {
    gap: 5.5rem !important;
  }
  .gap-xl-9 {
    gap: 6rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .row-gap-xl-6 {
    row-gap: 4.5rem !important;
  }
  .row-gap-xl-7 {
    row-gap: 5rem !important;
  }
  .row-gap-xl-8 {
    row-gap: 5.5rem !important;
  }
  .row-gap-xl-9 {
    row-gap: 6rem !important;
  }
  .column-gap-xl-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .column-gap-xl-6 {
    -moz-column-gap: 4.5rem !important;
    column-gap: 4.5rem !important;
  }
  .column-gap-xl-7 {
    -moz-column-gap: 5rem !important;
    column-gap: 5rem !important;
  }
  .column-gap-xl-8 {
    -moz-column-gap: 5.5rem !important;
    column-gap: 5.5rem !important;
  }
  .column-gap-xl-9 {
    -moz-column-gap: 6rem !important;
    column-gap: 6rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-6 {
    margin: 4.5rem !important;
  }
  .m-xxl-7 {
    margin: 5rem !important;
  }
  .m-xxl-8 {
    margin: 5.5rem !important;
  }
  .m-xxl-9 {
    margin: 6rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-6 {
    margin-right: 4.5rem !important;
    margin-left: 4.5rem !important;
  }
  .mx-xxl-7 {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
  }
  .mx-xxl-8 {
    margin-right: 5.5rem !important;
    margin-left: 5.5rem !important;
  }
  .mx-xxl-9 {
    margin-right: 6rem !important;
    margin-left: 6rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-6 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
  .my-xxl-7 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .my-xxl-8 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important;
  }
  .my-xxl-9 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-6 {
    margin-top: 4.5rem !important;
  }
  .mt-xxl-7 {
    margin-top: 5rem !important;
  }
  .mt-xxl-8 {
    margin-top: 5.5rem !important;
  }
  .mt-xxl-9 {
    margin-top: 6rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-6 {
    margin-right: 4.5rem !important;
  }
  .me-xxl-7 {
    margin-right: 5rem !important;
  }
  .me-xxl-8 {
    margin-right: 5.5rem !important;
  }
  .me-xxl-9 {
    margin-right: 6rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-6 {
    margin-bottom: 4.5rem !important;
  }
  .mb-xxl-7 {
    margin-bottom: 5rem !important;
  }
  .mb-xxl-8 {
    margin-bottom: 5.5rem !important;
  }
  .mb-xxl-9 {
    margin-bottom: 6rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-6 {
    margin-left: 4.5rem !important;
  }
  .ms-xxl-7 {
    margin-left: 5rem !important;
  }
  .ms-xxl-8 {
    margin-left: 5.5rem !important;
  }
  .ms-xxl-9 {
    margin-left: 6rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .p-xxl-6 {
    padding: 4.5rem !important;
  }
  .p-xxl-7 {
    padding: 5rem !important;
  }
  .p-xxl-8 {
    padding: 5.5rem !important;
  }
  .p-xxl-9 {
    padding: 6rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .px-xxl-6 {
    padding-right: 4.5rem !important;
    padding-left: 4.5rem !important;
  }
  .px-xxl-7 {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
  }
  .px-xxl-8 {
    padding-right: 5.5rem !important;
    padding-left: 5.5rem !important;
  }
  .px-xxl-9 {
    padding-right: 6rem !important;
    padding-left: 6rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-xxl-6 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .py-xxl-7 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-xxl-8 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }
  .py-xxl-9 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pt-xxl-6 {
    padding-top: 4.5rem !important;
  }
  .pt-xxl-7 {
    padding-top: 5rem !important;
  }
  .pt-xxl-8 {
    padding-top: 5.5rem !important;
  }
  .pt-xxl-9 {
    padding-top: 6rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pe-xxl-6 {
    padding-right: 4.5rem !important;
  }
  .pe-xxl-7 {
    padding-right: 5rem !important;
  }
  .pe-xxl-8 {
    padding-right: 5.5rem !important;
  }
  .pe-xxl-9 {
    padding-right: 6rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .pb-xxl-6 {
    padding-bottom: 4.5rem !important;
  }
  .pb-xxl-7 {
    padding-bottom: 5rem !important;
  }
  .pb-xxl-8 {
    padding-bottom: 5.5rem !important;
  }
  .pb-xxl-9 {
    padding-bottom: 6rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .ps-xxl-6 {
    padding-left: 4.5rem !important;
  }
  .ps-xxl-7 {
    padding-left: 5rem !important;
  }
  .ps-xxl-8 {
    padding-left: 5.5rem !important;
  }
  .ps-xxl-9 {
    padding-left: 6rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .gap-xxl-6 {
    gap: 4.5rem !important;
  }
  .gap-xxl-7 {
    gap: 5rem !important;
  }
  .gap-xxl-8 {
    gap: 5.5rem !important;
  }
  .gap-xxl-9 {
    gap: 6rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .row-gap-xxl-6 {
    row-gap: 4.5rem !important;
  }
  .row-gap-xxl-7 {
    row-gap: 5rem !important;
  }
  .row-gap-xxl-8 {
    row-gap: 5.5rem !important;
  }
  .row-gap-xxl-9 {
    row-gap: 6rem !important;
  }
  .column-gap-xxl-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .column-gap-xxl-6 {
    -moz-column-gap: 4.5rem !important;
    column-gap: 4.5rem !important;
  }
  .column-gap-xxl-7 {
    -moz-column-gap: 5rem !important;
    column-gap: 5rem !important;
  }
  .column-gap-xxl-8 {
    -moz-column-gap: 5.5rem !important;
    column-gap: 5.5rem !important;
  }
  .column-gap-xxl-9 {
    -moz-column-gap: 6rem !important;
    column-gap: 6rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
/*
 * ***********************************************************
 * color settings
 * ***********************************************************
*/
:root {
  --DEF: #333;
  --MAIN: #092C4C;
  --ACC: #A82F00;
  --OTH: #D14155;
  --GRY: #ddd;
  --LGRY: #f5f5f5;
  --DGRY: #707070;
  --WHT: #fff;
  --LINK: #A82F00;
  --RED: #D00;
  --LMAIN: #f0f7fd;
  --LACC: #FBEAE3;
  --LOTH: #fcf2f3;
}

/* Setting the border color(columns default color) */
:root {
  --borderColumnColor: var(--GRY);
}

/*
 * ***********************************************************
 * font family
 * ***********************************************************
*/
:root {
  --fntBase: 'Noto Sans JP',Meiryo,sans-serif;
  --fntEN: 'Roboto', sans-serif;
}

@font-face {
  font-family: icons;
  font-weight: 400;
  font-style: normal;
  src: url(/dcms_media/common/icons_outline.woff) format("woff"), url(/dcms_media/common/icons_outline.ttf) format("truetype");
}
.is-editor #contents a:not([class*=dcms_]),
.is-editor #contents button:not([class*=dcms_]),
.is-editor #contents input:not([class*=dcms_]),
.is-editor #contents label:not([class*=dcms_]),
.is-editor #contents select:not([class*=dcms_]),
.is-editor #contents textarea:not([class*=dcms_]),
.is-editor .l-cta__outer a:not([class*=dcms_]),
.is-editor .l-cta__outer button:not([class*=dcms_]),
.is-editor .l-cta__outer input:not([class*=dcms_]),
.is-editor .l-header__outer a:not([class*=dcms_]),
.is-editor .l-header__outer button:not([class*=dcms_]),
.is-editor .l-header__outer input:not([class*=dcms_]),
.is-editor footer a:not([class*=dcms_]),
.is-editor footer button:not([class*=dcms_]),
.is-editor footer input:not([class*=dcms_]) {
  pointer-events: none !important;
}

.is-editor #contents .dcms_reset_area a,
.is-editor #contents .dcms_reset_area button,
.is-editor #contents .dcms_reset_area input,
.is-editor #contents .dcms_reset_area label,
.is-editor #contents .dcms_reset_area select,
.is-editor #contents .dcms_reset_area textarea,
.is-editor #contents [class*=mce-] a:not([class*=dcms_]),
.is-editor #contents [class*=mce-] button:not([class*=dcms_]),
.is-editor #contents [class*=mce-] input:not([class*=dcms_]),
.is-editor #contents [class*=mce-] label:not([class*=dcms_]),
.is-editor #contents [class*=mce-] select:not([class*=dcms_]),
.is-editor #contents [class*=mce-] textarea:not([class*=dcms_]),
.is-editor #contents a.dropdown-toggle,
.is-editor [class*=dcms_] a,
.is-editor [class*=dcms_] button,
.is-editor [class*=dcms_] input,
.is-editor [class*=dcms_] label,
.is-editor [class*=dcms_] select,
.is-editor [class*=dcms_] textarea,
.is-editor [data-toggle=dropdown] {
  pointer-events: auto !important;
}

#contents .l-column__outer {
  width: 100%;
  max-width: calc(1120px + 1.5rem);
  margin: 0 auto;
  padding: 0 20px 60px;
}
#contents:where(.container:not([class*=l-wide__outer]):not([class*="--fill-box"])) {
  padding-left: 0;
  padding-right: 0;
}
#contents :where(:not(html, iframe, canvas, img, svg, video, audio):not(svg*, symbol*)) {
  all: unset;
  display: revert;
}
#contents :where(menu),
#contents :where(ol),
#contents :where(ul) {
  list-style: none;
  margin-bottom: unset;
  padding-left: unset;
}
#contents :where(img) {
  max-width: 100%;
}
#contents table {
  border-collapse: collapse;
}
#contents input,
#contents textarea {
  -webkit-user-select: auto;
}
#contents textarea {
  white-space: revert;
}
#contents meter {
  -webkit-appearance: revert;
  -moz-appearance: revert;
  appearance: revert;
}
#contents ::-moz-placeholder {
  color: unset;
}
#contents ::placeholder {
  color: unset;
}
#contents :where([hidden]) {
  display: none;
}
#contents :where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}
#contents :where([draggable=true]) {
  -webkit-user-drag: element;
}
#contents .is-editor html,
#contents html.is-editor,
#contents html.is-loading {
  opacity: 1;
}
#contents .bold,
#contents b,
#contents strong {
  font-weight: 700;
}
#contents small {
  font-size: inherit;
}
#contents sub {
  font-size: 0.75rem;
}
#contents sup {
  font-size: 0.75rem;
  vertical-align: text-top;
}
#contents :where(h1, h2, h3, h4, h5, h6) {
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
}
#contents :where(a) {
  color: var(--DEF);
  text-decoration: none;
  transition: 0.3s;
}
#contents :where(a):where(:not([class*=l-])):where(:not([class*=hover-]:not([class*=text-hover]))) {
  color: var(--DEF);
  transition: 0.3s;
}
#contents :where(a.hover-text-underline) {
  transition: 0.3s;
}
#contents :where(a.hover-text-underline):has(.txt) {
  transition: 0.3s;
}
#contents a[href^="tel:"] {
  color: var(--DEF);
  text-decoration: none;
}
#contents :where([class*=__btn]),
#contents :where([class*=__button]) {
  line-height: 1.2;
}
#contents :where([class*=__btn]) a,
#contents :where([class*=__button]) a,
#contents a:where([class*=__btn]),
#contents a:where([class*=__button]) {
  text-decoration: none;
}
#contents :where(.thumb),
#contents :where([class*=__thumb]) {
  line-height: 0;
  font-size: 0;
  display: inline-block;
}
#contents :where(.thumb) figcaption,
#contents :where(.thumb) p,
#contents :where([class*=__thumb]) figcaption,
#contents :where([class*=__thumb]) p {
  line-height: 1.3;
  font-size: 1rem;
}
#contents :where(.thumb) figcaption,
#contents :where([class*=__thumb]) figcaption {
  font-size: 0.8rem;
  margin-top: 10px;
}
#contents :where(.thumb).--default :where(img),
#contents :where(.thumb).--default:where(img),
#contents :where([class*=__thumb]).--default :where(img),
#contents :where([class*=__thumb]).--default:where(img) {
  width: auto;
  max-width: 100%;
}
#contents :where(.thumb) :where(img),
#contents :where(.thumb):where(img),
#contents :where([class*=__thumb]) :where(img),
#contents :where([class*=__thumb]):where(img) {
  max-width: none;
  width: 100%;
  height: auto;
}
#contents :where(.thumb) :where(img)[src$=".svg"],
#contents :where(.thumb):where(img)[src$=".svg"],
#contents :where([class*=__thumb]) :where(img)[src$=".svg"],
#contents :where([class*=__thumb]):where(img)[src$=".svg"] {
  display: block;
  max-width: none;
  width: 100%;
  height: auto;
}
#contents :where(.thumb) :where(img).--default,
#contents :where(.thumb):where(img).--default,
#contents :where([class*=__thumb]) :where(img).--default,
#contents :where([class*=__thumb]):where(img).--default {
  width: auto;
  max-width: 100%;
}
#contents :where(.thumb) :where(picture),
#contents :where(.thumb):where(picture),
#contents :where([class*=__thumb]) :where(picture),
#contents :where([class*=__thumb]):where(picture) {
  display: block;
}
#contents :where(.thumb) :where(picture) img,
#contents :where(.thumb):where(picture) img,
#contents :where([class*=__thumb]) :where(picture) img,
#contents :where([class*=__thumb]):where(picture) img {
  width: 100%;
  height: auto;
  max-width: none;
}
#contents :where(.thumb) :where(a) img,
#contents :where(.thumb):where(a) img,
#contents :where([class*=__thumb]) :where(a) img,
#contents :where([class*=__thumb]):where(a) img,
#contents :where(a) :where(.thumb) img,
#contents :where(a) :where([class*=__thumb]) img {
  transition: 0.3s;
}
#contents :where(.thumb):has(a),
#contents :where(.thumb):where(a),
#contents :where([class*=__thumb]):has(a),
#contents :where([class*=__thumb]):where(a) {
  overflow: hidden;
}
#contents :where(.thumb):has([class*=object-fit]) img,
#contents :where([class*=__thumb]):has([class*=object-fit]) img {
  width: 100%;
  height: 100%;
}
#contents :where(.thumb) {
  background-color: var(--WHT);
}
#contents :where([aria-hidden=true]) {
  display: none;
}
#contents .is-editor :where([aria-hidden=true])[class*=mce-] {
  display: block;
}
#contents :where([aria-hidden=false]) {
  display: block;
}
#contents :where([aria-disabled=true]) {
  pointer-events: none;
}
#contents [data-id=editor] ol,
#contents [data-id=editor] ul {
  padding-left: unset;
}
#contents [data-id=editor] ol > li,
#contents [data-id=editor] ul > li {
  list-style: none;
}
#contents .dcms_fl_list {
  list-style: none;
}
#contents .dcms_fl_list > li {
  list-style: none;
}
#contents .is-editor ul[class*=dcms] li:before {
  display: none;
}
#contents .is-editor .dcms_btn,
#contents .is-editor .dcms_input_small {
  text-decoration: none !important;
}
#contents #dcms_layoutPageBlock .is-editor a:not([class*=dcms_]) #dcms_layoutPageBlock .is-editor button:not([class*=dcms_]),
#contents #dcms_layoutPageBlock .is-editor input:not([class*=dcms_]) {
  pointer-events: none !important;
}
#contents .sr-only {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 1px !important;
  overflow: hidden !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  z-index: -2 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
}
#contents .sr-only:after,
#contents .sr-only:before {
  display: none !important;
}
#contents .sr-only + * {
  margin-top: 0 !important;
}
#contents .editor_block:has(.is-editor-txt) {
  height: auto !important;
}
#contents .is-editor-txt {
  display: none;
  background-color: #fee;
  padding: 10px;
  color: red;
  font-weight: 700;
  font-size: 1.8rem;
  margin-top: 80px;
}
#contents .is-editor .is-editor-txt {
  display: block;
}
#contents .is-editor-txt + .section:not(.l-wide__container) {
  margin-top: 0;
}
#contents .l-wide__container.--fill + .is-editor-txt + .l-wide__container.--fill {
  padding-top: 0;
  margin-top: 0;
}
#contents .bownow {
  margin-bottom: 0.8rem !important;
}
#contents .iframe,
#contents .movie,
#contents .youtube {
  width: 100%;
  aspect-ratio: 16/9;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
#contents .iframe iframe,
#contents .iframe video,
#contents .movie iframe,
#contents .movie video,
#contents .youtube iframe,
#contents .youtube video {
  width: 100%;
  height: 100%;
}
#contents #dcms_layoutPageBlock > :first-child {
  margin-top: 0;
}
#contents #dcms_layoutPageBlock > div:not([class]):has(iframe) {
  width: 100%;
  aspect-ratio: 16/9;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  line-height: 0;
}
#contents #dcms_layoutPageBlock > div:not([class]):has(iframe) iframe {
  width: 100%;
  height: 100%;
}
#contents #dcms_layoutPageBlock > div:not([class]):has(iframe)[style*="text-align:left"] {
  margin-left: unset;
}
#contents #dcms_layoutPageBlock > div:not([class]):has(iframe)[style*="text-align:right"] {
  margin-right: unset;
}
#contents .hover-text-noline:not(:has(.txt)) {
  text-decoration: none !important;
  transition: 0.3s;
}
#contents .hover-text-noline:has(.txt) .txt {
  text-decoration: none !important;
  transition: 0.3s;
}
#contents .break-url {
  word-break: break-all !important;
  line-height: 1.3;
  display: inherit;
}
#contents .row[class*=gap-] {
  margin: unset;
}
#contents .row[class*=gap-] > * {
  padding: unset;
}
#contents .l-header__nav {
  line-height: 0;
}
#contents .l-header__outer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  background-color: #fff;
  height: 60px;
  transition: height 0.3s;
}
#contents .l-header__outer a:not([class*=__btn]) {
  color: var(--DEF);
}
#contents .l-header__outer a:not([class*=__btn]):where([href$=".pdf"]):after,
#contents .l-header__outer a:not([class*=__btn]):where([href^="https://saas.actibookone.com/"]):after,
#contents .l-header__outer a:not([class*=__btn]):where([target=_blank]):after {
  margin-top: 0.35em;
  margin-right: 0;
}
#contents .l-header__outer a:not([class*=__btn]):where([href$=".pdf"]):after,
#contents .l-header__outer a:not([class*=__btn]):where([href^="https://saas.actibookone.com/"]):after {
  margin-top: 0.1em;
}
#contents .l-header__inner {
  height: 100%;
}
#contents .l-header__bar {
  position: relative;
  display: flex;
  align-items: center;
  height: 60px;
  z-index: 11;
  justify-content: space-between;
  background-color: #fff;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
}
#contents .l-menu__btn {
  position: relative;
  background-color: var(--MAIN);
  border: var(--MAIN) 2px solid;
  width: 60px;
  height: 60px;
  transition: 0.3s;
}
#contents .l-menu__btn > .line {
  position: absolute;
  left: 25%;
  width: 50%;
  height: 2px;
  background-color: #fff;
  border-radius: 4px;
}
#contents .l-menu__btn > .line:nth-of-type(1) {
  top: calc(50% - 1px - 10px);
  transform: translateY(0) rotate(0);
  transition: 0.45s;
}
#contents .l-menu__btn > .line:nth-of-type(2) {
  top: calc(50% - 1px);
  transition: all 0.25s 0.15s;
  opacity: 1;
}
#contents .l-menu__btn > .line:nth-of-type(3) {
  bottom: calc(50% - 1px - 10px);
  transform: translateY(0) rotate(0);
  transition: 0.45s;
}
#contents .l-menu__btn[aria-expanded=true] > .line:nth-of-type(1) {
  transform: translateY(calc(50% - 1px + 10px)) rotate(-45deg);
  width: 40%;
  left: 30%;
}
#contents .l-menu__btn[aria-expanded=true] > .line:nth-of-type(2) {
  opacity: 0;
}
#contents .l-menu__btn[aria-expanded=true] > .line:nth-of-type(3) {
  transform: translateY(calc(50% - 1px - 10px)) rotate(45deg);
  width: 40%;
  left: 30%;
}
#contents .l-induce__outer {
  order: 4;
  margin-top: 1.5em;
  display: flex;
  width: 100%;
}
#contents .l-induce__outer > li {
  width: 50%;
}
#contents .l-nav__outer .l-induce__outer {
  justify-content: center;
}
#contents .l-nav__outer .l-induce__outer > li {
  flex: 1;
  max-width: 320px;
}
#contents .l-nav__outer .l-induce__outer:has(> li:nth-child(1):nth-last-child(1)) .l-induce__btn {
  flex-direction: row;
  height: 100%;
}
#contents .l-nav__outer .l-induce__outer:has(> li:nth-child(1):nth-last-child(1)) .l-induce__btn .txt {
  font-size: 1.125rem;
  flex-direction: row;
}
#contents .l-nav__outer .l-induce__outer:has(> li:nth-child(1):nth-last-child(1)) .l-induce__btn .txt .inhide {
  display: inline-block;
}
#contents .l-nav__outer .l-induce__outer:has(> li:nth-child(1):nth-last-child(1)) .l-induce__btn:before {
  margin-top: 0.1em;
  margin-right: 8px;
  font-size: 160%;
}
#contents .l-induce__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  flex: 1;
  font-weight: 700;
  padding: 10px;
  height: 60px;
  text-decoration: none;
  color: var(--WHT);
  font-size: 1rem;
  border: var(--MAIN) 2px solid;
  background-color: var(--MAIN);
  color: var(--WHT);
  transition: 0.3s;
}
#contents .l-induce__btn:before {
  font-size: 140%;
  margin: 0.1em 0 0;
}
#contents .l-induce__btn .txt {
  display: inline-flex;
}
#contents .l-induce__btn .inhide {
  display: none;
}
#contents .l-lang__outer {
  display: inline-flex;
  order: 5;
  margin: 1.5em auto 0;
}
#contents .l-lang__outer li {
  width: 3em;
}
#contents .l-lang__outer li + li a {
  border-left: none;
}
#contents .l-lang__outer li a {
  display: block;
  text-align: center;
  font-family: var(--fntEn) !important;
  background-color: var(--LGRY);
  text-decoration: none;
  border: var(--GRY) 1px solid;
  transition: 0.3s;
}
#contents .l-lang__outer li a[aria-current=page] {
  background-color: var(--MAIN);
  border-color: var(--MAIN);
  color: var(--WHT);
  pointer-events: none;
}
#contents .l-header__logo {
  line-height: 0;
}
#contents .l-header__logo .thumb {
  overflow: unset;
}
#contents .l-header__logo a {
  display: block;
}
#contents .l-header__logo img {
  width: 150px;
}
#contents .l-search__outer {
  order: 1;
  position: relative;
  z-index: 2;
  display: block !important;
  background-color: #ddd;
  padding: 10px;
  margin: 0 -10px;
}
#contents .l-search__inside {
  border: var(--GRY) 1px solid;
  display: flex;
  overflow: hidden;
  background-color: var(--LGRY);
}
#contents .l-search__input {
  border: none;
  border-radius: unset;
  flex: 1;
  background: unset;
  position: relative;
  z-index: 1;
  background-color: var(--LGRY);
  height: 50px;
}
#contents .l-search__input::-moz-placeholder {
  color: #666;
}
#contents .l-search__input::placeholder {
  color: #666;
}
#contents .l-search__btn {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
#contents .l-search__btn:before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea06";
  position: static;
  font-size: 1.25rem;
  padding-top: 2px;
  color: var(--MAIN);
}
#contents .l-search__btn:focus {
  background-color: var(--MAIN);
}
#contents .l-search__btn:focus:before {
  color: var(--WHT);
}
#contents .l-utility__outer {
  order: 3;
  margin-top: 0;
  display: block;
}
#contents .l-utility__list {
  width: 100%;
}
#contents .l-utility__list:after {
  content: "";
  display: block;
  clear: both;
}
#contents .l-utility__list:has(.l-induce__btn) {
  border: unset;
}
#contents .l-utility__item {
  width: calc(50% + 10px);
  border-bottom: #ddd 1px solid;
  margin-bottom: -1px;
}
#contents .l-utility__item:nth-child(odd) {
  border-right: #ddd 1px solid;
}
#contents .l-utility__item:not(:has(.l-induce__btn)) + :has(.l-induce__btn) {
  position: relative;
}
#contents .l-utility__item:has(.l-induce__btn) {
  border: none;
}
#contents .l-utility__item a:not([class*=__btn]) {
  font-weight: 700;
  display: flex;
  width: 100%;
  padding: 10px;
  align-items: center;
  transition: color 0.3s;
  text-decoration: none;
  line-height: 1.25;
  color: var(--DEF);
}
#contents .l-utility__item a:not([class*=__btn]):after {
  margin-right: 0;
  margin-top: 0.2em;
}
#contents .l-utility__item a:not([class*=__btn]) > .txt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
#contents .l-child__item {
  border-top: var(--GRY) 1px solid;
  border-left: var(--GRY) 1px solid;
}
#contents .l-child__item .thumb {
  display: none;
}
#contents .l-child__item > a {
  display: inline-flex;
  width: 100%;
  padding: 12px 10px;
  line-height: 1.25;
  transition: color 0.3s;
  text-decoration: none;
  transition: 0.3s;
}
#contents .l-child__item > a .txt {
  position: relative;
  padding-left: 0.8em;
  text-decoration: none;
}
#contents .l-child__item > a .txt:before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea01";
  position: absolute;
  left: 0;
  top: 6px;
  font-size: 0.625rem;
  font-weight: 400;
}
#contents .l-nav__outer {
  padding: 0 10px 30px;
  display: flex;
  flex-direction: column;
}
#contents .l-nav__panel {
  transition: transform 0.3s, opacity 0.3s;
  transform: translateX(100vW);
  width: 100%;
  height: calc(100vh - 60px);
  height: calc(100dvh - 60px);
  top: 60px;
  right: 0;
  background-color: #f5f5f5;
  z-index: 10;
  position: fixed;
}
#contents .l-nav__panel.is-open {
  transform: translateX(0);
  box-shadow: -5px 0 10px rgba(0, 0, 0, 0.3);
}
#contents .l-gchild__list {
  display: none;
  padding-left: 0.7rem;
  margin-top: 10px;
}
#contents .l-gchild__list > li {
  font-size: 0.875rem;
}
#contents .l-gchild__list > li > a {
  text-decoration: none;
  line-height: 1.3;
  transition: 0.3s;
}
#contents .l-gchild__list > li > a > .txt {
  position: relative;
  padding-left: 0.8em;
}
#contents .l-gchild__list > li > a > .txt:before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea01";
  position: absolute;
  left: 0;
  top: 0.55em;
  font-size: 0.625rem;
  font-weight: 400;
}
#contents .l-nav__list {
  order: 2;
  margin-left: -10px;
  margin-right: -10px;
  border-bottom: var(--MAIN) 1px solid;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 1;
}
#contents .l-nav__item {
  border-top: var(--MAIN) 1px solid;
}
#contents .l-nav__btn {
  width: 100%;
  padding: 14px 10px;
  text-align: left;
  position: relative;
  font-weight: 700;
  line-height: 1.25;
  border: none;
  background: unset;
  color: var(--DEF);
  display: flex;
}
#contents .l-nav__btn > .txt {
  position: relative;
}
#contents .l-nav__btn > .txt:before {
  content: "";
  width: 100%;
  height: 3px;
  background-color: var(--MAIN);
  display: block;
  position: absolute;
  bottom: -10px;
  left: 0;
  opacity: 0;
  transform: translateY(5px);
  transition: opacity 0.3s, transform 0.3s;
}
#contents .is-scroll .l-nav__btn > .txt:before {
  bottom: -8px;
}
#contents .l-nav__btn[aria-expanded] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#contents .l-nav__btn[aria-expanded]:after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea02";
  font-size: 0.625rem;
  margin-left: 10px;
  transition: transform 0.3s;
  display: block;
}
#contents .l-nav__btn[aria-expanded=true]:after {
  transform: rotateX(180deg);
}
#contents html:has(.l-header__outer.typeN).is-open {
  overflow: hidden;
}
#contents .l-header__outer.typeN .l-menu__btn {
  transition: 0.3s;
}
#contents .l-header__outer.typeN .l-menu__btn:after {
  content: "";
  display: block;
  width: 96%;
  height: 96%;
  display: block;
  border: var(--WHT) 3px solid;
  opacity: 0;
  position: absolute;
  left: 2%;
  top: 2%;
  transition: opacity 0.3s;
}
#contents .l-header__outer.typeN .l-nav__list {
  justify-content: flex-start;
}
#contents .l-header__outer.typeN .l-child__outer {
  margin-left: 10px;
}
@keyframes fadeInAnime {
  0% {
    opacity: 0;
    display: none;
    margin-top: -10px;
  }
  1% {
    opacity: 0;
    display: block;
    margin-top: -10px;
  }
  100% {
    opacity: 1;
    margin-top: 0;
    display: block;
  }
}
@keyframes fadeOutAnime {
  0% {
    opacity: 1;
    margin-top: 0;
    display: block;
  }
  1% {
    opacity: 0;
    margin-top: -10px;
    display: block;
  }
  100% {
    opacity: 0;
    margin-top: -10px;
    display: none;
  }
}
#contents .l-header__outer.typeM .l-child__panel {
  background-color: #fff;
  margin-right: 1px;
  margin-left: 10px;
}
#contents .l-header__outer.typeM .l-child__item > a {
  flex-direction: column-reverse;
  gap: 10px;
}
#contents .l-header__outer.typeS .l-child__panel {
  background: unset;
  margin-right: 1px;
  margin-left: 10px;
}
#contents .l-header__outer.l-header-BS01 .l-header__bar {
  padding-left: 15px;
}
#contents .l-header__outer.l-header-BS01 .l-menu__btn {
  display: block !important;
}
#contents .l-header__outer.l-header-BS01 .l-search__btn {
  transition: 0.3s;
}
#contents .l-header__outer.l-header-BS01 .l-utility__outer {
  display: none;
}
#contents .l-header__outer.l-header-BS01 .l-utility__list {
  border: none;
  align-items: center;
  gap: 19px;
  margin: 0;
  width: 100%;
}
#contents .l-header__outer.l-header-BS01 .l-utility__item {
  border: none;
  margin: 0;
  width: unset;
}
#contents .l-header__outer.l-header-BS01 .l-utility__item ~ li:before {
  display: none;
}
#contents .l-header__outer.l-header-BS01 .l-utility__item a {
  padding: 0;
}
#contents .l-header__outer.l-header-BS01 .l-utility__item a > .txt {
  position: relative;
}
#contents .l-header__outer.l-header-BS01 .l-utility__item a > .txt:before {
  content: "";
  width: 100%;
  height: 3px;
  background-color: var(--MAIN);
  display: block;
  position: absolute;
  bottom: -8px;
  left: 0;
  opacity: 0;
  transform: translateY(5px);
  transition: opacity 0.3s, transform 0.3s;
}
#contents .is-scroll .l-header__outer.l-header-BS01 .l-utility__item a > .txt:before {
  bottom: -6px;
}
#contents .l-header__outer.l-header-BS02 .l-header__logo {
  margin-left: 15px;
}
#contents .l-header__outer.l-header-BS02 .l-header__bar {
  width: 100%;
}
#contents .l-header__outer.l-header-BS02 .l-search__btn {
  transition: 0.3s;
}
#contents .l-header__outer.l-header-BS02 .l-induce__outer > li {
  width: 50%;
  display: flex;
}
#contents .l-header__outer.l-header-BS03 {
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
  padding-left: 15px;
}
#contents .l-header__outer.l-header-BS03 .l-header__bar {
  box-shadow: unset;
}
#contents .l-header__outer.l-header-BS03 .l-nav__item:before {
  display: none;
}
#contents .l-header__outer.l-header-BS03 .l-nav__item:has(.js-child__btn):before {
  display: block;
  visibility: hidden;
}
#contents .l-header__outer.l-header-BS03 .l-utility__list:has(.l-induce__btn) {
  width: unset;
}
#contents .l-header__outer.l-header-BS03.typeS .l-child__panel {
  top: 46px;
}
#contents .l-header__outer.l-header-BS03.typeS .l-child__panel:before {
  top: -10px;
}
#contents .is-scroll .l-header__outer.l-header-BS03.typeS .l-child__panel {
  top: 46px;
}
#contents .l-header__outer.l-header-BS03.typeM:has(.l-induce__outer) .l-nav__item:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0 10px 16px 10px;
  border-bottom-color: var(--MAIN);
  left: calc(50% - 20px);
  bottom: -40px;
}
#contents .is-scroll .l-header__outer.l-header-BS03.typeM:has(.l-induce__outer) .l-nav__item:before {
  bottom: -28px;
}
#contents .l-header__outer.l-header-BS03.typeM:has(.l-induce__outer):not(:has(.l-search__outer)):not(:has(.l-lang__outer)):not(:has(.l-utility__outer)) .l-nav__item:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0 10px 16px 10px;
  border-bottom-color: var(--MAIN);
  left: calc(50% - 20px);
  bottom: -54px;
}
#contents .is-scroll .l-header__outer.l-header-BS03.typeM:has(.l-induce__outer):not(:has(.l-search__outer)):not(:has(.l-lang__outer)):not(:has(.l-utility__outer)) .l-nav__item:before {
  bottom: -28px;
}
#contents .l-header__outer.l-header-BS03.typeM:not(:has(.l-search__outer)):not(:has(.l-lang__outer)):not(:has(.l-utility__outer)):not(:has(.l-induce__outer)) .l-nav__item:before {
  bottom: -44px;
}
#contents .is-scroll .l-header__outer.l-header-BS03.typeM:not(:has(.l-search__outer)):not(:has(.l-lang__outer)):not(:has(.l-utility__outer)):not(:has(.l-induce__outer)) .l-nav__item:before {
  bottom: -28px;
}
#contents :where([style*="--scroll"]) .l-header__outer.l-header-BS03.typeM .l-child__panel {
  width: calc(100vw - 30px - var(--scroll));
}
#contents .l-footer__copyright {
  background-color: #333;
  color: #fff;
  text-align: center;
  font-size: 0.625rem;
  padding: 10px 0;
  margin-top: 15px;
}
#contents .l-footer__outer {
  border-top: var(--GRY) 1px solid;
  padding-top: 3rem;
  position: relative;
}
#contents .l-footer__outer a:not([class*=__btn]):where([href$=".pdf"]):after,
#contents .l-footer__outer a:not([class*=__btn]):where([href^="https://saas.actibookone.com/"]):after,
#contents .l-footer__outer a:not([class*=__btn]):where([target=_blank]):after {
  margin-top: 0.3em;
  margin-right: 0;
}
#contents .l-footer__outer a:not([class*=__btn]):where([href$=".pdf"]):after,
#contents .l-footer__outer a:not([class*=__btn]):where([href^="https://saas.actibookone.com/"]):after {
  margin-top: 0.1em;
}
#contents .l-footer__container > * ~ * {
  margin-top: 15px;
}
#contents .l-footer__logo {
  width: 200px;
  margin: 0 auto;
}
#contents .l-footer__logo .thumb {
  overflow: visible;
}
#contents .l-footer__data {
  margin-top: 10px;
}
#contents .l-footer__data > dt {
  font-weight: 700;
}
#contents .l-footer__data > dd {
  margin-top: 5px;
  font-size: 0.875rem;
  line-height: 1.5;
}
#contents .l-footer__data > dl > dt {
  font-weight: 700;
}
#contents .l-footer__data > dl > dd {
  margin-top: 5px;
  font-size: 0.875rem;
  line-height: 1.5;
}
#contents .l-footer__nav:first-child {
  margin-top: unset;
}
#contents .l-footer__list {
  display: none;
}
#contents .l-footer__title {
  line-height: 1.3;
  width: 100%;
}
#contents .l-footer__title > a {
  display: flex;
  padding: 12px 15px;
  text-decoration: none;
  border-top: var(--MAIN) 1px solid;
  border-bottom: var(--MAIN) 1px solid;
  margin-top: -1px;
  font-weight: 700;
  background-color: var(--LGRY);
  line-height: 1.3;
  color: var(--DEF);
  justify-content: space-between;
  align-items: center;
  transition: 0.3s;
}
#contents .l-footer__title > a:where([href$=".pdf"]):after,
#contents .l-footer__title > a:where([href^="https://saas.actibookone.com/"]):after,
#contents .l-footer__title > a:where([target=_blank]):after {
  margin-right: 0;
  margin-left: 10px;
}
#contents .l-footer__item {
  line-height: 1.3;
}
#contents .l-footer__item ~ li {
  margin-top: 10px;
}
#contents .l-footer__item > a {
  text-decoration: none;
  color: var(--DEF);
  font-size: 1rem;
  transition: 0.3s;
}
#contents .l-footer__other {
  box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 30px);
  margin: 0 -15px;
  border-bottom: #ddd 1px solid;
}
#contents .l-footer__other > li {
  width: 50%;
  border-bottom: #ddd 1px solid;
  margin-bottom: -1px;
}
#contents .l-footer__other > li:nth-child(odd) {
  border-right: #ddd 1px solid;
}
#contents .l-footer__other > li a {
  padding: 12px 15px;
  position: relative;
  text-decoration: none;
  line-height: 1.3;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1rem;
  transition: 0.3s;
}
#contents .l-footer__other > li a:after {
  margin-right: 0;
}
#contents .l-pagetop__btn {
  width: 100%;
  position: relative;
  z-index: 8;
}
#contents .l-pagetop__btn a {
  display: block;
  position: relative;
  display: flex;
  justify-content: flex-end;
  height: 0;
  outline: 0;
  border: unset;
  background: unset;
  right: 0;
  text-decoration: none !important;
}
#contents .l-pagetop__btn a .txt {
  width: 50px;
  height: 50px;
  opacity: 0;
  box-shadow: 0 0 0 1px var(--WHT);
  transition: opacity 0.3s;
  text-decoration: none !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--MAIN);
  color: #fff;
  line-height: 1;
  font-size: 0.5rem;
  font-family: var(--fntEn) !important;
}
#contents .l-pagetop__btn a .txt:before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea02";
  transform: rotate(180deg);
  font-size: 1.125rem;
  margin-bottom: 5px;
  transition: transform 0.3s;
}
#contents .l-pagetop__btn.is-scroll a {
  position: fixed;
  top: auto;
  bottom: 50px;
  opacity: 0.8;
}
#contents .l-pagetop__btn.is-scroll a .txt {
  opacity: 1;
}
#contents .l-pagetop__btn.is-bottom a {
  position: absolute;
  top: -65px;
  opacity: 1;
}
#contents .l-pagetop__btn.is-bottom a .txt {
  opacity: 1;
}
#contents .l-footer__sns {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  gap: 5px;
}
#contents .l-footer__sns > li > a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--DEF);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border: var(--DEF) 2px solid;
  transition: 0.3s;
}
#contents .l-footer__sns > li > a:before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1rem;
}
#contents .l-footer__sns > li > a:after {
  display: none !important;
}
#contents .l-footer__sns > li > a.--fb:before {
  content: "\ea11";
}
#contents .l-footer__sns > li > a.--tw:before {
  content: "\ea0f";
}
#contents .l-footer__sns > li > a.--x:before {
  content: "\ea10";
}
#contents .l-footer__sns > li > a.--ig:before {
  content: "\ea12";
}
#contents .l-footer__sns > li > a.--ld:before {
  content: "\ea13";
}
#contents .l-footer__sns > li > a.--hatebu:before {
  content: "\ea14";
}
#contents .l-footer__sns > li > a.--yt:before {
  content: "\ea15";
}
#contents .l-footer__sns > li > a.--line:before {
  content: "\ea16";
}
#contents .l-footer__utility {
  margin-top: 15px;
}
#contents .l-footer__guidance {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px 20px;
}
#contents .l-footer__guidance a {
  color: var(--DEF);
  text-decoration: none;
  font-size: min(2.95vw, 0.75rem);
  letter-spacing: -0.02em;
  transition: 0.3s;
}
#contents .l-footer__guidance > li {
  position: relative;
  line-height: 1.3;
}
#contents .l-footer__guidance > li ~ li:before {
  content: "";
  width: 1px;
  height: 60%;
  display: block;
  background-color: var(--DEF);
  position: absolute;
  left: -10px;
  top: 33%;
}
#contents .l-footer__outer.l-footer-BS01 .l-footer__info {
  padding-bottom: 30px;
}
#contents .l-footer__outer.l-footer-BS01 .l-footer__logo {
  line-height: 0;
}
#contents .l-footer__outer.l-footer-BS01 .l-footer__logo .thumb {
  border-radius: unset;
}
#contents .l-footer__outer.l-footer-BS01 .l-footer__utility .wrap {
  padding: unset;
}
#contents .l-footer__outer.l-footer-BS01 .l-footer__guidance {
  padding: 0 10px;
}
#contents .l-footer__outer.l-footer-BS01 .l-footer__copyright {
  padding: 10px;
}
#contents .l-footer__outer.l-footer-BS02 .l-footer__info {
  padding-bottom: 30px;
}
#contents .l-footer__outer.l-footer-BS02 .l-footer__logo {
  line-height: 0;
}
#contents .l-footer__outer.l-footer-BS02 .l-footer__logo .thumb {
  border-radius: unset;
}
#contents .l-footer__outer.l-footer-BS02 .l-footer__phone {
  margin-top: 5px;
}
#contents .l-footer__outer.l-footer-BS02 .l-footer__utility .wrap {
  padding: unset;
}
#contents .l-footer__outer.l-footer-BS02 .l-footer__guidance {
  padding: 0 10px;
}
#contents .l-footer__outer.l-footer-BS02 .l-footer__copyright {
  background-color: var(--DEF);
  width: calc(100% + 30px);
  margin-top: 15px;
  padding: 10px;
}
#contents .l-footer__outer.l-footer-BS03 {
  border-top: none;
  padding-top: 0;
  position: relative;
}
#contents .l-footer__outer.l-footer-BS03 .l-pagetop__btn a {
  transition: unset !important;
  top: unset !important;
  opacity: 1;
  transition: 0.3s;
}
#contents .l-footer__outer.l-footer-BS03 .l-pagetop__btn a .txt {
  background-color: var(--DEF);
  transition: opacity 0.3s;
  box-shadow: unset;
}
#contents .l-footer__outer.l-footer-BS03 .l-pagetop__btn.is-scroll a {
  bottom: 50px;
}
#contents .l-footer__outer.l-footer-BS03 .l-pagetop__btn.is-bottom a {
  bottom: -3px;
}
#contents .l-footer__outer.l-footer-BS03 .l-footer__outer {
  position: relative;
}
#contents .l-footer__outer.l-footer-BS03 .l-footer__sns {
  justify-content: center;
}
#contents .l-footer__outer.l-footer-BS03 .l-footer__utility {
  padding: 0;
  position: relative;
  z-index: 8;
}
#contents .l-footer__outer.l-footer-BS03 .l-footer__copyright {
  width: calc(100% + 30px);
  margin: 15px -15px 0;
  position: relative;
  z-index: 9;
}
#contents .l-cta-BS01__inside:has(.l-cta-BS01__phone) {
  padding-bottom: 0;
}
#contents .l-cta__phone > dt .txt:before {
  font-size: 150%;
}
#contents .l-cta__phone .num {
  font-size: 1.875rem;
}
#contents .l-cta-BS03__box {
  max-width: 700px !important;
  width: 100%;
}
#contents .l-cta-BS03__box.bg-white {
  padding: 30px 10px;
  width: calc(100% - 1.5rem);
  margin-left: auto;
  margin-right: auto;
}
#contents .l-cta-BS03__box .l-btn__outer {
  margin-top: 1.5rem;
}
#contents :where(.l-subnav__title) {
  font-size: 1.5rem;
}
#contents :where(.l-subnav__title) a {
  text-decoration: none;
  color: var(--MAIN);
  font-weight: 700;
  transition: 0.3s;
}
#contents :where(.l-subnav__title) + * {
  margin-top: 0.5rem;
}
#contents :where(.l-subnav__list) {
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.5rem;
}
#contents :where(.l-subnav__list) li {
  width: 100%;
}
#contents :where(.l-subnav__list) a {
  transition: 0.3s;
}
#contents :where(.l-subnav__list) a[aria-current=page] {
  pointer-events: none;
  font-weight: 700;
  color: var(--MAIN);
}
#contents :where(.l-subnav__list) > li :where(.l-subnav__list) {
  display: none;
  padding-left: 1rem;
}
#contents :where(.l-subnav__list) > li :where(.l-subnav__list) li {
  width: 100%;
}
#contents .l-column__side:not([class*=media]) {
  background-color: var(--LGRY);
}
#contents .l-column__outer .l-column__side:not(.media-column__side) {
  margin-bottom: -100px;
}
#contents :where(.l-fixed__bnr) {
  opacity: 0;
  visibility: hidden;
  z-index: -2;
  transition: 0.3s;
  width: 200px;
  background-color: #fff;
  line-height: 0;
  position: fixed;
  top: 100px;
  right: 0;
}
#contents :where(.l-fixed__bnr).is-scroll {
  z-index: 8;
  visibility: visible;
  opacity: 1;
}
#contents :where(.l-fixed__bnr).is-bottom {
  opacity: 0;
  visibility: hidden;
  z-index: -2;
}
#contents .l-fixed__close {
  position: absolute;
  left: -10px;
  top: -10px;
  width: 30px;
  height: 30px;
  background-color: var(--MAIN);
  border: var(--MAIN) 1px solid;
  z-index: 2;
  border-radius: 50px;
  transition: 0.3s;
}
#contents .l-fixed__close:before {
  content: "×";
  color: #fff;
  font-size: 1.125rem;
}
#contents .l-anchor__list .l-link__btn {
  font-size: 0.875rem;
  transition: 0.3s;
}
#contents .l-anchor__list .l-link__btn[class*=justify-content-][class*=ico-after-] > .txt {
  padding-right: 16px;
  padding-left: 6px;
}
#contents .l-anchor__list .l-link__btn .txt:after {
  transition: transform 0.3s;
}
#contents .l-badge__outer {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  font-size: 0.75rem;
}
#contents .l-badge__outer + .l-badge__outer {
  margin-top: 5px;
}
#contents :where(.badge),
#contents :where(.chip) {
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  font-size: 0.75rem;
  text-decoration: none !important;
  padding: 5px 8px !important;
  line-height: 1.25;
}
#contents :where(.badge).bg-def,
#contents :where(.chip).bg-def {
  background-color: var(--DEF);
  border-color: var(--DEF);
  color: var(--WHT);
}
#contents :where(.badge).bg-main,
#contents :where(.chip).bg-main {
  background-color: var(--MAIN);
  border-color: var(--MAIN);
  color: var(--WHT);
}
#contents :where(.badge).bg-accent,
#contents :where(.chip).bg-accent {
  background-color: var(--ACC);
  border-color: var(--ACC);
  color: var(--WHT);
}
#contents :where(.badge).bg-other,
#contents :where(.chip).bg-other {
  background-color: var(--OTH);
  border-color: var(--OTH);
  color: var(--WHT);
}
#contents :where(.badge).bg-link,
#contents :where(.chip).bg-link {
  background-color: var(--LINK);
  border-color: var(--LINK);
  color: var(--WHT);
}
#contents :where(.badge).bg-gry,
#contents :where(.chip).bg-gry {
  background-color: var(--GRY);
  border-color: var(--GRY);
  color: var(--WHT);
}
#contents :where(.badge).bg-dgry,
#contents :where(.chip).bg-dgry {
  background-color: var(--DGRY);
  border-color: var(--DGRY);
  color: var(--WHT);
}
#contents :where(.badge).bg-lgry,
#contents :where(.chip).bg-lgry {
  background-color: var(--LGRY);
  border-color: var(--LGRY);
  color: var(--WHT);
}
#contents :where(.badge).bg-wht,
#contents :where(.chip).bg-wht {
  background-color: var(--WHT);
  border-color: var(--WHT);
  color: var(--WHT);
}
#contents :where(.badge).bg-lmain,
#contents :where(.chip).bg-lmain {
  background-color: var(--LMAIN);
  border-color: var(--LMAIN);
  color: var(--WHT);
}
#contents :where(.badge).bg-laccent,
#contents :where(.chip).bg-laccent {
  background-color: var(--LACC);
  border-color: var(--LACC);
  color: var(--WHT);
}
#contents :where(.badge).bg-lother,
#contents :where(.chip).bg-lother {
  background-color: var(--LOTH);
  border-color: var(--LOTH);
  color: var(--WHT);
}
#contents :where(.badge).border-def,
#contents :where(.chip).border-def {
  border-color: var(--DEF);
}
#contents :where(.badge).border-main,
#contents :where(.chip).border-main {
  border-color: var(--MAIN);
}
#contents :where(.badge).border-accent,
#contents :where(.chip).border-accent {
  border-color: var(--ACC);
}
#contents :where(.badge).border-other,
#contents :where(.chip).border-other {
  border-color: var(--OTH);
}
#contents :where(.badge).border-link,
#contents :where(.chip).border-link {
  border-color: var(--LINK);
}
#contents :where(.badge).border-gry,
#contents :where(.chip).border-gry {
  border-color: var(--GRY);
}
#contents :where(.badge).border-dgry,
#contents :where(.chip).border-dgry {
  border-color: var(--DGRY);
}
#contents :where(.badge).border-lgry,
#contents :where(.chip).border-lgry {
  border-color: var(--LGRY);
}
#contents :where(.badge).border-wht,
#contents :where(.chip).border-wht {
  border-color: var(--WHT);
}
#contents :where(.badge).border-lmain,
#contents :where(.chip).border-lmain {
  border-color: var(--LMAIN);
}
#contents :where(.badge).border-laccent,
#contents :where(.chip).border-laccent {
  border-color: var(--LACC);
}
#contents :where(.badge).border-lother,
#contents :where(.chip).border-lother {
  border-color: var(--LOTH);
}
#contents :where(.chip) {
  background-color: var(--MAIN);
  border-color: var(--MAIN);
  color: var(--WHT);
}
#contents :where(.badge).border-def,
#contents :where(.chip).border-def {
  color: var(--DEF);
}
#contents :where(.badge).border-main,
#contents :where(.chip).border-main {
  color: var(--MAIN);
}
#contents :where(.badge).border-accent,
#contents :where(.chip).border-accent {
  color: var(--ACC);
}
#contents :where(.badge).border-other,
#contents :where(.chip).border-other {
  color: var(--OTH);
}
#contents :where(.badge).border-link,
#contents :where(.chip).border-link {
  color: var(--LINK);
}
#contents :where(.badge).border-gry,
#contents :where(.chip).border-gry {
  color: var(--GRY);
}
#contents :where(.badge).border-dgry,
#contents :where(.chip).border-dgry {
  color: var(--DGRY);
}
#contents :where(.badge).border-lgry,
#contents :where(.chip).border-lgry {
  color: var(--LGRY);
}
#contents :where(.badge).border-wht,
#contents :where(.chip).border-wht {
  color: var(--WHT);
}
#contents :where(.badge).border-lmain,
#contents :where(.chip).border-lmain {
  color: var(--LMAIN);
}
#contents :where(.badge).border-laccent,
#contents :where(.chip).border-laccent {
  color: var(--LACC);
}
#contents :where(.badge).border-lother,
#contents :where(.chip).border-lother {
  color: var(--LOTH);
}
#contents :where(a.badge).bg-def,
#contents :where(a.chip).bg-def {
  transition: 0.3s;
}
#contents :where(a.badge).bg-main,
#contents :where(a.chip).bg-main {
  transition: 0.3s;
}
#contents :where(a.badge).bg-accent,
#contents :where(a.chip).bg-accent {
  transition: 0.3s;
}
#contents :where(a.badge).bg-other,
#contents :where(a.chip).bg-other {
  transition: 0.3s;
}
#contents :where(a.badge).bg-link,
#contents :where(a.chip).bg-link {
  transition: 0.3s;
}
#contents :where(a.badge).bg-gry,
#contents :where(a.chip).bg-gry {
  transition: 0.3s;
}
#contents :where(a.badge).bg-dgry,
#contents :where(a.chip).bg-dgry {
  transition: 0.3s;
}
#contents :where(a.badge).bg-lgry,
#contents :where(a.chip).bg-lgry {
  transition: 0.3s;
}
#contents :where(a.badge).bg-wht,
#contents :where(a.chip).bg-wht {
  transition: 0.3s;
}
#contents :where(a.badge).bg-lmain,
#contents :where(a.chip).bg-lmain {
  transition: 0.3s;
}
#contents :where(a.badge).bg-laccent,
#contents :where(a.chip).bg-laccent {
  transition: 0.3s;
}
#contents :where(a.badge).bg-lother,
#contents :where(a.chip).bg-lother {
  transition: 0.3s;
}
#contents :where(a.badge).border-def,
#contents :where(a.chip).border-def {
  transition: 0.3s;
}
#contents :where(a.badge).border-main,
#contents :where(a.chip).border-main {
  transition: 0.3s;
}
#contents :where(a.badge).border-accent,
#contents :where(a.chip).border-accent {
  transition: 0.3s;
}
#contents :where(a.badge).border-other,
#contents :where(a.chip).border-other {
  transition: 0.3s;
}
#contents :where(a.badge).border-link,
#contents :where(a.chip).border-link {
  transition: 0.3s;
}
#contents :where(a.badge).border-gry,
#contents :where(a.chip).border-gry {
  transition: 0.3s;
}
#contents :where(a.badge).border-dgry,
#contents :where(a.chip).border-dgry {
  transition: 0.3s;
}
#contents :where(a.badge).border-lgry,
#contents :where(a.chip).border-lgry {
  transition: 0.3s;
}
#contents :where(a.badge).border-wht,
#contents :where(a.chip).border-wht {
  transition: 0.3s;
}
#contents :where(a.badge).border-lmain,
#contents :where(a.chip).border-lmain {
  transition: 0.3s;
}
#contents :where(a.badge).border-laccent,
#contents :where(a.chip).border-laccent {
  transition: 0.3s;
}
#contents :where(a.badge).border-lother,
#contents :where(a.chip).border-lother {
  transition: 0.3s;
}
#contents :where(.border-set) {
  border: var(--borderColumnColor) 1px solid;
}
#contents .border-none {
  border: none !important;
}
#contents .border-none-left {
  border-left: none !important;
}
#contents .border-none-sm-left {
  border-left: none !important;
}
#contents .border-none-md-left {
  border-left: none !important;
}
#contents .border-none-lg-left {
  border-left: none !important;
}
#contents .border-none-xl-left {
  border-left: none !important;
}
#contents .border-none-xxl-left {
  border-left: none !important;
}
#contents .border-none-right {
  border-right: none !important;
}
#contents .border-none-sm-right {
  border-right: none !important;
}
#contents .border-none-md-right {
  border-right: none !important;
}
#contents .border-none-lg-right {
  border-right: none !important;
}
#contents .border-none-xl-right {
  border-right: none !important;
}
#contents .border-none-xxl-right {
  border-right: none !important;
}
#contents .border-none-top {
  border-top: none !important;
}
#contents .border-none-sm-top {
  border-top: none !important;
}
#contents .border-none-md-top {
  border-top: none !important;
}
#contents .border-none-lg-top {
  border-top: none !important;
}
#contents .border-none-xl-top {
  border-top: none !important;
}
#contents .border-none-xxl-top {
  border-top: none !important;
}
#contents .border-none-bottom {
  border-bottom: none !important;
}
#contents .border-none-sm-bottom {
  border-bottom: none !important;
}
#contents .border-none-md-bottom {
  border-bottom: none !important;
}
#contents .border-none-lg-bottom {
  border-bottom: none !important;
}
#contents .border-none-xl-bottom {
  border-bottom: none !important;
}
#contents .border-none-xxl-bottom {
  border-bottom: none !important;
}
#contents :where(.l-card__item) {
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
}
#contents :where(.l-card__item)[class*=bg-],
#contents :where(.l-card__item)[class*=border] {
  overflow: hidden;
}
#contents :where(.l-card__item)[class*=bg-] .l-card__txtarea,
#contents :where(.l-card__item)[class*=border] .l-card__txtarea {
  padding: 0.8rem;
}
#contents :where(.l-card__item):has([class*=thumb]) :where(.l-card__txtarea):not([class*=order]) {
  padding-top: 1rem;
}
#contents :where(.l-card__item).flex-column .l-card__txtarea {
  padding-top: 0;
  padding-bottom: 0.7rem;
}
#contents .l-card__thumb[class*=order] {
  padding-top: 0.8rem;
}
#contents .l-card__thumb .thumb {
  max-height: 200px;
}
#contents .l-card__txtarea {
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}
#contents .l-card__txtarea.d-block {
  flex: unset;
}
#contents .l-card__txtarea > :where(*) ~ :where(*) {
  margin-top: 0.7rem;
}
#contents .l-card__txtarea[class*=order] {
  padding-top: 0;
}
#contents .l-card__txtarea:has(.l-card__btn) .l-card__inside {
  padding-bottom: 1.5rem;
}
#contents .l-card__txtarea a {
  transition: 0.3s;
}
#contents .l-card__inside > :where(*) ~ :where(*) {
  margin-top: 0.7rem;
}
#contents .l-card__btn {
  margin-top: auto;
}
#contents .l-card__badge {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  line-height: 0;
}
#contents .l-card__title {
  font-size: 1.25rem;
}
#contents .l-card__caption {
  line-height: 1.25;
  font-size: 0.875rem;
}
#contents .l-card__caption + :where(.l-card__title),
#contents .l-card__caption + :where(.l-title__outer) {
  margin-top: 0.5rem;
}
#contents .l-title__outer + .l-card__badge {
  margin-top: 0.5rem;
}
#contents a.l-card__item {
  transition: 0.3s;
}
#contents .bg-def {
  background-color: var(--DEF);
}
#contents .bg-def[class*=__btn] {
  border: var(--DEF) 2px solid;
  background-color: var(--DEF);
  color: var(--WHT);
  transition: 0.3s;
}
#contents .bg-main {
  background-color: var(--MAIN);
}
#contents .bg-main[class*=__btn] {
  border: var(--MAIN) 2px solid;
  background-color: var(--MAIN);
  color: var(--WHT);
  transition: 0.3s;
}
#contents .bg-accent {
  background-color: var(--ACC);
}
#contents .bg-accent[class*=__btn] {
  border: var(--ACC) 2px solid;
  background-color: var(--ACC);
  color: var(--WHT);
  transition: 0.3s;
}
#contents .bg-other {
  background-color: var(--OTH);
}
#contents .bg-other[class*=__btn] {
  border: var(--OTH) 2px solid;
  background-color: var(--OTH);
  color: var(--WHT);
  transition: 0.3s;
}
#contents .bg-link {
  background-color: var(--LINK);
}
#contents .bg-link[class*=__btn] {
  border: var(--LINK) 2px solid;
  background-color: var(--LINK);
  color: var(--WHT);
  transition: 0.3s;
}
#contents .bg-gry {
  background-color: var(--GRY);
}
#contents .bg-gry[class*=__btn] {
  border: var(--GRY) 2px solid;
  background-color: var(--GRY);
  color: var(--DEF);
  transition: 0.3s;
}
#contents .bg-dgry {
  background-color: var(--DGRY);
}
#contents .bg-dgry[class*=__btn] {
  border: var(--DGRY) 2px solid;
  background-color: var(--DGRY);
  color: var(--DGRY);
  transition: 0.3s;
}
#contents .bg-lgry {
  background-color: var(--LGRY);
}
#contents .bg-lgry[class*=__btn] {
  border: var(--LGRY) 2px solid;
  background-color: var(--LGRY);
  color: var(--DEF);
  transition: 0.3s;
}
#contents .bg-wht {
  background-color: var(--WHT);
}
#contents .bg-wht[class*=__btn] {
  border: var(--MAIN) 2px solid;
  background-color: var(--WHT);
  color: var(--MAIN);
  transition: 0.3s;
}
#contents .bg-lmain {
  background-color: var(--LMAIN);
}
#contents .bg-lmain[class*=__btn] {
  border: var(--LMAIN) 2px solid;
  background-color: var(--LMAIN);
  color: var(--MAIN);
  transition: 0.3s;
}
#contents .bg-laccent {
  background-color: var(--LACC);
}
#contents .bg-laccent[class*=__btn] {
  border: var(--LACC) 2px solid;
  background-color: var(--LACC);
  color: var(--ACC);
  transition: 0.3s;
}
#contents .bg-lother {
  background-color: var(--LOTH);
}
#contents .bg-lother[class*=__btn] {
  border: var(--LOTH) 2px solid;
  background-color: var(--LOTH);
  color: var(--OTH);
  transition: 0.3s;
}
#contents :where(.bg-shadow) {
  background-color: var(--WHT);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
#contents .text-def {
  color: var(--DEF) !important;
}
#contents .text-def a {
  color: var(--DEF) !important;
}
#contents .text-main {
  color: var(--MAIN) !important;
}
#contents .text-main a {
  color: var(--MAIN) !important;
}
#contents .text-accent {
  color: var(--ACC) !important;
}
#contents .text-accent a {
  color: var(--ACC) !important;
}
#contents .text-other {
  color: var(--OTH) !important;
}
#contents .text-other a {
  color: var(--OTH) !important;
}
#contents .text-link {
  color: var(--LINK) !important;
}
#contents .text-link a {
  color: var(--LINK) !important;
}
#contents .text-gry {
  color: var(--GRY) !important;
}
#contents .text-gry a {
  color: var(--GRY) !important;
}
#contents .text-dgry {
  color: var(--DGRY) !important;
}
#contents .text-dgry a {
  color: var(--DGRY) !important;
}
#contents .text-lgry {
  color: var(--LGRY) !important;
}
#contents .text-lgry a {
  color: var(--LGRY) !important;
}
#contents .text-wht {
  color: var(--WHT) !important;
}
#contents .text-wht a {
  color: var(--WHT) !important;
}
#contents .text-lmain {
  color: var(--LMAIN) !important;
}
#contents .text-lmain a {
  color: var(--LMAIN) !important;
}
#contents .text-laccent {
  color: var(--LACC) !important;
}
#contents .text-laccent a {
  color: var(--LACC) !important;
}
#contents .text-lother {
  color: var(--LOTH) !important;
}
#contents .text-lother a {
  color: var(--LOTH) !important;
}
#contents .text-hover-def {
  transition: 0.3s;
}
#contents .text-hover-main {
  transition: 0.3s;
}
#contents .text-hover-accent {
  transition: 0.3s;
}
#contents .text-hover-other {
  transition: 0.3s;
}
#contents .text-hover-link {
  transition: 0.3s;
}
#contents .text-hover-gry {
  transition: 0.3s;
}
#contents .text-hover-dgry {
  transition: 0.3s;
}
#contents .text-hover-lgry {
  transition: 0.3s;
}
#contents .text-hover-wht {
  transition: 0.3s;
}
#contents .text-hover-lmain {
  transition: 0.3s;
}
#contents .text-hover-laccent {
  transition: 0.3s;
}
#contents .text-hover-lother {
  transition: 0.3s;
}
#contents :where([class*=border-]:not([class*=border-none-])) {
  border-style: solid;
  border-width: 1px;
}
#contents .border-def {
  border-color: var(--DEF);
}
#contents .border-def[class*=__btn] {
  border: var(--DEF) 2px solid;
  background-color: var(--DEF);
  color: var(--WHT);
  transition: 0.3s;
}
#contents .border-def[class*=__btn].bg-wht {
  border: var(--DEF) 2px solid;
  background-color: var(--WHT);
  color: var(--DEF);
  transition: 0.3s;
}
#contents .border-main {
  border-color: var(--MAIN);
}
#contents .border-main[class*=__btn] {
  border: var(--MAIN) 2px solid;
  background-color: var(--MAIN);
  color: var(--WHT);
  transition: 0.3s;
}
#contents .border-main[class*=__btn].bg-wht {
  border: var(--MAIN) 2px solid;
  background-color: var(--WHT);
  color: var(--MAIN);
  transition: 0.3s;
}
#contents .border-accent {
  border-color: var(--ACC);
}
#contents .border-accent[class*=__btn] {
  border: var(--ACC) 2px solid;
  background-color: var(--ACC);
  color: var(--WHT);
  transition: 0.3s;
}
#contents .border-accent[class*=__btn].bg-wht {
  border: var(--ACC) 2px solid;
  background-color: var(--WHT);
  color: var(--ACC);
  transition: 0.3s;
}
#contents .border-other {
  border-color: var(--OTH);
}
#contents .border-other[class*=__btn] {
  border: var(--OTH) 2px solid;
  background-color: var(--OTH);
  color: var(--WHT);
  transition: 0.3s;
}
#contents .border-other[class*=__btn].bg-wht {
  border: var(--OTH) 2px solid;
  background-color: var(--WHT);
  color: var(--OTH);
  transition: 0.3s;
}
#contents .border-link {
  border-color: var(--LINK);
}
#contents .border-link[class*=__btn] {
  border: var(--LINK) 2px solid;
  background-color: var(--LINK);
  color: var(--WHT);
  transition: 0.3s;
}
#contents .border-link[class*=__btn].bg-wht {
  border: var(--LINK) 2px solid;
  background-color: var(--WHT);
  color: var(--LINK);
  transition: 0.3s;
}
#contents .border-gry {
  border-color: var(--GRY);
}
#contents .border-gry[class*=__btn] {
  border: var(--GRY) 2px solid;
  background-color: var(--GRY);
  color: var(--DEF);
  transition: 0.3s;
}
#contents .border-gry[class*=__btn].bg-wht {
  border: var(--GRY) 2px solid;
  background-color: var(--WHT);
  color: var(--DEF);
  transition: 0.3s;
}
#contents .border-dgry {
  border-color: var(--DGRY);
}
#contents .border-dgry[class*=__btn] {
  border: var(--DGRY) 2px solid;
  background-color: var(--DGRY);
  color: var(--DGRY);
  transition: 0.3s;
}
#contents .border-dgry[class*=__btn].bg-wht {
  border: var(--DGRY) 2px solid;
  background-color: var(--WHT);
  color: var(--DEF);
  transition: 0.3s;
}
#contents .border-lgry {
  border-color: var(--LGRY);
}
#contents .border-lgry[class*=__btn] {
  border: var(--LGRY) 2px solid;
  background-color: var(--LGRY);
  color: var(--DEF);
  transition: 0.3s;
}
#contents .border-lgry[class*=__btn].bg-wht {
  border: var(--GRY) 2px solid;
  background-color: var(--WHT);
  color: var(--DEF);
  transition: 0.3s;
}
#contents .border-wht {
  border-color: var(--WHT);
}
#contents .border-wht[class*=__btn] {
  border: var(--MAIN) 2px solid;
  background-color: var(--WHT);
  color: var(--MAIN);
  transition: 0.3s;
}
#contents .border-wht[class*=__btn].bg-wht {
  border: var(--MAIN) 2px solid;
  background-color: var(--WHT);
  color: var(--MAIN);
  transition: 0.3s;
}
#contents .border-lmain {
  border-color: var(--LMAIN);
}
#contents .border-lmain[class*=__btn] {
  border: var(--LMAIN) 2px solid;
  background-color: var(--LMAIN);
  color: var(--MAIN);
  transition: 0.3s;
}
#contents .border-lmain[class*=__btn].bg-wht {
  border: var(--MAIN) 2px solid;
  background-color: var(--WHT);
  color: var(--MAIN);
  transition: 0.3s;
}
#contents .border-laccent {
  border-color: var(--LACC);
}
#contents .border-laccent[class*=__btn] {
  border: var(--LACC) 2px solid;
  background-color: var(--LACC);
  color: var(--ACC);
  transition: 0.3s;
}
#contents .border-laccent[class*=__btn].bg-wht {
  border: var(--ACC) 2px solid;
  background-color: var(--WHT);
  color: var(--ACC);
  transition: 0.3s;
}
#contents .border-lother {
  border-color: var(--LOTH);
}
#contents .border-lother[class*=__btn] {
  border: var(--LOTH) 2px solid;
  background-color: var(--LOTH);
  color: var(--OTH);
  transition: 0.3s;
}
#contents .border-lother[class*=__btn].bg-wht {
  border: var(--OTH) 2px solid;
  background-color: var(--WHT);
  color: var(--OTH);
  transition: 0.3s;
}
#contents .l-colgrid__outer {
  display: grid;
  -moz-column-gap: 0.625rem;
  column-gap: 0.625rem;
  row-gap: 1.875rem;
}
#contents .l-colgrid__outer > :where(*) {
  margin-top: unset;
  width: 100%;
}
#contents .l-colgrid__outer:where([class*=row-cols-1]) {
  grid-template-columns: repeat(1, minmax(auto, 1fr));
}
#contents .l-colgrid__outer:where([class*=row-cols-2]) {
  grid-template-columns: repeat(2, minmax(auto, 1fr));
}
#contents .l-colgrid__outer:where([class*=row-cols-3]) {
  grid-template-columns: repeat(3, minmax(auto, 1fr));
}
#contents .l-colgrid__outer:where([class*=row-cols-4]) {
  grid-template-columns: repeat(4, minmax(auto, 1fr));
}
#contents .l-colgrid__outer:where([class*=row-cols-5]) {
  grid-template-columns: repeat(5, minmax(auto, 1fr));
}
#contents .l-colgrid__outer:where([class*=row-cols-6]) {
  grid-template-columns: repeat(6, minmax(auto, 1fr));
}
#contents .l-colgrid__outer > :where([class*=__item]) {
  display: grid;
  grid-template-rows: subgrid;
  gap: 10px;
  line-height: 1.5;
}
#contents .l-colgrid__outer:where([data-subgrid="1"]) > :where([class*=__item]) {
  grid-row: span 1;
}
#contents .l-colgrid__outer:where([data-subgrid="2"]) > :where([class*=__item]) {
  grid-row: span 2;
}
#contents .l-colgrid__outer:where([data-subgrid="3"]) > :where([class*=__item]) {
  grid-row: span 3;
}
#contents .l-colgrid__outer:where([data-subgrid="4"]) > :where([class*=__item]) {
  grid-row: span 4;
}
#contents .l-colgrid__outer:where([data-subgrid="5"]) > :where([class*=__item]) {
  grid-row: span 5;
}
#contents .l-colgrid__outer:where([data-subgrid="6"]) > :where([class*=__item]) {
  grid-row: span 6;
}
#contents .l-colgrid__outer > :where(*) > :where([class*=__title]) {
  line-height: 1.3;
  align-items: flex-start;
}
#contents .l-colgrid__outer > :where(*) > :where([class*=__thumb]) {
  margin-top: unset;
}
#contents .l-colgrid__outer > :where(*) > :where([class*=__btn]) {
  padding-top: 30px;
}
#contents .l-horizon__row[class*=bg-],
#contents .l-horizon__row[class*=border-] {
  margin: 0;
}
#contents .l-horizon__row[class*=bg-] > .l-horizon__col,
#contents .l-horizon__row[class*=border-] > .l-horizon__col {
  margin: 0;
  padding: 0;
}
#contents .l-horizon__row[class*=bg-] > .l-horizon__col .l-card__txtarea,
#contents .l-horizon__row[class*=border-] > .l-horizon__col .l-card__txtarea {
  padding: 0.8rem;
}
#contents .l-horizon__row[class*=bg-] > .l-horizon__col :where(.thumb),
#contents .l-horizon__row[class*=bg-] > .l-horizon__col :where([class*=__thumb]) {
  border-radius: unset;
}
#contents .l-horizon__row[class*=border-] > .l-horizon__col .l-card__thumb {
  padding: 0.8rem 0.8rem 0;
}
#contents .l-wide__outer {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
#contents .l-wide__outer.container {
  max-width: unset !important;
  width: unset !important;
}
#contents .l-wide__outer.--full {
  padding-left: 0;
  padding-right: 0;
}
#contents .l-wide__outer.--full.thumb,
#contents .l-wide__outer.--full > img {
  border-radius: unset;
}
#contents .--fill-box .l-wide__outer {
  margin-left: -10px;
  margin-right: -10px;
  width: calc(100% + 20px);
}
#contents .l-wide__outer + .l-wide__outer:not(.--margin) {
  margin-top: 0;
}
#contents #dcms_layoutPageBlock > :where(:has(.l-wide__outer)) + :where(:not([class*=l-wrr]):has(.l-wide__outer:not(.l-cnt-007):not(.l-cnt-006))) {
  margin-top: 0;
}
#contents #dcms_layoutPageBlock > .l-wide__outer:last-child,
#contents #dcms_layoutPageBlock > :last-child:has(.l-fv__outer) .l-wide__outer,
#contents #dcms_layoutPageBlock > :last-child:has(.l-wide__outer) > .l-wide__outer:not(.l-cnt-006):not(.l-cnt-007):last-child {
  margin-bottom: -100px;
}
#contents #dcms_layoutPageBlock > .l-wide__outer:last-child:has(.l-cnt-ride__outer) {
  margin-bottom: unset;
}
#contents :where(#wrapper):where([style*="--scroll"]) .--fill-box .l-wide__outer {
  margin-left: -10px;
  margin-right: -10px;
  width: calc(100% + 20px);
  padding-left: 10px;
  padding-right: 10px;
}
#contents #wrapper {
  overflow: clip;
  min-height: 100vh;
  line-height: 1.75;
  padding-top: 60px;
  display: flex;
  flex-direction: column;
}
#contents .container {
  margin-top: 4.5rem;
}
#contents .container:where(.--min) {
  margin-top: 1.5rem;
}
#contents .container:where(.--mdl) {
  margin-top: 3rem;
}
#contents .container.--ss {
  margin-top: 10px;
}
#contents .container:first-child {
  margin-top: 0;
}
#contents .container :where(.container:not(.l-wide__outer)) {
  padding: 0;
}
#contents .l-header__outer + .container,
#contents .sr-only + .container {
  margin-top: 0 !important;
}
#contents :where(.wrap) {
  width: 100%;
  max-width: calc(1120px + 1.5rem);
  margin: 0 auto;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
#contents + .container,
#contents .l-fixed__bnr + .container,
#contents .sr-only + .container {
  margin-top: 0 !important;
}
#contents .l-column__side:not(.media-column__side) {
  display: none;
  background-color: var(--LGRY);
  padding: 3rem 0;
}
#contents .l-column__side:not(.media-column__side):has(.wrap) {
  display: block;
}
#contents .l-column__outer .l-column__side {
  margin-top: 100px;
}
#contents .l-column__outer .l-column__side.media-column__side {
  margin-top: 3rem;
}
#contents .l-column__btm:empty {
  display: none;
}
#contents .--fill {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}
#contents .--fill:where(.--min) {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
#contents .--fill:where(.--mdl) {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
#contents .--fill-box {
  padding: 30px 10px;
}
#contents .fs-h1 {
  font-size: 1.875rem;
  line-height: 1.25;
}
#contents .fs-h2 {
  font-size: 1.5rem;
  line-height: 1.25;
}
#contents .fs-h3 {
  font-size: 1.375rem;
  line-height: 1.25;
}
#contents .fs-h4 {
  font-size: 1.25rem;
  line-height: 1.25;
}
#contents .fs-h5 {
  font-size: 1.125rem;
  line-height: 1.25;
}
#contents .fs-h6 {
  font-size: 1rem;
  line-height: 1.25;
}
#contents .fs-10 {
  font-size: 0.625rem;
}
#contents .fs-12 {
  font-size: 0.75rem;
}
#contents .fs-14 {
  font-size: 0.875rem;
}
#contents .fs-16 {
  font-size: 1rem;
}
#contents .fs-18 {
  font-size: 1.125rem;
}
#contents .fs-20 {
  font-size: 1.25rem;
}
#contents .fs-22 {
  font-size: 1.375rem;
}
#contents .fs-24 {
  font-size: 1.5rem;
}
#contents .fs-26 {
  font-size: 1.625rem;
}
#contents .fs-28 {
  font-size: 1.75rem;
}
#contents .fs-30 {
  font-size: 1.875rem;
}
#contents .fs-32 {
  font-size: 2rem;
}
#contents .fs-34 {
  font-size: 2.125rem;
}
#contents .fs-36 {
  font-size: 2.25rem;
}
#contents .fs-38 {
  font-size: 2.375rem;
}
#contents .fs-40 {
  font-size: 2.5rem;
}
#contents .lh-unset {
  line-height: 0;
}
#contents [style*="10pt"],
#contents [style*="8pt"] {
  font-size: 0.625rem !important;
}
#contents [style*="12pt"] {
  font-size: 0.75rem !important;
}
#contents [style*="14pt"] {
  font-size: 0.875rem !important;
}
#contents [style*="18pt"] {
  font-size: 1.125rem !important;
}
#contents [style*="24pt"] {
  font-size: 1.25rem !important;
}
#contents [style*="36pt"] {
  font-size: 1.5rem !important;
}
#contents .l-ec__row {
  display: flex;
  flex-direction: column-reverse;
  gap: 15px;
}
#contents .l-ec__details {
  display: flex;
  flex-wrap: wrap;
}
#contents .l-ec__details > dd,
#contents .l-ec__details > dt {
  border-bottom: var(--GRY) 1px solid;
  padding: 10px;
  min-height: 60px;
  flex-wrap: wrap;
  align-items: center;
}
#contents .l-ec__details > dt {
  width: 8em;
  padding-top: 1.025em;
}
#contents .l-ec__details > dt.l-error__area + dd {
  background-color: #fdedf5;
}
#contents .l-ec__details > dd {
  display: flex;
  width: calc(100% - 8em);
}
#contents .l-ec__details > dd .l-form__select {
  width: 100px;
  margin-right: 10px;
}
#contents .l-ec__thumb .thumb {
  display: block;
  max-width: 300px;
  margin: 0 auto;
}
#contents fieldset,
#contents fieldset > legend {
  display: contents;
}
#contents .l-form-flow__outer {
  text-align: center;
}
#contents .l-form-flow__list {
  display: flex;
  gap: 5px 15px;
}
#contents .l-form-flow__list > li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  background-color: var(--LGRY);
  width: 33.3333333333%;
  text-align: center;
  line-height: 1.25;
  padding: 5px;
  min-height: 50px;
}
#contents .l-form-flow__list > li[aria-current=step] {
  background-color: var(--MAIN);
  color: var(--WHT);
}
#contents .l-form-flow__list > li ~ li {
  position: relative;
}
#contents .l-form-flow__list > li ~ li:before {
  content: "\ea01";
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: -12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.75rem;
  color: var(--MAIN);
}
#contents .l-form__intro {
  width: 100%;
}
#contents .l-form__intro:empty {
  display: none;
}
#contents .l-form__main {
  display: flex;
  flex-wrap: wrap;
}
#contents .l-form__item {
  width: 100%;
  border-bottom: var(--GRY) 1px solid;
  padding: 15px 10px;
}
#contents .l-form__item:first-child {
  border-top: var(--GRY) 1px solid;
}
#contents .l-form__item .is-required {
  background-color: var(--RED);
  color: var(--WHT);
  font-size: 0.75rem;
  display: inline-block;
  padding: 8px 10px;
  line-height: 1;
  margin-left: 10px;
  white-space: nowrap;
}
#contents .l-form__item:has([class*=zip]) > fieldset > .l-form__input {
  border: var(--LGRY) 1px solid;
  margin-top: 10px;
  width: 100%;
  padding: 10px;
  position: relative;
}
#contents .l-form__item:has([class*=zip]) > fieldset > .l-form__input > .l-form__address:first-child .l-form__title {
  padding-top: 0;
}
#contents .l-form__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1.25;
  font-weight: 700;
  padding: 10px;
  margin: -15px -10px 10px;
  background-color: var(--LGRY);
}
#contents .l-form__input {
  width: 100%;
  padding-top: 5px;
}
#contents .l-form__input .l-form__input,
#contents .l-form__input .l-form__title {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
#contents .l-form__input:has(input[type=date]) {
  position: relative;
}
#contents .l-form__input:has(input[type=date]):before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea17";
  display: block;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: calc(100% - 35px);
  top: 10px;
  font-size: 1.5rem;
}
@-moz-document url-prefix() {
  #contents .l-form__input:has(input[type=date]):before {
    display: none;
  }
}
#contents .l-form__input input[type=date] {
  background: unset;
  position: relative;
  z-index: 1;
}
#contents .l-form__input input[type=date]::-webkit-calendar-picker-indicator {
  background-image: none;
}
#contents .l-form__input input[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
#contents .l-form__input input[type=date]::-webkit-clear-button {
  -webkit-appearance: none;
}
#contents .l-form__input:has(.l-form__name) {
  display: flex;
  flex-wrap: wrap;
}
#contents .l-form__input:has(.l-form__name) .l-form__name {
  display: flex;
  width: 48%;
  align-items: center;
}
#contents .l-form__input:has(.l-form__name) .l-form__name + .l-form__name {
  margin-left: auto;
}
#contents .l-form__input:has(.l-form__name) .l-form__label {
  width: 1.8em;
}
#contents .--kana .l-form__input:has(.l-form__name) .l-form__label {
  width: 3.4em;
}
#contents .l-form__horizon {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 5px 1.5rem;
  align-items: center;
  min-height: 40px;
}
#contents .--confirm .l-form__horizon {
  min-height: unset;
  gap: 5px 0;
}
#contents .--confirm .l-form__horizon li:after {
  content: "/";
  margin: 0 0.5rem;
}
#contents .--confirm .l-form__horizon li:last-child:after {
  display: none;
}
#contents .l-form__address .l-form__title {
  padding: 0;
  background-color: unset;
  margin: 0 0 10px;
}
#contents .l-form__address:has([class*=zip]) .l-form__input {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#contents .l-form__address:has([class*=zip]) .l-form__input > label {
  width: calc(50% - 1rem);
}
#contents .l-form__address + .l-form__address {
  margin-top: 15px;
}
#contents textarea.l-form__low {
  min-height: 5em;
}
#contents textarea.l-form__height {
  min-height: 15em;
}
#contents .l-example__text {
  margin-top: 5px;
  width: 100%;
}
#contents .l-example__text:empty {
  display: none;
}
#contents .l-error__area {
  background-color: #fdedf5;
}
#contents .l-error__area > * {
  background-color: #fdedf5;
}
#contents .l-error__area .l-form__title {
  color: var(--RED);
}
#contents .l-error__area .l-input__file,
#contents .l-error__area input:not([aria-describedby=building]),
#contents .l-error__area select,
#contents .l-error__area textarea {
  border-color: var(--RED);
}
#contents .l-error__txt {
  color: var(--RED);
  width: 100%;
  line-height: 1.25;
  margin-top: 5px;
}
@keyframes ball-pulse-sync {
  33% {
    transform: translateY(10px);
  }
  66% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
#contents .lorder {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 25%;
  max-width: 25%;
  height: 100vh;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
#contents .lorder-iiner > div:nth-child(1) {
  animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
}
#contents .lorder-iiner > div:nth-child(2) {
  animation: ball-pulse-sync 0.6s -70ms infinite ease-in-out;
}
#contents .lorder-iiner > div:nth-child(3) {
  animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
}
#contents .lorder-iiner > div {
  background-color: var(--MAIN);
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  animation-fill-mode: both;
  display: inline-block;
}
#contents button,
#contents input[type=button],
#contents input[type=checkbox],
#contents input[type=radio],
#contents input[type=submit],
#contents label,
#contents select {
  cursor: pointer;
}
#contents :where(button),
#contents :where(input[type=button]),
#contents :where(input[type=submit]),
#contents :where(select) {
  font-size: 1rem;
}
#contents :where(button),
#contents :where(input[type=date]),
#contents :where(input[type=email]),
#contents :where(input[type=number]),
#contents :where(input[type=password]),
#contents :where(input[type=search]),
#contents :where(input[type=submit]),
#contents :where(input[type=tel]),
#contents :where(input[type=text]),
#contents :where(textarea) {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: var(--fntBase);
  color: var(--DEF);
}
#contents :where(input[type=date]),
#contents :where(input[type=email]),
#contents :where(input[type=number]),
#contents :where(input[type=password]),
#contents :where(input[type=search]),
#contents :where(input[type=tel]),
#contents :where(input[type=text]),
#contents :where(select),
#contents :where(textarea) {
  width: 100%;
  padding: 5px 8px;
  font-size: 1rem;
  border: var(--GRY) 1px solid;
  line-height: 1.3;
  background-color: var(--WHT);
  color: var(--DEF);
  height: 40px;
  text-align: left;
  -webkit-appearance: none;
  border-radius: unset;
}
#contents :where(input[type=date]):focus,
#contents :where(input[type=email]):focus,
#contents :where(input[type=number]):focus,
#contents :where(input[type=password]):focus,
#contents :where(input[type=search]):focus,
#contents :where(input[type=tel]):focus,
#contents :where(input[type=text]):focus,
#contents :where(select):focus,
#contents :where(textarea):focus {
  border-color: var(--MAIN);
  background-color: var(--WHT);
}
#contents :where(input[type=date]):disabled,
#contents :where(input[type=email]):disabled,
#contents :where(input[type=number]):disabled,
#contents :where(input[type=password]):disabled,
#contents :where(input[type=search]):disabled,
#contents :where(input[type=tel]):disabled,
#contents :where(input[type=text]):disabled,
#contents :where(select):disabled,
#contents :where(textarea):disabled {
  border-color: #ddd;
  background-color: #f5f5f5;
}
#contents :where(input[type=date]).error,
#contents :where(input[type=email]).error,
#contents :where(input[type=number]).error,
#contents :where(input[type=password]).error,
#contents :where(input[type=search]).error,
#contents :where(input[type=tel]).error,
#contents :where(input[type=text]).error,
#contents :where(select).error,
#contents :where(textarea).error {
  border-color: #c00;
  background-color: #fff8f8;
}
#contents :where(input[type=button]),
#contents :where(input[type=submit]) {
  border: var(--MAIN) 2px solid;
  background-color: var(--MAIN);
  color: var(--WHT);
  transition: 0.3s;
}
#contents label {
  line-height: 1.25;
}
#contents label.error {
  display: block;
  margin-top: 5px;
  color: #c00;
}
#contents :where(textarea) {
  resize: vertical !important;
  min-height: 8em;
}
#contents ::-moz-placeholder {
  color: var(--DGRY);
}
#contents ::placeholder {
  color: var(--DGRY);
}
#contents :where(select) {
  cursor: pointer;
}
#contents :where(select)[disabled] {
  pointer-events: none;
}
#contents :where(input[type=number]) {
  -moz-appearance: textfield;
}
#contents :where(input[type=number])::-webkit-inner-spin-button,
#contents :where(input[type=number])::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
  -moz-appearance: textfield;
}
#contents ::-webkit-full-page-media,
#contents :future,
#contents :root input[type=date] {
  color: #eee;
}
#contents ::-webkit-full-page-media,
#contents :future,
#contents :root input[type=date]::-webkit-date-and-time-value {
  color: var(--DEF);
}
#contents ::-webkit-full-page-media,
#contents :future,
#contents :root input[type=date]::-webkit-datetime-edit-day-field,
#contents :root input[type=date]::-webkit-datetime-edit-month-field,
#contents :root input[type=date]::-webkit-datetime-edit-year-field {
  color: var(--DEF);
}
#contents ::-webkit-full-page-media,
#contents :future,
#contents :root input[type=date]::-webkit-datetime-edit-text {
  color: var(--DEF);
  margin: 0 3px;
  font-size: 0.75rem;
}
#contents :where([class*=l-]) :where(input[type=date]) {
  padding: 0;
  padding-left: 8px;
  padding-right: 4px;
}
#contents :where([class*=l-]) :where(input[type=date])::-webkit-calendar-picker-indicator {
  cursor: pointer;
  width: 30px;
  height: 30px;
  background-size: 20px 20px;
  background-position: right center;
}
#contents :where([class*=l-]) :where(input[type=checkbox]),
#contents :where([class*=l-]) :where(input[type=radio]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  top: -0.2em;
  height: 20px;
  width: 20px;
  transition: all 0.15s ease-out 0s;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-bottom: -0.4rem;
  margin-right: 5px;
  outline: 0;
  border: var(--MAIN) 1px solid;
  background-color: #fff;
  border-radius: 3px;
}
#contents :where([class*=l-]) :where(input[type=checkbox]):focus,
#contents :where([class*=l-]) :where(input[type=radio]):focus {
  background-color: var(--LMAIN);
  transform: scale(1.2);
}
#contents :where([class*=l-]) label:has(input[type=checkbox]:focus),
#contents :where([class*=l-]) label:has(input[type=radio]:focus) {
  text-decoration: underline;
}
#contents :where([class*=l-]) :where(input[type=checkbox]):after,
#contents :where([class*=l-]) :where(input[type=checkbox]):before {
  position: absolute;
  content: "";
  background-color: #fff;
  transition: all 0.1s ease-in-out;
}
#contents :where([class*=l-]) :where(input[type=checkbox]):before {
  left: 2px;
  top: 9px;
  width: 0;
  height: 3px;
  transform: rotate(45deg);
}
#contents :where([class*=l-]) :where(input[type=checkbox]):after {
  right: 9px;
  bottom: 4px;
  width: 3px;
  height: 0;
  transform: rotate(40deg);
  transition-delay: 0.1s;
}
#contents :where([class*=l-]) :where(input[type=checkbox]):checked {
  background-color: var(--MAIN);
}
#contents :where([class*=l-]) :where(input[type=checkbox]):checked:before {
  left: 2px;
  top: 9px;
  width: 6px;
  height: 3px;
}
#contents :where([class*=l-]) :where(input[type=checkbox]):checked:after {
  right: 5px;
  bottom: 2px;
  width: 3px;
  height: 14px;
}
#contents :where([class*=l-]) :where(input[type=checkbox]):indeterminate:after,
#contents :where([class*=l-]) :where(input[type=checkbox]):indeterminate:before {
  width: 7px;
  height: 2px;
  transform: rotate(0);
}
#contents :where([class*=l-]) :where(input[type=checkbox]):indeterminate:before {
  left: 1px;
  top: 7px;
}
#contents :where([class*=l-]) :where(input[type=checkbox]):indeterminate:after {
  right: 1px;
  bottom: 7px;
}
#contents :where([class*=l-]) :where(input[type=radio]) {
  border-radius: 50%;
}
#contents :where([class*=l-]) :where(input[type=radio]):checked:before {
  transform: scale(1);
}
#contents :where([class*=l-]) :where(input[type=radio]):before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin: 3px;
  transform: scale(0);
  transition: all ease-out 0.1s;
  background-color: var(--MAIN);
}
#contents .l-form__select {
  border: var(--GRY) 1px solid;
  background-color: var(--WHT);
  position: relative;
}
#contents .l-form__select:after {
  content: "\ea01";
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  right: 10px;
  top: 55%;
  position: absolute;
  font-size: 0.625rem;
  color: var(--MAIN);
  transform: translateY(-50%) rotate(90deg);
}
#contents .l-error__area .l-form__select {
  border-color: var(--RED);
}
#contents .l-form__select select {
  margin: 0 !important;
  border-radius: unset;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 10px 30px 10px 8px;
  background: 0 0 !important;
  position: relative;
  z-index: 2;
  border-color: rgba(255, 255, 255, 0);
  max-width: none;
  width: 100%;
}
#contents .l-form__select select:focus {
  background: unset;
  border-color: var(--MAIN);
}
#contents .l-form__select.is-disabled {
  pointer-events: none;
  background-color: var(--GRY);
}
#contents .l-form__select.is-disabled:after {
  color: #666;
}
#contents .l-input__file {
  display: flex;
  align-items: center;
  border: var(--GRY) 1px solid;
  background-color: var(--WHT);
}
#contents .l-input__file input[type=file] {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 1px !important;
  overflow: hidden !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  z-index: -2 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
}
#contents .l-input__file-label {
  font-size: 0.8125rem;
  height: 40px;
  width: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--MAIN);
  cursor: pointer;
  display: flex;
  color: #fff;
  border: var(--MAIN) 1px solid;
  transition: 0.3s;
}
#contents .l-input__file-label:has(input[type=file]:focus) {
  background-color: var(--WHT);
  color: var(--MAIN);
}
#contents .l-input__file-name {
  flex: 1;
  padding: 5px 10px;
  font-size: 0.8125rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#contents .l-input__file-name:not(.is-selected) {
  color: var(--D-GRY);
}
#contents .l-gallery__outer {
  display: flex;
  flex-direction: column;
  position: relative;
  position: relative;
}
#contents .l-gallery__outer .swiper-button-next,
#contents .l-gallery__outer .swiper-button-prev {
  display: none;
}
#contents .l-gallery__outer.is-arrow {
  padding: 0 10px;
}
#contents .l-gallery__outer.is-arrow .l-gallery__main {
  margin: 0 -10px;
}
#contents .l-gallery__outer.is-arrow .l-gallery__thumb {
  padding: 0 9px;
}
#contents .l-gallery__thumb {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
  margin-top: 10px;
  border-radius: unset !important;
}
#contents .l-gallery__item {
  width: calc(20% - 10px);
}
#contents .l-gallery__item.swiper-slide-thumb-active .l-gallery__btn {
  pointer-events: none;
}
#contents .l-gallery__item.swiper-slide-thumb-active .l-gallery__btn:before {
  opacity: 1;
}
#contents .l-gallery__main {
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  border: var(--GRY) 1px solid;
  padding: 10px;
}
#contents .l-gallery__main .swiper-slide {
  width: 100%;
  background: #fff;
  height: 200px;
}
#contents .l-gallery__main .swiper-slide img {
  width: 100%;
  height: 100%;
}
#contents .l-gallery__main .swiper-slide img {
  -o-object-fit: contain;
  object-fit: contain;
}
#contents [data-id=editor] .l-gallery__main .swiper-wrapper,
#contents body.dcms_editor .l-gallery__main .swiper-wrapper,
#contents body.page_mainimage .l-gallery__main .swiper-wrapper,
#contents html.is-editor .l-gallery__main .swiper-wrapper {
  animation: none !important;
  transition: none !important;
  opacity: 1 !important;
  transform: none !important;
  display: flex;
  flex-wrap: wrap;
  gap: 20;
}
#contents [data-id=editor] .l-gallery__main .swiper-wrapper > *,
#contents body.dcms_editor .l-gallery__main .swiper-wrapper > *,
#contents body.page_mainimage .l-gallery__main .swiper-wrapper > *,
#contents html.is-editor .l-gallery__main .swiper-wrapper > * {
  width: calc(33.3333333333% - 20px) !important;
  height: unset !important;
  transform: unset !important;
  opacity: unset !important;
}
#contents .l-gallery__btn {
  width: 100%;
  line-height: 0;
  position: relative;
  border: var(--GRY) 1px solid;
  height: 40px;
  overflow: hidden;
  transition: 0.3s;
}
#contents .l-gallery__btn img {
  width: 100%;
  height: 100%;
}
#contents .l-gallery__btn img {
  -o-object-fit: contain;
  object-fit: contain;
}
#contents .l-gallery__btn img {
  transition: 0.3s;
}
#contents .l-gallery__btn:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border: var(--MAIN) 2px solid;
  box-shadow: 0 0 0 2px #fff inset;
  opacity: 0;
}
#contents .l-gallery__arr {
  width: 30px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: unset;
  bottom: 0;
  margin: 0;
  transition: 0.3s;
}
#contents .l-gallery__arr:after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  content: "\ea01";
  position: static;
  font-size: 0.9375rem;
  color: var(--DEF);
  padding-top: 0.2em;
  transition: 0.3s;
}
#contents .l-gallery__prev {
  left: -10px;
  transform: rotate(180deg);
  transition: 0.3s;
}
#contents .l-gallery__next {
  right: -10px;
  transition: 0.3s;
}
#contents .l-gallery__autoplay {
  width: 34px;
  height: 34px;
  position: absolute;
  padding: 2px;
  bottom: 52px;
  right: 2px;
  background: #fff;
  z-index: 3;
}
#contents .l-sld-003__gallery .l-gallery__autoplay {
  bottom: 62px;
}
#contents .l-gallery__start,
#contents .l-gallery__stop {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 2px;
  bottom: 2px;
  border: var(--MAIN) 1px solid;
}
#contents .l-gallery__start.is-select,
#contents .l-gallery__stop.is-select {
  display: none;
}
#contents :where([class*=ico-]) {
  display: inline-flex;
  align-items: center;
  line-height: 1.5;
}
#contents :where([class*=ico-]).align-items-start:before {
  margin-top: 0.35em;
}
#contents :where([class*=ico-]).before-def:before {
  color: var(--DEF);
}
#contents :where([class*=ico-]).before-main:before {
  color: var(--MAIN);
}
#contents :where([class*=ico-]).before-accent:before {
  color: var(--ACC);
}
#contents :where([class*=ico-]).before-other:before {
  color: var(--OTH);
}
#contents :where([class*=ico-]).before-link:before {
  color: var(--LINK);
}
#contents :where([class*=ico-]).before-gry:before {
  color: var(--GRY);
}
#contents :where([class*=ico-]).before-dgry:before {
  color: var(--DGRY);
}
#contents :where([class*=ico-]).before-lgry:before {
  color: var(--LGRY);
}
#contents :where([class*=ico-]).before-wht:before {
  color: var(--WHT);
}
#contents :where([class*=ico-]).before-lmain:before {
  color: var(--LMAIN);
}
#contents :where([class*=ico-]).before-laccent:before {
  color: var(--LACC);
}
#contents :where([class*=ico-]).before-lother:before {
  color: var(--LOTH);
}
#contents :where([class*=ico-]).after-def:after {
  color: var(--DEF);
}
#contents :where([class*=ico-]).after-main:after {
  color: var(--MAIN);
}
#contents :where([class*=ico-]).after-accent:after {
  color: var(--ACC);
}
#contents :where([class*=ico-]).after-other:after {
  color: var(--OTH);
}
#contents :where([class*=ico-]).after-link:after {
  color: var(--LINK);
}
#contents :where([class*=ico-]).after-gry:after {
  color: var(--GRY);
}
#contents :where([class*=ico-]).after-dgry:after {
  color: var(--DGRY);
}
#contents :where([class*=ico-]).after-lgry:after {
  color: var(--LGRY);
}
#contents :where([class*=ico-]).after-wht:after {
  color: var(--WHT);
}
#contents :where([class*=ico-]).after-lmain:after {
  color: var(--LMAIN);
}
#contents :where([class*=ico-]).after-laccent:after {
  color: var(--LACC);
}
#contents :where([class*=ico-]).after-lother:after {
  color: var(--LOTH);
}
#contents :where(.ico-before-arr):before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea01";
  margin-right: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-before-arrD):before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea02";
  margin-right: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-before-sarr):before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea03";
  margin-right: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-before-blank):before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea04";
  margin-right: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-before-pdf):before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea05";
  margin-right: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-before-search):before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea06";
  margin-right: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-before-mail):before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea07";
  margin-right: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-before-dl):before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea08";
  margin-right: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-before-file):before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea09";
  margin-right: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-before-estimate):before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0a";
  margin-right: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-before-phone):before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0b";
  margin-right: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-before-sphone):before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0c";
  margin-right: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-before-pin):before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0d";
  margin-right: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-before-browser):before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0e";
  margin-right: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-before-tw):before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0f";
  margin-right: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-before-x):before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea10";
  margin-right: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-before-fb):before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea11";
  margin-right: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-before-ig):before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea12";
  margin-right: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-before-ld):before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea13";
  margin-right: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-before-hatebu):before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea14";
  margin-right: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-before-yt):before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea15";
  margin-right: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-before-line):before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea16";
  margin-right: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-before-calendar):before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea17";
  margin-right: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-before-cart):before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea18";
  margin-right: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-before-comment):before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea19";
  margin-right: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-before-catalog):before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea1a";
  margin-right: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-before-person):before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea1b";
  margin-right: 10px;
  margin-top: 0.1em;
}
#contents .ico-before-arr:before {
  font-size: 0.75rem;
  position: static;
  margin-right: 0.5em;
}
#contents .ico-before-arr.align-items-start:before {
  margin-top: 0.55em;
}
#contents .ico-before-arr:has(.txt) .txt:before {
  position: static;
  font-size: 0.75rem;
}
#contents :where(.ico-after-arr):after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea01";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-arr):has(.txt) .txt {
  display: inline-flex;
  align-items: center;
}
#contents :where(.ico-after-arr):has(.txt) .txt:after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea01";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-arrD):after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea02";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-arrD):has(.txt) .txt {
  display: inline-flex;
  align-items: center;
}
#contents :where(.ico-after-arrD):has(.txt) .txt:after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea02";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-sarr):after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea03";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-sarr):has(.txt) .txt {
  display: inline-flex;
  align-items: center;
}
#contents :where(.ico-after-sarr):has(.txt) .txt:after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea03";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-blank):after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea04";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-blank):has(.txt) .txt {
  display: inline-flex;
  align-items: center;
}
#contents :where(.ico-after-blank):has(.txt) .txt:after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea04";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-pdf):after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea05";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-pdf):has(.txt) .txt {
  display: inline-flex;
  align-items: center;
}
#contents :where(.ico-after-pdf):has(.txt) .txt:after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea05";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-search):after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea06";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-search):has(.txt) .txt {
  display: inline-flex;
  align-items: center;
}
#contents :where(.ico-after-search):has(.txt) .txt:after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea06";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-mail):after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea07";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-mail):has(.txt) .txt {
  display: inline-flex;
  align-items: center;
}
#contents :where(.ico-after-mail):has(.txt) .txt:after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea07";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-dl):after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea08";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-dl):has(.txt) .txt {
  display: inline-flex;
  align-items: center;
}
#contents :where(.ico-after-dl):has(.txt) .txt:after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea08";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-file):after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea09";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-file):has(.txt) .txt {
  display: inline-flex;
  align-items: center;
}
#contents :where(.ico-after-file):has(.txt) .txt:after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea09";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-estimate):after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0a";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-estimate):has(.txt) .txt {
  display: inline-flex;
  align-items: center;
}
#contents :where(.ico-after-estimate):has(.txt) .txt:after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0a";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-phone):after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0b";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-phone):has(.txt) .txt {
  display: inline-flex;
  align-items: center;
}
#contents :where(.ico-after-phone):has(.txt) .txt:after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0b";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-sphone):after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0c";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-sphone):has(.txt) .txt {
  display: inline-flex;
  align-items: center;
}
#contents :where(.ico-after-sphone):has(.txt) .txt:after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0c";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-pin):after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0d";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-pin):has(.txt) .txt {
  display: inline-flex;
  align-items: center;
}
#contents :where(.ico-after-pin):has(.txt) .txt:after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0d";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-browser):after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0e";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-browser):has(.txt) .txt {
  display: inline-flex;
  align-items: center;
}
#contents :where(.ico-after-browser):has(.txt) .txt:after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0e";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-tw):after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0f";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-tw):has(.txt) .txt {
  display: inline-flex;
  align-items: center;
}
#contents :where(.ico-after-tw):has(.txt) .txt:after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea0f";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-x):after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea10";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-x):has(.txt) .txt {
  display: inline-flex;
  align-items: center;
}
#contents :where(.ico-after-x):has(.txt) .txt:after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea10";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-fb):after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea11";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-fb):has(.txt) .txt {
  display: inline-flex;
  align-items: center;
}
#contents :where(.ico-after-fb):has(.txt) .txt:after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea11";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-ig):after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea12";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-ig):has(.txt) .txt {
  display: inline-flex;
  align-items: center;
}
#contents :where(.ico-after-ig):has(.txt) .txt:after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea12";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-ld):after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea13";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-ld):has(.txt) .txt {
  display: inline-flex;
  align-items: center;
}
#contents :where(.ico-after-ld):has(.txt) .txt:after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea13";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-hatebu):after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea14";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-hatebu):has(.txt) .txt {
  display: inline-flex;
  align-items: center;
}
#contents :where(.ico-after-hatebu):has(.txt) .txt:after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea14";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-yt):after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea15";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-yt):has(.txt) .txt {
  display: inline-flex;
  align-items: center;
}
#contents :where(.ico-after-yt):has(.txt) .txt:after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea15";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-line):after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea16";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-line):has(.txt) .txt {
  display: inline-flex;
  align-items: center;
}
#contents :where(.ico-after-line):has(.txt) .txt:after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea16";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-calendar):after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea17";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-calendar):has(.txt) .txt {
  display: inline-flex;
  align-items: center;
}
#contents :where(.ico-after-calendar):has(.txt) .txt:after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea17";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-cart):after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea18";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-cart):has(.txt) .txt {
  display: inline-flex;
  align-items: center;
}
#contents :where(.ico-after-cart):has(.txt) .txt:after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea18";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-comment):after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea19";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-comment):has(.txt) .txt {
  display: inline-flex;
  align-items: center;
}
#contents :where(.ico-after-comment):has(.txt) .txt:after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea19";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-catalog):after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea1a";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-catalog):has(.txt) .txt {
  display: inline-flex;
  align-items: center;
}
#contents :where(.ico-after-catalog):has(.txt) .txt:after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea1a";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-person):after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea1b";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents :where(.ico-after-person):has(.txt) .txt {
  display: inline-flex;
  align-items: center;
}
#contents :where(.ico-after-person):has(.txt) .txt:after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea1b";
  margin-left: 10px;
  margin-top: 0.1em;
}
#contents .ico-after-arr:after {
  font-size: 0.75rem;
  position: static;
}
#contents .ico-after-arr:has(.txt) .txt:after {
  position: static;
  font-size: 0.75rem;
}
#contents :where(.l-link__arr) a {
  color: var(--DEF);
}
#contents :where(.l-link__arr) a,
#contents :where(a.l-link__arr) {
  text-decoration: none;
  display: inline-flex;
  padding-left: 0.8em;
  position: relative;
  line-height: 1.3;
  transition: 0.3s;
}
#contents :where(.l-link__arr) a:before,
#contents :where(a.l-link__arr):before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea01";
  font-size: 60%;
  position: absolute;
  left: 0;
  top: 0.75em;
  color: var(--MAIN);
}
#contents :where(.l-link__arr) a.before-def:before,
#contents :where(a.l-link__arr).before-def:before {
  color: var(--DEF);
}
#contents :where(.l-link__arr) a.before-main:before,
#contents :where(a.l-link__arr).before-main:before {
  color: var(--MAIN);
}
#contents :where(.l-link__arr) a.before-accent:before,
#contents :where(a.l-link__arr).before-accent:before {
  color: var(--ACC);
}
#contents :where(.l-link__arr) a.before-other:before,
#contents :where(a.l-link__arr).before-other:before {
  color: var(--OTH);
}
#contents :where(.l-link__arr) a.before-link:before,
#contents :where(a.l-link__arr).before-link:before {
  color: var(--LINK);
}
#contents :where(.l-link__arr) a.before-gry:before,
#contents :where(a.l-link__arr).before-gry:before {
  color: var(--GRY);
}
#contents :where(.l-link__arr) a.before-dgry:before,
#contents :where(a.l-link__arr).before-dgry:before {
  color: var(--DGRY);
}
#contents :where(.l-link__arr) a.before-lgry:before,
#contents :where(a.l-link__arr).before-lgry:before {
  color: var(--LGRY);
}
#contents :where(.l-link__arr) a.before-wht:before,
#contents :where(a.l-link__arr).before-wht:before {
  color: var(--WHT);
}
#contents :where(.l-link__arr) a.before-lmain:before,
#contents :where(a.l-link__arr).before-lmain:before {
  color: var(--LMAIN);
}
#contents :where(.l-link__arr) a.before-laccent:before,
#contents :where(a.l-link__arr).before-laccent:before {
  color: var(--LACC);
}
#contents :where(.l-link__arr) a.before-lother:before,
#contents :where(a.l-link__arr).before-lother:before {
  color: var(--LOTH);
}
#contents :where(.l-link__btn) {
  background-color: var(--MAIN);
  color: var(--WHT);
  padding: 10px;
  line-height: 1.3;
  min-height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-weight: 700;
  text-decoration: none !important;
  border: var(--MAIN) 2px solid;
  transition: 0.3s;
}
#contents :where(.l-link__btn) .txt {
  text-decoration: none !important;
}
#contents .l-btn__outer.--inline :where(.l-link__btn) {
  min-width: unset;
}
#contents :where(.l-link__btn)[class*=justify-content-] > .txt {
  width: 100%;
  display: flex;
  justify-content: center;
}
#contents :where(.l-link__btn)[class*=justify-content-][class*=ico-after-] > .txt,
#contents :where(.l-link__btn)[class*=justify-content-][href$=".pdf"] > .txt,
#contents :where(.l-link__btn)[class*=justify-content-][href^="https://saas.actibookone.com/"] > .txt,
#contents :where(.l-link__btn)[class*=justify-content-][target=_blank] > .txt {
  position: relative;
  padding-right: 24px;
}
#contents :where(.l-link__btn)[class*=justify-content-][class*=ico-after-] > .txt:after,
#contents :where(.l-link__btn)[class*=justify-content-][href$=".pdf"] > .txt:after,
#contents :where(.l-link__btn)[class*=justify-content-][href^="https://saas.actibookone.com/"] > .txt:after,
#contents :where(.l-link__btn)[class*=justify-content-][target=_blank] > .txt:after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.4em;
}
#contents :where(.l-link__btn).justify-content-start:after {
  margin-left: unset;
}
#contents :where(.l-link__btn).justify-content-between:after {
  margin-right: unset;
}
#contents :where(.l-link__btn)[class*=ico-] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#contents :where(.l-link__btn)[class*=ico-][class*=justify-content-] {
  width: 100%;
}
#contents :where(.l-link__btn)[class*=-arrD]:after,
#contents :where(.l-link__btn)[class*=-arrD]:before,
#contents :where(.l-link__btn)[class*=-arr]:after,
#contents :where(.l-link__btn)[class*=-arr]:before {
  font-size: 0.75rem;
}
#contents :where(.l-link__btn)[class*=-arrD] .txt:after,
#contents :where(.l-link__btn)[class*=-arrD] .txt:before,
#contents :where(.l-link__btn)[class*=-arr] .txt:after,
#contents :where(.l-link__btn)[class*=-arr] .txt:before {
  font-size: 0.75rem;
}
#contents :where(a):where([href$=".pdf"]):after,
#contents :where(a):where([href^="https://saas.actibookone.com/"]):after,
#contents :where(a):where([target=_blank]):after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: static;
  display: inline-block;
  vertical-align: middle;
  font-size: 80%;
  margin-left: 0.3em;
  margin-right: 0.3em;
  margin-top: 0.1em;
  line-height: 1;
}
#contents .lh-sm :where(a):where([href$=".pdf"]):after,
#contents .lh-sm :where(a):where([href^="https://saas.actibookone.com/"]):after,
#contents .lh-sm :where(a):where([target=_blank]):after,
#contents :where(a):where([href$=".pdf"]).lh-sm:after,
#contents :where(a):where([href^="https://saas.actibookone.com/"]).lh-sm:after,
#contents :where(a):where([target=_blank]).lh-sm:after {
  margin-top: 0;
}
#contents :where(:where(a)[target=_blank]):after {
  content: "\ea04" !important;
}
#contents :where(:where(a)[href$=".pdf"]):after,
#contents :where(:where(a)[href^="https://saas.actibookone.com/"]):after {
  content: "\ea05" !important;
  font-size: 90%;
}
#contents :where(a):has(img) {
  text-decoration: none;
}
#contents :where(a):has(img):where([href$=".pdf"]),
#contents :where(a):has(img):where([href^="https://saas.actibookone.com/"]),
#contents :where(a):has(img):where([target=_blank]) {
  transition: 0.3s;
}
#contents :where(a):has(img):where([href$=".pdf"]):after,
#contents :where(a):has(img):where([href^="https://saas.actibookone.com/"]):after,
#contents :where(a):has(img):where([target=_blank]):after {
  display: none;
}
#contents :where(a):has(.txt) {
  transition: 0.3s;
}
#contents :where(a):has(.txt):after {
  display: none;
}
#contents :where(a):has(.txt):where([href$=".pdf"]) :where(.txt):after,
#contents :where(a):has(.txt):where([href^="https://saas.actibookone.com/"]) :where(.txt):after,
#contents :where(a):has(.txt):where([target=_blank]) :where(.txt):after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: static;
  display: inline-block;
  vertical-align: middle;
  font-size: 80%;
  margin-left: 0.3em;
  margin-right: 0.3em;
  line-height: 1;
}
#contents :where(a):has(.txt):where(:where(a):has(.txt)[target=_blank]) :where(.txt):after {
  content: "\ea04" !important;
}
#contents :where(a):has(.txt):where(:where(a):has(.txt)[href$=".pdf"]) :where(.txt):after,
#contents :where(a):has(.txt):where(:where(a):has(.txt)[href^="https://saas.actibookone.com/"]) :where(.txt):after {
  content: "\ea05" !important;
  font-size: 90%;
}
#contents :where(a):has([class*=__btn]):has(.txt),
#contents :where(a)[class*=__btn]:has(.txt) {
  text-decoration: none !important;
}
#contents :where(a):has([class*=__btn]):has(.txt) .txt,
#contents :where(a)[class*=__btn]:has(.txt) .txt {
  text-decoration: none !important;
}
#contents :where(a):has([class*=__btn]):after,
#contents :where(a)[class*=__btn]:after {
  margin-right: 0;
}
#contents :where(:where(a):has([class*=__btn])[href$=".pdf"], :where(a)[class*=__btn][href$=".pdf"]):after,
#contents :where(:where(a):has([class*=__btn])[href^="https://saas.actibookone.com/"], :where(a)[class*=__btn][href^="https://saas.actibookone.com/"]):after,
#contents :where(:where(a):has([class*=__btn])[target=_blank], :where(a)[class*=__btn][target=_blank]):after {
  margin-left: 10px;
}
#contents :where(:where(a):has([class*=__btn])[target=_blank], :where(a)[class*=__btn][target=_blank]):after {
  margin-top: 0.2em;
}
#contents :where(:where(a):has([class*=__btn])[href$=".pdf"], :where(a)[class*=__btn][href$=".pdf"]):after,
#contents :where(:where(a):has([class*=__btn])[href^="https://saas.actibookone.com/"], :where(a)[class*=__btn][href^="https://saas.actibookone.com/"]):after {
  margin-top: 0.1em;
}
#contents .caution {
  padding-left: 1em;
  text-indent: -1em;
}
#contents .caution > * {
  text-indent: 0;
}
#contents :where(ol).before-def > li:before,
#contents :where(ul).before-def > li:before {
  background-color: var(--DEF);
  color: var(--DEF);
}
#contents :where(ol).before-def.--checked > li:before,
#contents :where(ul).before-def.--checked > li:before {
  background-color: unset;
  border-left-color: var(--DEF);
  border-bottom-color: var(--DEF);
}
#contents :where(ol).before-main > li:before,
#contents :where(ul).before-main > li:before {
  background-color: var(--MAIN);
  color: var(--MAIN);
}
#contents :where(ol).before-main.--checked > li:before,
#contents :where(ul).before-main.--checked > li:before {
  background-color: unset;
  border-left-color: var(--MAIN);
  border-bottom-color: var(--MAIN);
}
#contents :where(ol).before-accent > li:before,
#contents :where(ul).before-accent > li:before {
  background-color: var(--ACC);
  color: var(--ACC);
}
#contents :where(ol).before-accent.--checked > li:before,
#contents :where(ul).before-accent.--checked > li:before {
  background-color: unset;
  border-left-color: var(--ACC);
  border-bottom-color: var(--ACC);
}
#contents :where(ol).before-other > li:before,
#contents :where(ul).before-other > li:before {
  background-color: var(--OTH);
  color: var(--OTH);
}
#contents :where(ol).before-other.--checked > li:before,
#contents :where(ul).before-other.--checked > li:before {
  background-color: unset;
  border-left-color: var(--OTH);
  border-bottom-color: var(--OTH);
}
#contents :where(ol).before-link > li:before,
#contents :where(ul).before-link > li:before {
  background-color: var(--LINK);
  color: var(--LINK);
}
#contents :where(ol).before-link.--checked > li:before,
#contents :where(ul).before-link.--checked > li:before {
  background-color: unset;
  border-left-color: var(--LINK);
  border-bottom-color: var(--LINK);
}
#contents :where(ol).before-gry > li:before,
#contents :where(ul).before-gry > li:before {
  background-color: var(--GRY);
  color: var(--GRY);
}
#contents :where(ol).before-gry.--checked > li:before,
#contents :where(ul).before-gry.--checked > li:before {
  background-color: unset;
  border-left-color: var(--GRY);
  border-bottom-color: var(--GRY);
}
#contents :where(ol).before-dgry > li:before,
#contents :where(ul).before-dgry > li:before {
  background-color: var(--DGRY);
  color: var(--DGRY);
}
#contents :where(ol).before-dgry.--checked > li:before,
#contents :where(ul).before-dgry.--checked > li:before {
  background-color: unset;
  border-left-color: var(--DGRY);
  border-bottom-color: var(--DGRY);
}
#contents :where(ol).before-lgry > li:before,
#contents :where(ul).before-lgry > li:before {
  background-color: var(--LGRY);
  color: var(--LGRY);
}
#contents :where(ol).before-lgry.--checked > li:before,
#contents :where(ul).before-lgry.--checked > li:before {
  background-color: unset;
  border-left-color: var(--LGRY);
  border-bottom-color: var(--LGRY);
}
#contents :where(ol).before-wht > li:before,
#contents :where(ul).before-wht > li:before {
  background-color: var(--WHT);
  color: var(--WHT);
}
#contents :where(ol).before-wht.--checked > li:before,
#contents :where(ul).before-wht.--checked > li:before {
  background-color: unset;
  border-left-color: var(--WHT);
  border-bottom-color: var(--WHT);
}
#contents :where(ol).before-lmain > li:before,
#contents :where(ul).before-lmain > li:before {
  background-color: var(--LMAIN);
  color: var(--LMAIN);
}
#contents :where(ol).before-lmain.--checked > li:before,
#contents :where(ul).before-lmain.--checked > li:before {
  background-color: unset;
  border-left-color: var(--LMAIN);
  border-bottom-color: var(--LMAIN);
}
#contents :where(ol).before-laccent > li:before,
#contents :where(ul).before-laccent > li:before {
  background-color: var(--LACC);
  color: var(--LACC);
}
#contents :where(ol).before-laccent.--checked > li:before,
#contents :where(ul).before-laccent.--checked > li:before {
  background-color: unset;
  border-left-color: var(--LACC);
  border-bottom-color: var(--LACC);
}
#contents :where(ol).before-lother > li:before,
#contents :where(ul).before-lother > li:before {
  background-color: var(--LOTH);
  color: var(--LOTH);
}
#contents :where(ol).before-lother.--checked > li:before,
#contents :where(ul).before-lother.--checked > li:before {
  background-color: unset;
  border-left-color: var(--LOTH);
  border-bottom-color: var(--LOTH);
}
#contents :where(ol):not([class*=badge]):not([class*=row-cols]).justify-content-center,
#contents :where(ul):not([class*=badge]):not([class*=row-cols]).justify-content-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#contents :where(ol):not([class*=badge]):not([class*=row-cols]).justify-content-center > li,
#contents :where(ul):not([class*=badge]):not([class*=row-cols]).justify-content-center > li {
  width: unset;
}
#contents :where(ol).before-def > li:before {
  background-color: unset;
}
#contents :where(ol).before-main > li:before {
  background-color: unset;
}
#contents :where(ol).before-accent > li:before {
  background-color: unset;
}
#contents :where(ol).before-other > li:before {
  background-color: unset;
}
#contents :where(ol).before-link > li:before {
  background-color: unset;
}
#contents :where(ol).before-gry > li:before {
  background-color: unset;
}
#contents :where(ol).before-dgry > li:before {
  background-color: unset;
}
#contents :where(ol).before-lgry > li:before {
  background-color: unset;
}
#contents :where(ol).before-wht > li:before {
  background-color: unset;
}
#contents :where(ol).before-lmain > li:before {
  background-color: unset;
}
#contents :where(ol).before-laccent > li:before {
  background-color: unset;
}
#contents :where(ol).before-lother > li:before {
  background-color: unset;
}
#contents :where(ol:not([class*=l-])) > li,
#contents :where(ul:not([class*=l-])) > li {
  padding-left: 1rem;
  position: relative;
  line-height: 1.5;
}
#contents :where(ol:not([class*=l-])) > li:before,
#contents :where(ul:not([class*=l-])) > li:before {
  position: absolute;
  left: 0;
  top: 0;
}
#contents :where(ol:not([class*=l-])) > li ~ li,
#contents :where(ul:not([class*=l-])) > li ~ li {
  margin-top: 0.5rem;
}
#contents :where(ol:not([class*=l-]))[class*=dcms] > li,
#contents :where(ul:not([class*=l-]))[class*=dcms] > li {
  padding: unset;
}
#contents :where(ol:not([class*=l-]))[class*=dcms] > li:before,
#contents :where(ul:not([class*=l-]))[class*=dcms] > li:before {
  display: none;
}
#contents :where(ol:not([class*=l-]))[class*=dcms] > li ~ li,
#contents :where(ul:not([class*=l-]))[class*=dcms] > li ~ li {
  margin-top: 0;
}
#contents :where(ul:not([class*=l-])) > li:before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: var(--MAIN);
  border-radius: 5px;
  top: 0.6em;
}
#contents :where(ol:not([class*=l-])) {
  counter-reset: ol-bullet;
  margin-left: -0.5rem;
}
#contents :where(ol:not([class*=l-])) > li {
  padding-left: 1.8em;
  position: relative;
}
#contents :where(ol:not([class*=l-])) > li:has(ol) + li {
  margin-top: 1rem;
}
#contents :where(ol:not([class*=l-])) > li:before {
  counter-increment: ol-bullet;
  content: counters(ol-bullet, "-") ".";
  display: block;
  text-align: right;
  position: absolute;
  left: 0;
  top: 0;
  width: 1.6em;
  padding-right: 2px;
}
#contents :where(ol:not([class*=l-])) > li > ol {
  margin-left: -1rem;
  margin-top: 0.5rem;
}
#contents :where(ol:not([class*=l-])) > li > ol > li {
  padding-left: 3em;
}
#contents :where(ol:not([class*=l-])) > li > ol > li:before {
  width: 2.8em;
}
#contents :where(ol:not([class*=l-])) > li > ol > li > ol {
  margin-left: -2.2rem;
  margin-top: 0.5rem;
}
#contents :where(ol:not([class*=l-])) > li > ol > li > ol > li {
  padding-left: 3.8em;
}
#contents :where(ol:not([class*=l-])) > li > ol > li > ol > li:before {
  width: 3.8em;
}
#contents ol:has([class*=__btn]) > li:before,
#contents ul:has([class*=__btn]) > li:before {
  display: none;
}
#contents :where(.l-indent__list) P + *,
#contents :where(.l-indent__list) h3 + *,
#contents :where(.l-indent__list) h4 + *,
#contents :where(.l-indent__list) p ~ p {
  margin-top: 0.5rem;
}
#contents :where(.l-indent__list) > li {
  line-height: 1.5;
  width: 100%;
}
#contents :where(.l-indent__list) > li + li {
  margin-top: 0.5rem;
}
#contents :where(.l-indent__list) > li:has(ol) + li,
#contents :where(.l-indent__list) > li:has(ul) + li {
  margin-top: 1rem;
}
#contents :where(.l-indent__list) > li ol,
#contents :where(.l-indent__list) > li ul {
  margin-top: 0.5rem;
}
#contents :where(.l-indent__list).--dots > li {
  position: relative;
  padding-left: 0.8rem;
}
#contents :where(.l-indent__list).--dots > li:before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 5px;
  top: 0.75em;
  left: 0;
  position: absolute;
  display: block;
}
#contents :where(.l-indent__list).--dots:not([class*=before-]) > li:before {
  background-color: var(--MAIN);
}
#contents :where(.l-indent__list).--decimal {
  counter-reset: ol-bullet;
}
#contents :where(.l-indent__list).--decimal > li {
  padding-left: 1.8em;
  position: relative;
}
#contents :where(.l-indent__list).--decimal > li:before {
  counter-increment: ol-bullet;
  content: counter(ol-bullet) ". ";
  display: block;
  width: 2em;
  text-align: right;
  position: absolute;
  left: 0;
  top: 0;
  padding-right: 5px;
}
#contents :where(.l-indent__list).--decimal > li > .--decimal > li {
  padding-left: 2.3em;
}
#contents :where(.l-indent__list).--decimal > li > .--decimal > li:before {
  content: "(" counter(ol-bullet) ") ";
  width: 2.1em;
  text-align: right;
}
#contents :where(.l-indent__list).--decimal > li > .--decimal > li > .--decimal > li {
  padding-left: 1.8em;
}
#contents :where(.l-indent__list).--decimal > li > .--decimal > li > .--decimal > li:before {
  content: counter(ol-bullet) ") ";
  width: 2.1em;
  text-align: right;
}
#contents :where(.l-indent__list).--image > li {
  display: grid;
  grid-template-columns: 28px 1fr;
}
#contents :where(.l-indent__list).--image > li .thumb {
  width: 20px;
  height: 20px;
}
#contents :where(.l-indent__list).--image > li .thumb img {
  width: 100%;
  height: 100%;
}
#contents :where(.l-indent__list).--image > li .thumb img {
  -o-object-fit: contain;
  object-fit: contain;
}
#contents :where(.l-indent__list).--image > li .thumb img {
  position: relative;
  bottom: -0.1rem;
}
#contents :where(.l-indent__list).--checked > li {
  position: relative;
  padding-left: 1.4em;
}
#contents :where(.l-indent__list).--checked > li:after,
#contents :where(.l-indent__list).--checked > li:before {
  position: absolute;
  content: "";
}
#contents :where(.l-indent__list).--checked > li:before {
  left: 0;
  top: 0.5em;
  width: 0.8em;
  height: 0.5em;
  border-left: 3px solid var(--MAIN);
  border-bottom: 3px solid var(--MAIN);
  transform: rotate(-45deg);
}
#contents .mw-xs {
  width: 100%;
  max-width: 540px !important;
  margin-left: auto;
  margin-right: auto;
}
#contents .mw-sm {
  width: 100%;
  max-width: 720px !important;
  margin-left: auto;
  margin-right: auto;
}
#contents .mw-md {
  width: 100%;
  max-width: 960px !important;
  margin-left: auto;
  margin-right: auto;
}
#contents .mw-lg {
  width: 100%;
  max-width: 1140px !important;
  margin-left: auto;
  margin-right: auto;
}
#contents .mw-100 {
  max-width: 100%;
}
#contents .max-width-unset {
  max-width: unset !important;
}
#contents .max-100 {
  max-width: 100px;
}
#contents .max-110 {
  max-width: 110px;
}
#contents .max-120 {
  max-width: 120px;
}
#contents .max-130 {
  max-width: 130px;
}
#contents .max-140 {
  max-width: 140px;
}
#contents .max-150 {
  max-width: 150px;
}
#contents .max-160 {
  max-width: 160px;
}
#contents .max-170 {
  max-width: 170px;
}
#contents .max-180 {
  max-width: 180px;
}
#contents .max-190 {
  max-width: 190px;
}
#contents .max-200 {
  max-width: 200px;
}
#contents .max-210 {
  max-width: 210px;
}
#contents .max-220 {
  max-width: 220px;
}
#contents .max-230 {
  max-width: 230px;
}
#contents .max-240 {
  max-width: 240px;
}
#contents .max-250 {
  max-width: 250px;
}
#contents .max-260 {
  max-width: 260px;
}
#contents .max-270 {
  max-width: 270px;
}
#contents .max-280 {
  max-width: 280px;
}
#contents .max-290 {
  max-width: 290px;
}
#contents .max-300 {
  max-width: 300px;
}
#contents .max-310 {
  max-width: 310px;
}
#contents .max-320 {
  max-width: 320px;
}
#contents .max-330 {
  max-width: 330px;
}
#contents .max-340 {
  max-width: 340px;
}
#contents .max-350 {
  max-width: 350px;
}
#contents .max-360 {
  max-width: 360px;
}
#contents .max-370 {
  max-width: 370px;
}
#contents .max-380 {
  max-width: 380px;
}
#contents .max-390 {
  max-width: 390px;
}
#contents .max-400 {
  max-width: 400px;
}
#contents .max-410 {
  max-width: 410px;
}
#contents .max-420 {
  max-width: 420px;
}
#contents .max-430 {
  max-width: 430px;
}
#contents .max-440 {
  max-width: 440px;
}
#contents .max-450 {
  max-width: 450px;
}
#contents .max-460 {
  max-width: 460px;
}
#contents .max-470 {
  max-width: 470px;
}
#contents .max-480 {
  max-width: 480px;
}
#contents .max-490 {
  max-width: 490px;
}
#contents .max-500 {
  max-width: 500px;
}
#contents .max-510 {
  max-width: 510px;
}
#contents .max-520 {
  max-width: 520px;
}
#contents .max-530 {
  max-width: 530px;
}
#contents .max-540 {
  max-width: 540px;
}
#contents .max-550 {
  max-width: 550px;
}
#contents .max-560 {
  max-width: 560px;
}
#contents .max-570 {
  max-width: 570px;
}
#contents .max-580 {
  max-width: 580px;
}
#contents .max-590 {
  max-width: 590px;
}
#contents .max-600 {
  max-width: 600px;
}
#contents .l-recommend__list > li > a {
  text-decoration: none;
  transition: 0.3s;
}
#contents .l-recommend__list > li > a:where([href$=".pdf"]),
#contents .l-recommend__list > li > a:where([href^="https://saas.actibookone.com/"]),
#contents .l-recommend__list > li > a:where([target=_blank]) {
  padding-right: 20px;
}
#contents .l-recommend__list > li > a:has(img) {
  position: relative;
}
#contents .l-recommend__list > li > a:has(img):after {
  display: block;
  position: absolute;
  font-size: 12px;
  z-index: 1;
  right: 0;
  top: calc(50% - 6px);
  margin: 0;
}
#contents .l-recommend__list > li ~ li {
  margin-top: 10px;
}
#contents .l-recommend__item {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
}
#contents .l-recommend__thumb {
  width: 80px;
}
#contents .l-recommend__thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
#contents .l-recommend__txtarea {
  padding-left: 10px;
  flex: 1;
  line-height: 1.25;
  font-size: 0.875rem;
}
#contents .l-recommend__txtarea .txt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
#contents .l-recommend__txtarea .txt:after {
  display: none;
}
#contents .l-rss__entrie .l-pager__list {
  height: 35px;
}
#contents .l-rss__entrie .l-pager__list.is-ellipsis > li:nth-child(4)::after,
#contents .l-rss__entrie .l-pager__list.is-ellipsis > li:nth-last-child(3)::before {
  content: "...";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  width: 30px;
  height: 30px;
}
#contents .l-rss__entrie .l-pager__list.is-ellipsis > li:nth-child(4)::after {
  margin-left: 4px;
  display: none;
}
#contents .l-rss__entrie .l-pager__list.is-ellipsis > li:nth-last-child(3)::before {
  margin-right: 4px;
}
#contents .l-rss__entrie .l-pager__list.is-ellipsis.is-move > li:nth-child(4)::after {
  display: flex;
}
#contents .l-rss__entrie .l-pager__list.is-ellipsis.is-end > li:nth-last-child(3)::before {
  display: none;
}
#contents .l-rss__entrie .l-pager__list :where(.l-pager__item)[aria-current=page] {
  display: block;
}
#contents .l-rss__entrie .l-pager__first,
#contents .l-rss__entrie .l-pager__last {
  display: none;
}
#contents .l-rss__entrie .l-pager__all {
  font-size: 0.875rem;
  line-height: 1.3;
  bottom: 8px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
#contents .l-rss__list {
  text-align: left;
}
#contents .l-rss__list > li:first-child .chip {
  top: -30px;
}
#contents .l-rss__list > li ~ li {
  border-top: var(--GRY) 1px solid;
  margin-top: 1rem;
  padding-top: 0.5rem;
}
#contents .l-rss__list > li .chip {
  position: absolute;
  top: -28px;
  left: 9em;
  display: inline-block;
  padding: 4px 8px;
  line-height: 1;
  font-size: 0.75rem;
  flex-shrink: 0;
}
#contents .l-rss__title {
  margin-top: 5px;
  line-height: 1.5;
  position: relative;
}
#contents .l-rss__title a:after {
  position: absolute;
  top: -1.6rem;
  right: 0;
  margin: 0;
}
#contents .l-rss__contents {
  background-color: var(--LGRY);
  padding: 5px;
  margin-top: 10px;
}
#contents .l-rss__contents:empty {
  display: none;
}
#contents .l-hero__outer {
  min-height: 160px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: var(--LMAIN);
  display: flex;
}
#contents .l-hero__txtarea {
  display: flex;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
#contents .l-hero__title {
  font-weight: 700;
  line-height: 1.25;
  font-size: 1.875rem;
}
#contents :where([class*=__pager]) {
  text-align: center;
}
#contents :where(.l-pager__list) {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
}
#contents :where(.l-pager__list) > li[aria-disabled=true] > span {
  display: block;
}
#contents :where(.l-pager__list) > li[aria-disabled=true] > a {
  display: none;
}
#contents :where(.l-pager__list) > li[aria-disabled=false] > span {
  display: none;
}
#contents :where(.l-pager__list) > li[aria-disabled=false] > a {
  display: inline-flex;
}
#contents :where(.l-pager__list) > li a {
  color: var(--DEF);
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  position: relative;
}
#contents :where(.l-pager__list) :where(.l-pager__item) {
  display: none;
}
#contents :where(.l-pager__list) :where(.l-pager__item):has([aria-current=page]) {
  display: block;
}
#contents :where(.l-pager__list) :where(.l-pager__item)[aria-current=page] > a {
  background-color: var(--MAIN);
  color: #fff;
  border-color: var(--MAIN);
  pointer-events: none;
}
#contents :where(.l-pager__list) :where(.l-pager__item) a {
  cursor: pointer;
  border: var(--GRY) 1px solid;
  transition: 0.3s;
}
#contents :where(.l-pager__list) :where(.l-pager__item) a[aria-current=page] {
  background-color: var(--MAIN);
  color: #fff;
  border-color: var(--MAIN);
  pointer-events: none;
}
#contents :where(.l-pager__list) :where(.l-pager__next),
#contents :where(.l-pager__list) :where(.l-pager__prev) {
  position: absolute;
}
#contents :where(.l-pager__list) :where(.l-pager__next) a,
#contents :where(.l-pager__list) :where(.l-pager__prev) a {
  transition: 0.3s;
}
#contents :where(.l-pager__list) :where(.l-pager__next) a:before,
#contents :where(.l-pager__list) :where(.l-pager__prev) a:before {
  content: "";
  width: 10px;
  height: 10px;
  border-top: solid 2px var(--DEF);
  border-right: solid 2px var(--DEF);
  transition: transform 0.3s, color 0.3s;
}
#contents :where(.l-pager__list) :where(.l-pager__prev) {
  margin-right: 20px;
  left: 0;
}
#contents :where(.l-pager__list) :where(.l-pager__prev) a {
  transition: 0.3s;
}
#contents :where(.l-pager__list) :where(.l-pager__prev) a:before {
  transform: rotate(-135deg);
}
#contents :where(.l-pager__list) :where(.l-pager__next) {
  right: 0;
  margin-left: 20px;
}
#contents :where(.l-pager__list) :where(.l-pager__next) a {
  transition: 0.3s;
}
#contents :where(.l-pager__list) :where(.l-pager__next) a:before {
  transform: rotate(45deg);
}
#contents .l-separator {
  border: none;
  background: unset;
  width: 100%;
  height: 0;
  margin-top: 4.5rem !important;
}
#contents .l-separator + * {
  margin-top: 0;
}
#contents .l-separator:where(.--min) {
  margin-top: 1.5rem !important;
}
#contents .l-separator:where(.--mdl) {
  margin-top: 3rem !important;
}
#contents .is-develop .l-separator {
  height: 1px;
  background-color: var(--MAIN);
}
#contents .l-separator.--SS {
  margin-top: 10px !important;
}
#contents #dcms_layoutPageBlock > :last-child.l-separator {
  margin-top: 0 !important;
}
#contents .l-skipNav__list {
  position: fixed;
  z-index: 10000;
  width: 100%;
  top: 0;
  left: 0;
}
#contents .l-skipNav__list > li a {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  width: 0;
  height: 0;
  border: 0;
  opacity: 0;
  font-size: 0;
  position: absolute;
  left: 0;
  white-space: nowrap;
}
#contents .l-skipNav__list > li a:focus {
  font-size: 1rem;
  width: 100%;
  max-width: 200px;
  display: block;
  height: auto;
  line-height: 1.3;
  padding: 10px 30px;
  clip: unset;
  opacity: 1;
  overflow: unset;
  background-color: #efefef;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);
}
#contents .l-skipNav__link {
  position: relative;
}
#contents .l-skipNav__link a {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  width: 0;
  height: 0;
  border: 0;
  opacity: 0;
  font-size: 0;
  position: absolute;
  left: 0;
  white-space: nowrap;
}
#contents .l-skipNav__link a:focus {
  font-size: 1rem;
  width: auto;
  display: block;
  height: auto;
  line-height: 1.3;
  padding: 10px 30px;
  clip: unset;
  opacity: 1;
  overflow: unset;
  background-color: #efefef;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);
}
#contents .l-media__slider .swiper-wrapper {
  display: flex;
}
#contents .l-media__slider .swiper-wrapper:not([id]) {
  display: flex;
}
#contents .l-media__slider .swiper-wrapper .l-media__item {
  display: flex;
  height: unset;
}
#contents .l-media__slider .swiper-wrapper .l-media__txtarea {
  flex-direction: column;
  display: flex;
  width: 100%;
  flex: 1;
}
#contents .l-media__slider .swiper-wrapper .l-media__txtarea > a {
  flex-direction: column;
  display: flex;
  width: 100%;
  flex: 1;
}
#contents .l-media__slider .swiper-wrapper .l-media__time {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  border-top: var(--GRY) 1px solid;
  min-height: 42px;
}
#contents .l-media__slider .swiper-wrapper .l-media__time > p {
  font-size: 0.75rem;
}
#contents .l-media__slider .swiper-wrapper .l-media__time > p ~ p {
  margin-top: 0.2em;
}
#contents .l-media__slider .swiper-wrapper .l-media__time > p ~ p:before {
  display: none;
}
#contents .l-media__slider .swiper-wrapper .l-media__thumb:has(img) {
  position: relative;
}
#contents .l-media__slider .swiper-wrapper .l-media__thumb:has(img):after {
  display: block;
  position: absolute;
  right: 2px;
  bottom: -2px;
  font-size: 12px;
  z-index: 1;
  width: 26px;
  height: 26px;
  background-color: var(--WHT);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
#contents .l-media__txtarea > :first-child {
  margin-top: 0 !important;
}
#contents .l-media__title a:after {
  display: none;
}
#contents .l-media__title a:hover {
  color: var(--MAIN);
  text-decoration: underline;
}
#contents .l-media__item a {
  text-decoration: none;
}
#contents .l-media__item a:hover .l-media__title {
  text-decoration: underline;
}
#contents .l-media__tag a {
  transition: 0.3s;
}
#contents .l-media__tag a:before {
  content: "#";
}
#contents .l-media__title,
#contents .l-media__txt {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-align: left;
}
#contents .l-media__thumb .thumb {
  height: 100px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#contents .l-media__thumb img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
#contents [id^=swiper-wrapper-] {
  margin-left: 0;
  flex-wrap: nowrap;
}
#contents [id^=swiper-wrapper-] .swiper-slide {
  margin-left: 0;
  width: auto;
  height: unset !important;
  margin-top: 0;
}
#contents .swiper-wrapper[id] {
  height: auto !important;
  opacity: 0;
}
#contents .swiper-initialized .swiper-wrapper[id] {
  opacity: 1;
}
#contents [data-id=editor] .swiper-wrapper,
#contents body.dcms_editor .swiper-wrapper,
#contents body.page_mainimage .swiper-wrapper,
#contents html.is-editor .swiper-wrapper {
  animation: none !important;
  transition: none !important;
  opacity: 1 !important;
  transform: none !important;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
#contents [data-id=editor] .swiper-wrapper .swiper-slide,
#contents body.dcms_editor .swiper-wrapper .swiper-slide,
#contents body.page_mainimage .swiper-wrapper .swiper-slide,
#contents html.is-editor .swiper-wrapper .swiper-slide {
  width: 30%;
}
#contents [data-id=editor] .swiper-wrapper .swiper-slide.l-fv__slide,
#contents body.dcms_editor .swiper-wrapper .swiper-slide.l-fv__slide,
#contents body.page_mainimage .swiper-wrapper .swiper-slide.l-fv__slide,
#contents html.is-editor .swiper-wrapper .swiper-slide.l-fv__slide {
  width: 100%;
}
#contents [class*=swiper-button] {
  z-index: 3;
}
#contents [class*=swiper-button][aria-disabled=true] {
  pointer-events: auto !important;
}
#contents .swiper-pagination {
  position: static;
  text-align: left;
  line-height: 1;
}
#contents .swiper-pagination-bullet {
  background-color: var(--LGRY) !important;
  border: var(--LGRY) 1px solid;
  opacity: 1 !important;
  margin-top: 5px !important;
  width: 12px !important;
  height: 12px !important;
  transition: 0.3s;
}
#contents .swiper-pagination-bullet-active {
  background-color: var(--MAIN) !important;
  border-color: var(--MAIN);
}
#contents [data-id=editor] .swiper-pagination,
#contents body.dcms_editor .swiper-pagination,
#contents body.page_mainimage .swiper-pagination,
#contents html.is-editor .swiper-pagination {
  animation: none !important;
  transition: none !important;
  opacity: 1 !important;
  transform: none !important;
  display: none;
}
#contents .l-swiper__outer {
  overflow: hidden;
}
#contents .l-swiper__pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 20px;
  z-index: 0;
}
#contents .l-swiper__btn {
  width: 30px;
  height: 30px;
  background-color: var(--MAIN);
  border: var(--MAIN) 2px solid;
  z-index: 0;
  transition: 0.3s;
}
#contents .l-swiper__btn:after {
  font-size: 12px;
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: static;
  content: "\ea01";
  color: #fff;
}
#contents .l-swiper__btn.--prev:after {
  transform: rotate(180deg);
}
#contents .l-swiper__btn:focus {
  background-color: #fff;
}
#contents .l-swiper__btn:focus:after {
  color: var(--MAIN);
}
#contents [data-id=editor] .l-swiper__btn,
#contents body.dcms_editor .l-swiper__btn,
#contents body.page_mainimage .l-swiper__btn,
#contents html.is-editor .l-swiper__btn {
  animation: none !important;
  transition: none !important;
  opacity: 1 !important;
  transform: none !important;
  display: none;
}
#contents .l-swiper__control {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
#contents .l-swiper__control .l-swiper__pagination {
  margin: -5px 10px 0;
  display: inline-flex;
  width: unset;
  max-width: calc(100% - 80px);
}
#contents .l-swiper__control .l-swiper__btn {
  position: static !important;
  margin-top: 0;
  flex-shrink: 0;
}
#contents [data-id=editor] .l-swiper__control,
#contents body.dcms_editor .l-swiper__control,
#contents body.page_mainimage .l-swiper__control,
#contents html.is-editor .l-swiper__control {
  animation: none !important;
  transition: none !important;
  opacity: 1 !important;
  transform: none !important;
  display: none;
}
#contents .l-swiper__player {
  display: none;
  position: relative;
  width: 30px;
  height: 30px;
  margin-left: 8px;
  margin-left: 8px;
  flex-shrink: 0;
}
#contents [data-autoplay=true] .l-swiper__player {
  display: block;
}
#contents .l-swiper__player > button {
  width: 30px;
  height: 30px;
  border: var(--MAIN) 1px solid;
  position: absolute;
  z-index: 2;
  background-color: #fff;
  transition: 0.3s;
}
#contents .l-swiper__player > button.is-select {
  z-index: 1;
}
#contents [data-id=editor] .l-swiper__player,
#contents body.dcms_editor .l-swiper__player,
#contents body.page_mainimage .l-swiper__player,
#contents html.is-editor .l-swiper__player {
  animation: none !important;
  transition: none !important;
  opacity: 1 !important;
  transform: none !important;
  display: none;
}
#contents .l-swiper__start:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 8px 0 8px 12px;
  border-left-color: var(--MAIN);
  border-radius: unset;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: 2px;
  transform: translate(-50%, -50%);
}
#contents .l-swiper__stop:after,
#contents .l-swiper__stop:before {
  content: "";
  width: 5px;
  height: 60%;
  display: block;
  background-color: var(--MAIN);
  position: absolute;
  top: 20%;
}
#contents .l-swiper__stop:before {
  left: 7px;
}
#contents .l-swiper__stop:after {
  right: 7px;
}
#contents .l-tab__menu {
  display: flex;
  width: 100%;
  border: var(--GRY) 1px solid;
}
#contents .l-tab__menu > li {
  flex: 1;
  display: flex;
}
#contents .l-tab__menu > li:first-child .l-tab__btn {
  border-left: none;
}
#contents [data-id=editor] .l-tab__toggle .l-toggle__btn,
#contents body.dcms_editor .l-tab__toggle .l-toggle__btn,
#contents body.page_mainimage .l-tab__toggle .l-toggle__btn,
#contents html.is-editor .l-tab__toggle .l-toggle__btn {
  animation: none !important;
  transition: none !important;
  opacity: 1 !important;
  transform: none !important;
  display: block !important;
  border: var(--GRY) 1px solid;
  margin-bottom: 15px;
}
#contents .l-tab__btn {
  border-left: var(--GRY) 1px solid;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 10px 4px;
  min-height: 50px;
  font-size: 0.875rem;
  background-color: var(--LGRY);
  transition: background 0.3s, color 0.3s;
  transition: 0.3s;
}
#contents .l-tab__btn:focus {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
#contents .l-tab__btn[aria-selected=true] {
  background-color: var(--MAIN);
  color: var(--WHT);
  pointer-events: none;
}
#contents .l-tab__panel {
  padding-top: 1.5rem;
}
#contents .l-tab__panel[role=tabpanel] {
  opacity: 0;
  transition: opacity 0.15s;
}
#contents .l-tab__panel.is-open {
  opacity: 1;
}
#contents [data-id=editor] .l-tab__panel,
#contents body.dcms_editor .l-tab__panel,
#contents body.page_mainimage .l-tab__panel,
#contents html.is-editor .l-tab__panel {
  animation: none !important;
  transition: none !important;
  opacity: 1 !important;
  transform: none !important;
  display: block !important;
  opacity: 1 !important;
  border: var(--GRY) 1px solid;
  padding: 30px;
}
#contents [data-id=editor] .l-tab__panel + .l-tab__panel,
#contents body.dcms_editor .l-tab__panel + .l-tab__panel,
#contents body.page_mainimage .l-tab__panel + .l-tab__panel,
#contents html.is-editor .l-tab__panel + .l-tab__panel {
  margin-top: 30px;
}
#contents .l-tab__panel:focus {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
#contents .l-scroll__cover {
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-color: var(--MAIN) #f5f5f5;
  scrollbar-width: thin;
}
#contents .l-scroll__cover::-webkit-scrollbar {
  width: 10px;
}
#contents .l-scroll__cover::-webkit-scrollbar-thumb {
  border-radius: 100px;
  border: 3px solid transparent;
  background-clip: content-box;
  background-color: var(--MAIN);
}
#contents .l-scroll__cover::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}
#contents :where(table) {
  width: 100%;
  table-layout: fixed;
}
#contents :where(table) th,
#contents :where(table) > thead {
  border: var(--WHT) 1px solid;
  background-color: var(--MAIN);
  color: var(--WHT);
}
#contents :where(table) > thead th {
  border-top-color: var(--MAIN);
}
#contents :where(table) > thead th:last-child {
  border-right-color: var(--MAIN);
}
#contents :where(table) > thead th:first-child {
  border-left-color: var(--MAIN);
}
#contents :where(table) tbody > tr > th:first-child {
  border-left-color: var(--MAIN);
}
#contents :where(table).table-def th,
#contents :where(table).table-def > thead {
  border: var(--GRY) 1px solid;
  background-color: var(--DEF);
  color: var(--WHT);
}
#contents :where(table).table-def > thead th {
  border-top-color: var(--DEF);
}
#contents :where(table).table-def > thead th:last-child {
  border-right-color: var(--DEF);
}
#contents :where(table).table-def > thead th:first-child {
  border-left-color: var(--DEF);
}
#contents :where(table).table-def tbody > tr > th:first-child {
  border-left-color: var(--DEF);
}
#contents :where(table).table-main th,
#contents :where(table).table-main > thead {
  border: var(--GRY) 1px solid;
  background-color: var(--MAIN);
  color: var(--WHT);
}
#contents :where(table).table-main > thead th {
  border-top-color: var(--MAIN);
}
#contents :where(table).table-main > thead th:last-child {
  border-right-color: var(--MAIN);
}
#contents :where(table).table-main > thead th:first-child {
  border-left-color: var(--MAIN);
}
#contents :where(table).table-main tbody > tr > th:first-child {
  border-left-color: var(--MAIN);
}
#contents :where(table).table-accent th,
#contents :where(table).table-accent > thead {
  border: var(--GRY) 1px solid;
  background-color: var(--ACC);
  color: var(--WHT);
}
#contents :where(table).table-accent > thead th {
  border-top-color: var(--ACC);
}
#contents :where(table).table-accent > thead th:last-child {
  border-right-color: var(--ACC);
}
#contents :where(table).table-accent > thead th:first-child {
  border-left-color: var(--ACC);
}
#contents :where(table).table-accent tbody > tr > th:first-child {
  border-left-color: var(--ACC);
}
#contents :where(table).table-other th,
#contents :where(table).table-other > thead {
  border: var(--GRY) 1px solid;
  background-color: var(--OTH);
  color: var(--WHT);
}
#contents :where(table).table-other > thead th {
  border-top-color: var(--OTH);
}
#contents :where(table).table-other > thead th:last-child {
  border-right-color: var(--OTH);
}
#contents :where(table).table-other > thead th:first-child {
  border-left-color: var(--OTH);
}
#contents :where(table).table-other tbody > tr > th:first-child {
  border-left-color: var(--OTH);
}
#contents :where(table).table-link th,
#contents :where(table).table-link > thead {
  border: var(--GRY) 1px solid;
  background-color: var(--LINK);
  color: var(--WHT);
}
#contents :where(table).table-link > thead th {
  border-top-color: var(--LINK);
}
#contents :where(table).table-link > thead th:last-child {
  border-right-color: var(--LINK);
}
#contents :where(table).table-link > thead th:first-child {
  border-left-color: var(--LINK);
}
#contents :where(table).table-link tbody > tr > th:first-child {
  border-left-color: var(--LINK);
}
#contents :where(table).table-gry th,
#contents :where(table).table-gry > thead {
  border: var(--GRY) 1px solid;
  background-color: var(--GRY);
  color: var(--DEF);
}
#contents :where(table).table-gry > thead th {
  border-top-color: var(--GRY);
}
#contents :where(table).table-gry > thead th:last-child {
  border-right-color: var(--GRY);
}
#contents :where(table).table-gry > thead th:first-child {
  border-left-color: var(--GRY);
}
#contents :where(table).table-gry tbody > tr > th:first-child {
  border-left-color: var(--GRY);
}
#contents :where(table).table-dgry th,
#contents :where(table).table-dgry > thead {
  border: var(--GRY) 1px solid;
  background-color: var(--DGRY);
  color: var(--DGRY);
}
#contents :where(table).table-dgry > thead th {
  border-top-color: var(--DGRY);
}
#contents :where(table).table-dgry > thead th:last-child {
  border-right-color: var(--DGRY);
}
#contents :where(table).table-dgry > thead th:first-child {
  border-left-color: var(--DGRY);
}
#contents :where(table).table-dgry tbody > tr > th:first-child {
  border-left-color: var(--DGRY);
}
#contents :where(table).table-lgry th,
#contents :where(table).table-lgry > thead {
  border: var(--GRY) 1px solid;
  background-color: var(--LGRY);
  color: var(--DEF);
}
#contents :where(table).table-lgry > thead th {
  border-top-color: var(--GRY);
}
#contents :where(table).table-lgry > thead th:last-child {
  border-right-color: var(--GRY);
}
#contents :where(table).table-lgry > thead th:first-child {
  border-left-color: var(--GRY);
}
#contents :where(table).table-lgry tbody > tr > th:first-child {
  border-left-color: var(--GRY);
}
#contents :where(table).table-wht th,
#contents :where(table).table-wht > thead {
  border: var(--GRY) 1px solid;
  background-color: var(--WHT);
  color: var(--MAIN);
}
#contents :where(table).table-wht > thead th {
  border-top-color: var(--GRY);
}
#contents :where(table).table-wht > thead th:last-child {
  border-right-color: var(--GRY);
}
#contents :where(table).table-wht > thead th:first-child {
  border-left-color: var(--GRY);
}
#contents :where(table).table-wht tbody > tr > th:first-child {
  border-left-color: var(--GRY);
}
#contents :where(table).table-lmain th,
#contents :where(table).table-lmain > thead {
  border: var(--GRY) 1px solid;
  background-color: var(--LMAIN);
  color: var(--MAIN);
}
#contents :where(table).table-lmain > thead th {
  border-top-color: var(--GRY);
}
#contents :where(table).table-lmain > thead th:last-child {
  border-right-color: var(--GRY);
}
#contents :where(table).table-lmain > thead th:first-child {
  border-left-color: var(--GRY);
}
#contents :where(table).table-lmain tbody > tr > th:first-child {
  border-left-color: var(--GRY);
}
#contents :where(table).table-laccent th,
#contents :where(table).table-laccent > thead {
  border: var(--GRY) 1px solid;
  background-color: var(--LACC);
  color: var(--ACC);
}
#contents :where(table).table-laccent > thead th {
  border-top-color: var(--GRY);
}
#contents :where(table).table-laccent > thead th:last-child {
  border-right-color: var(--GRY);
}
#contents :where(table).table-laccent > thead th:first-child {
  border-left-color: var(--GRY);
}
#contents :where(table).table-laccent tbody > tr > th:first-child {
  border-left-color: var(--GRY);
}
#contents :where(table).table-lother th,
#contents :where(table).table-lother > thead {
  border: var(--GRY) 1px solid;
  background-color: var(--LOTH);
  color: var(--OTH);
}
#contents :where(table).table-lother > thead th {
  border-top-color: var(--GRY);
}
#contents :where(table).table-lother > thead th:last-child {
  border-right-color: var(--GRY);
}
#contents :where(table).table-lother > thead th:first-child {
  border-left-color: var(--GRY);
}
#contents :where(table).table-lother tbody > tr > th:first-child {
  border-left-color: var(--GRY);
}
#contents :where(table) td,
#contents :where(table) th {
  padding: 10px;
  line-height: 1.5;
}
#contents .l-scroll__outer :where(table) td,
#contents .l-scroll__outer :where(table) th {
  width: unset;
}
#contents :where(table) td {
  border: var(--GRY) 1px solid;
}
#contents :where(table).--even tbody > tr:nth-child(even) > td {
  background-color: var(--LGRY);
}
#contents :where(.tstart) {
  text-align: left;
}
#contents :where(.tcenter) {
  text-align: center;
}
#contents :where(.tend) {
  text-align: right;
}
#contents h1 {
  font-size: 1.875rem;
  line-height: 1.25;
}
#contents h2 {
  font-size: 1.5rem;
  line-height: 1.25;
}
#contents h3 {
  font-size: 1.375rem;
  line-height: 1.25;
}
#contents h4 {
  font-size: 1.25rem;
  line-height: 1.25;
}
#contents h5 {
  font-size: 1.125rem;
  line-height: 1.25;
}
#contents h6 {
  font-size: 1rem;
  line-height: 1.25;
}
#contents :where(h1):not([class])[style*=center],
#contents :where(h2):not([class])[style*=center],
#contents :where(h3):not([class])[style*=center],
#contents :where(h4):not([class])[style*=center],
#contents :where(h5):not([class])[style*=center],
#contents :where(h6):not([class])[style*=center] {
  display: flex;
  justify-content: center;
}
#contents :where(h2):not([class])[style*=center] {
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
}
#contents :where(h2):not([class])[style*=center]:before {
  content: "";
  flex-shrink: 0;
  width: 1.8em;
  height: 5px;
  margin-right: unset;
  display: block;
  margin-top: 10px;
}
#contents :where(h3):not([class])[style*=center] {
  border-bottom: none;
  position: relative;
}
#contents :where(h3):not([class])[style*=center]:after {
  content: "";
  width: 1.2em;
  height: 3px;
  background: var(--GRY);
  position: absolute;
  left: calc(50% - 0.6em);
  bottom: 0;
}
#contents :where(h1):where(.title).text-center,
#contents :where(h1):where(.title)[style*=center],
#contents :where(h2):where(.title).text-center,
#contents :where(h2):where(.title)[style*=center],
#contents :where(h3):where(.title).text-center,
#contents :where(h3):where(.title)[style*=center],
#contents :where(h4):where(.title).text-center,
#contents :where(h4):where(.title)[style*=center],
#contents :where(h5):where(.title).text-center,
#contents :where(h5):where(.title)[style*=center],
#contents :where(h6):where(.title).text-center,
#contents :where(h6):where(.title)[style*=center] {
  display: flex;
  justify-content: center;
}
#contents h1 + *,
#contents h1 + .container,
#contents h2 + *,
#contents h2 + .container,
#contents h3 + *,
#contents h3 + .container,
#contents h4 + *,
#contents h4 + .container,
#contents h5 + *,
#contents h5 + .container,
#contents h6 + *,
#contents h6 + .container {
  margin-top: 0.8rem;
}
#contents :where(h2):not([class]) {
  display: flex;
  color: var(--DEF);
  margin-top: 4.5rem;
}
#contents :where(h2):not([class]):before {
  content: "";
  flex-shrink: 0;
  width: 5px;
  position: relative;
  top: 0.07em;
  background-color: var(--MAIN);
  margin-right: 10px;
  display: block;
}
#contents :where(h3):not([class]) {
  padding-bottom: 10px;
  border-bottom: var(--GRY) 1px solid;
  color: var(--DEF);
  margin-top: 3rem;
}
#contents :where(h4):not([class]) {
  position: relative;
  display: flex;
  color: var(--DEF);
}
#contents :where(h4):not([class]):before {
  content: "";
  flex-shrink: 0;
  width: 0.5em;
  height: 0.5em;
  position: relative;
  border-radius: 50%;
  top: 0.4em;
  background-color: var(--MAIN);
  margin-right: 8px;
  display: block;
}
#contents :where(h5):not([class]),
#contents :where(h6):not([class]) {
  color: var(--MAIN);
}
#contents :where(h1):not([class]) + :where(h2):not([class]),
#contents :where(h2):not([class]) + :where(h3):not([class]),
#contents :where(h3):not([class]) + :where(h4):not([class]),
#contents :where(h4):not([class]) + :where(h5):not([class]),
#contents :where(h5):not([class]) + :where(h6):not([class]) {
  margin-top: 0.8rem;
}
#contents .l-title__outer > :first-child {
  margin-top: 0;
}
#contents .l-title__outer + * {
  margin-top: 0.8rem;
}
#contents .l-title__outer :where(.title) {
  color: var(--MAIN);
}
#contents .l-title__outer :where(.title).before-def:before {
  background-color: var(--DEF) !important;
}
#contents .l-title__outer :where(.title).before-main:before {
  background-color: var(--MAIN) !important;
}
#contents .l-title__outer :where(.title).before-accent:before {
  background-color: var(--ACC) !important;
}
#contents .l-title__outer :where(.title).before-other:before {
  background-color: var(--OTH) !important;
}
#contents .l-title__outer :where(.title).before-link:before {
  background-color: var(--LINK) !important;
}
#contents .l-title__outer :where(.title).before-gry:before {
  background-color: var(--GRY) !important;
}
#contents .l-title__outer :where(.title).before-dgry:before {
  background-color: var(--DGRY) !important;
}
#contents .l-title__outer :where(.title).before-lgry:before {
  background-color: var(--LGRY) !important;
}
#contents .l-title__outer :where(.title).before-wht:before {
  background-color: var(--WHT) !important;
}
#contents .l-title__outer :where(.title).before-lmain:before {
  background-color: var(--LMAIN) !important;
}
#contents .l-title__outer :where(.title).before-laccent:before {
  background-color: var(--LACC) !important;
}
#contents .l-title__outer :where(.title).before-lother:before {
  background-color: var(--LOTH) !important;
}
#contents .l-title__outer.--typeA :where(.title) {
  display: flex;
  color: var(--DEF);
}
#contents .l-title__outer.--typeA :where(.title):before {
  content: "";
  flex-shrink: 0;
  width: 5px;
  position: relative;
  top: 0.07em;
  background-color: var(--MAIN);
  margin-right: 10px;
  display: block;
}
#contents .l-title__outer.--typeA :where(.title).text-center,
#contents .l-title__outer.--typeA :where(.title)[style*=center] {
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
}
#contents .l-title__outer.--typeA :where(.title).text-center:before,
#contents .l-title__outer.--typeA :where(.title)[style*=center]:before {
  content: "";
  flex-shrink: 0;
  width: 1.8em;
  height: 5px;
  margin-right: unset;
  display: block;
  margin-top: 10px;
}
#contents .l-title__outer.--typeB :where(.title) {
  position: relative;
  display: flex;
  color: var(--DEF);
}
#contents .l-title__outer.--typeB :where(.title):before {
  content: "";
  flex-shrink: 0;
  width: 0.5em;
  height: 0.5em;
  position: relative;
  border-radius: 50%;
  top: 0.4em;
  background-color: var(--MAIN);
  margin-right: 8px;
  display: block;
}
#contents .l-title__outer.--typeC :where(.title) {
  padding-bottom: 10px;
  border-bottom: var(--GRY) 1px solid;
  color: var(--DEF);
}
#contents .l-title__outer.--typeC :where(.title).text-center,
#contents .l-title__outer.--typeC :where(.title)[style*=center] {
  border-bottom: none;
  position: relative;
}
#contents .l-title__outer.--typeC :where(.title).text-center:after,
#contents .l-title__outer.--typeC :where(.title)[style*=center]:after {
  content: "";
  width: 1.2em;
  height: 3px;
  background: var(--GRY);
  position: absolute;
  left: calc(50% - 0.6em);
  bottom: 0;
}
#contents .l-title__outer.--typeD :where(.title) {
  position: relative;
  padding-bottom: 8px;
  border-bottom: var(--LGRY) 3px solid;
  color: var(--DEF);
}
#contents .l-title__outer.--typeD :where(.title):before {
  content: "";
  flex-shrink: 0;
  width: 2.2em;
  height: 3px;
  background-color: var(--MAIN);
  display: block;
  position: absolute;
  left: 0;
  bottom: -3px;
}
#contents .l-title__outer.--typeD :where(.title).text-center,
#contents .l-title__outer.--typeD :where(.title)[style*=center] {
  position: relative;
  padding-bottom: 0;
  border-bottom: unset;
  display: flex;
}
#contents .l-title__outer.--typeD :where(.title).text-center:before,
#contents .l-title__outer.--typeD :where(.title)[style*=center]:before {
  content: "";
  flex-shrink: 0;
  width: 0.6em;
  height: 5px;
  background-color: var(--MAIN);
  display: block;
  position: relative;
  top: 0.6em;
  margin-right: 10px;
}
#contents .l-title__outer:has(.badge) {
  display: inline-flex;
  align-items: flex-start;
}
#contents .l-title__outer:has(.badge) .badge {
  white-space: nowrap;
  margin-right: 0.5rem;
  margin-top: 0.2rem;
}
#contents .l-title__outer:has(.num) .title {
  display: inline-flex;
  align-items: flex-start;
}
#contents .l-title__outer:has(.num) .num {
  white-space: nowrap;
  margin-right: 10px;
}
#contents .l-title__outer:has([class*=__btn]) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#contents :where(.l-title__btn) {
  margin-top: unset !important;
}
#contents .l-txt__outer > :where(*) ~ :where(*) {
  margin-top: 0.8em;
}
#contents .l-toggle + .l-toggle {
  margin-top: -1px;
}
#contents .l-toggle__outer {
  border-top: var(--GRY) 1px solid;
  border-bottom: var(--GRY) 1px solid;
}
#contents .l-toggle__btn {
  display: flex;
  width: 100%;
  position: relative;
  text-align: left;
  font-weight: 700;
  align-items: center;
  line-height: 1.5;
  min-height: 3rem;
  font-size: 1.125rem;
  pointer-events: none;
}
#contents .l-toggle__btn > .txt {
  position: relative;
  display: block;
  width: 100%;
  padding: 10px 0;
}
#contents .l-toggle__btn[aria-expanded] {
  pointer-events: auto;
  transition: 0.3s;
}
#contents .l-toggle__btn[aria-expanded] > .txt {
  padding-right: 30px;
}
#contents .l-toggle__btn[aria-expanded] > .txt:after,
#contents .l-toggle__btn[aria-expanded] > .txt:before {
  content: "";
  width: 16px;
  height: 2px;
  background-color: var(--MAIN);
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
}
#contents .l-toggle__btn[aria-expanded] > .txt:after {
  transform: rotate(90deg);
  transition: transform 0.3s;
}
#contents .l-toggle__btn[aria-expanded=true] > .txt:after {
  transform: rotate(180deg);
}
#contents .l-toggle__panel {
  padding: 0 0 15px;
  margin-top: 0 !important;
}
#contents [data-id=editor] .l-toggle__panel,
#contents body.dcms_editor .l-toggle__panel,
#contents body.page_mainimage .l-toggle__panel,
#contents html.is-editor .l-toggle__panel {
  animation: none !important;
  transition: none !important;
  opacity: 1 !important;
  transform: none !important;
  display: block !important;
}
@media print, screen and (min-width: 576px) {
  #contents .l-column__outer {
    padding: 3rem 0.75rem 120px;
    max-width: 540px;
  }
  #contents .bownow {
    margin-bottom: 1.2rem !important;
  }
  #contents .align-items-sm-unset {
    align-items: unset !important;
  }
  #contents .l-header__outer.l-header-BS01 .l-header__nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto;
  }
  #contents .l-header__outer.l-header-BS01 .l-induce__outer {
    margin-top: 0;
  }
  #contents .l-header__outer.l-header-BS01 .l-induce__btn:before {
    margin-bottom: 3px;
  }
  #contents .l-header__outer.l-header-BS01 .l-induce__btn .txt {
    font-size: 0.75rem;
    white-space: nowrap;
  }
  #contents .l-header__outer.l-header-BS03 .l-header__bar {
    height: 100%;
  }
  #contents .l-footer__copyright {
    margin-top: 50px;
    font-size: 0.75rem;
  }
  #contents .l-footer__outer {
    padding-top: 3rem;
  }
  #contents .l-footer__logo {
    margin: 0;
  }
  #contents .l-footer__nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px 24px;
    margin-top: 20px;
  }
  #contents .l-footer__list {
    display: block;
    margin-top: 10px;
  }
  #contents .l-footer__title ~ li {
    margin-top: 15px;
  }
  #contents .l-footer__title > a {
    background: unset;
    border: none;
    display: inline-flex;
    justify-content: unset;
    align-items: unset;
    font-size: 1.125rem;
    padding: 0;
  }
  #contents .l-footer__title > a:where([href$=".pdf"]):after,
  #contents .l-footer__title > a:where([href^="https://saas.actibookone.com/"]):after,
  #contents .l-footer__title > a:where([target=_blank]):after {
    margin-top: 0.4em;
  }
  #contents .l-footer__other {
    border: none;
    margin: 30px -20px 0;
    box-shadow: unset;
    width: calc(100% + 40px);
    padding: 30px 20px;
    gap: 5px 20px;
    background-color: var(--LGRY);
    justify-content: center;
  }
  #contents .l-footer__other > li {
    border: none;
    width: unset;
  }
  #contents .l-footer__other > li:nth-child(odd) {
    border: none;
  }
  #contents .l-footer__other > li a {
    display: inline-flex;
  }
  #contents .l-footer__other > li a {
    padding: 0;
    font-size: 1.125rem;
    display: inline-flex;
    align-items: center;
  }
  #contents .l-footer__other > li a:before {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea01";
    margin-right: 5px;
    font-size: 0.75rem;
  }
  #contents .l-pagetop__btn a {
    right: 15px;
  }
  #contents .l-pagetop__btn a .txt {
    width: 60px;
    height: 60px;
    font-size: 0.625rem;
  }
  #contents .l-pagetop__btn a .txt:before {
    margin-bottom: 8px;
  }
  #contents .l-pagetop__btn.is-scroll a {
    bottom: 70px;
  }
  #contents .l-pagetop__btn.is-bottom a {
    top: -90px;
  }
  #contents .l-footer__sns {
    justify-content: flex-start;
  }
  #contents .l-footer__sns > li > a {
    width: 35px;
    height: 35px;
  }
  #contents .l-footer__sns > li > a:before {
    font-size: 1.25rem;
  }
  #contents .l-footer__guidance a {
    font-size: 0.75rem;
    letter-spacing: unset;
  }
  #contents .l-footer__outer.l-footer-BS01 .l-footer__child > :nth-child(2) .l-footer__title + .l-footer__title {
    position: relative;
  }
  #contents .l-footer__outer.l-footer-BS01 .l-footer__child > :nth-child(2) .l-footer__title + .l-footer__title:before {
    content: "";
    width: 1px;
    height: 70%;
    display: block;
    background-color: var(--DEF);
    position: absolute;
    left: -12px;
    top: 20%;
  }
  #contents .l-footer__outer.l-footer-BS01 .l-footer__utility {
    margin-top: 50px;
  }
  #contents .l-footer__outer.l-footer-BS01 .l-footer__guidance {
    padding: 0 20px;
  }
  #contents .l-footer__outer.l-footer-BS01 .l-footer__guidance a {
    font-size: 0.875rem;
  }
  #contents .l-footer__outer.l-footer-BS01 .l-footer__copyright {
    margin-top: 16px;
  }
  #contents .l-footer__outer.l-footer-BS02 .l-footer__gnav {
    margin-top: 5px;
    padding-top: 30px;
    border-top: var(--GRY) 1px solid;
  }
  #contents .l-footer__outer.l-footer-BS02 .l-footer__info {
    display: flex;
    flex: unset;
    align-items: center;
    justify-content: center;
  }
  #contents .l-footer__outer.l-footer-BS02 .l-footer__info {
    padding-bottom: 43px;
  }
  #contents .l-footer__outer.l-footer-BS02 .l-footer__logo {
    padding-bottom: 45px;
  }
  #contents .l-footer__outer.l-footer-BS02 .l-footer__data {
    margin-top: 0;
    position: relative;
    padding-left: 20px;
  }
  #contents .l-footer__outer.l-footer-BS02 .l-footer__data > dl > dd {
    position: relative;
  }
  #contents .l-footer__outer.l-footer-BS02 .l-footer__sns {
    position: absolute;
    left: -200px;
    bottom: 0;
    width: 200px;
    justify-content: center;
  }
  #contents .l-footer__outer.l-footer-BS02 .l-footer__utility {
    margin-top: 0;
    background-color: var(--DEF);
    padding: 20px;
  }
  #contents .l-footer__outer.l-footer-BS02 .l-footer__guidance {
    padding: 0;
  }
  #contents .l-footer__outer.l-footer-BS02 .l-footer__guidance a {
    color: var(--WHT);
    font-size: 0.875rem;
    transition: 0.3s;
  }
  #contents .l-footer__outer.l-footer-BS02 .l-footer__guidance > li ~ li:before {
    background-color: var(--WHT);
  }
  #contents .l-footer__outer.l-footer-BS02 .l-footer__copyright {
    margin-top: 5px;
    width: unset;
    padding: 0;
  }
  #contents .l-footer__outer.l-footer-BS03 .l-pagetop__btn a {
    right: unset !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
  #contents .l-footer__outer.l-footer-BS03 .l-pagetop__btn a .txt {
    background: unset;
    position: relative;
    width: 100px;
    height: 100px;
    justify-content: flex-start;
    padding-top: 16px;
  }
  #contents .l-footer__outer.l-footer-BS03 .l-pagetop__btn a .txt .in {
    position: relative;
    z-index: 1;
  }
  #contents .l-footer__outer.l-footer-BS03 .l-pagetop__btn a .txt:before {
    content: "";
    width: 100px;
    height: 100px;
    transform: rotate(135deg);
    border-radius: 5px;
    position: absolute;
    left: calc(50% - 50px);
    top: 0;
    background-color: var(--DEF);
    transition: top 0.3s;
  }
  #contents .l-footer__outer.l-footer-BS03 .l-pagetop__btn.is-scroll a {
    bottom: 37px;
    right: auto !important;
  }
  #contents .l-footer__outer.l-footer-BS03 .l-pagetop__btn.is-bottom a {
    bottom: -123px;
  }
  #contents .l-footer__outer.l-footer-BS03 .l-footer__copyright {
    width: unset;
    width: calc(100% + 40px);
    margin: 15px -20px 0;
  }
  #contents .l-cta__phone .num {
    font-size: 2.5rem;
  }
  #contents :where(.l-subnav__list) {
    gap: 1rem;
    margin-right: -1rem;
  }
  #contents :where(.l-subnav__list) li {
    width: calc(50% - 1rem);
  }
  #contents .l-column__outer .l-column__side:not(.media-column__side) {
    margin-bottom: -120px;
  }
  #contents .l-colgrid__outer {
    -moz-column-gap: 0.625rem;
    column-gap: 0.625rem;
    row-gap: 1.875rem;
  }
  #contents .l-colgrid__outer:where([class*=row-cols-sm-1]) {
    grid-template-columns: repeat(1, minmax(auto, 1fr));
  }
  #contents .l-colgrid__outer:where([class*=row-cols-sm-2]) {
    grid-template-columns: repeat(2, minmax(auto, 1fr));
  }
  #contents .l-colgrid__outer:where([class*=row-cols-sm-3]) {
    grid-template-columns: repeat(3, minmax(auto, 1fr));
  }
  #contents .l-colgrid__outer:where([class*=row-cols-sm-4]) {
    grid-template-columns: repeat(4, minmax(auto, 1fr));
  }
  #contents .l-colgrid__outer:where([class*=row-cols-sm-5]) {
    grid-template-columns: repeat(5, minmax(auto, 1fr));
  }
  #contents .l-colgrid__outer:where([class*=row-cols-sm-6]) {
    grid-template-columns: repeat(6, minmax(auto, 1fr));
  }
  #contents .l-wide__outer {
    margin-left: calc((100vw - 100%) / 2 * -1);
    margin-right: calc((100vw - 100%) / 2 * -1);
    padding-left: calc((100vw - 100%) / 2);
    padding-right: calc((100vw - 100%) / 2);
  }
  #contents .--fill-box .l-wide__outer {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
  }
  #contents #dcms_layoutPageBlock > .l-wide__outer:last-child,
  #contents #dcms_layoutPageBlock > :last-child:has(.l-fv__outer) .l-wide__outer,
  #contents #dcms_layoutPageBlock > :last-child:has(.l-wide__outer) > .l-wide__outer:not(.l-cnt-006):not(.l-cnt-007):last-child {
    margin-bottom: -120px;
  }
  #contents html:not(:has(.is-open)) :where(#wrapper):where([style*="--scroll"]) .l-wide__outer:not(.--fill-box) {
    margin-left: calc((100vw - 100%) / 2 * -1 + var(--scroll) / 2);
    margin-right: calc((100vw - 100%) / 2 * -1 + var(--scroll) / 2);
    padding-left: calc((100vw - 100%) / 2 - var(--scroll) / 2);
    padding-right: calc((100vw - 100%) / 2 - var(--scroll) / 2);
  }
  #contents html:not(:has(.is-open)) :where(#wrapper):where([style*="--scroll"]) .l-wide__outer:not(.--fill-box).--full {
    padding-left: 0;
    padding-right: 0;
  }
  #contents :where(#wrapper):where([style*="--scroll"]) .l-wide__outer:not(.--fill-box).--full {
    padding-left: 0;
    padding-right: 0;
  }
  #contents :where(#wrapper):where([style*="--scroll"]) .--fill-box .l-wide__outer {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
    padding-left: 20px;
    padding-right: 20px;
  }
  #contents .l-column__outer .l-column__side {
    margin-top: 120px;
  }
  #contents .--fill-box {
    padding: 30px 20px;
  }
  #contents .fs-sm-10 {
    font-size: 0.625rem;
  }
  #contents .fs-sm-12 {
    font-size: 0.75rem;
  }
  #contents .fs-sm-14 {
    font-size: 0.875rem;
  }
  #contents .fs-sm-16 {
    font-size: 1rem;
  }
  #contents .fs-sm-18 {
    font-size: 1.125rem;
  }
  #contents .fs-sm-20 {
    font-size: 1.25rem;
  }
  #contents .fs-sm-22 {
    font-size: 1.375rem;
  }
  #contents .fs-sm-24 {
    font-size: 1.5rem;
  }
  #contents .fs-sm-26 {
    font-size: 1.625rem;
  }
  #contents .fs-sm-28 {
    font-size: 1.75rem;
  }
  #contents .fs-sm-30 {
    font-size: 1.875rem;
  }
  #contents .fs-sm-32 {
    font-size: 2rem;
  }
  #contents .fs-sm-34 {
    font-size: 2.125rem;
  }
  #contents .fs-sm-36 {
    font-size: 2.25rem;
  }
  #contents .fs-sm-38 {
    font-size: 2.375rem;
  }
  #contents .fs-sm-40 {
    font-size: 2.5rem;
  }
  #contents .l-form__address:has([class*=zip]) .l-form__input {
    max-width: 300px;
  }
  #contents :where(select) {
    max-width: 320px;
  }
  #contents .l-gallery__arr:after {
    font-size: 1.125rem;
  }
  #contents .l-btn__outer.--grid :where(.l-link__btn),
  #contents [class*=row-cols] :where(.l-link__btn) {
    min-width: unset;
    max-width: unset;
  }
  #contents .max-sm-unset {
    max-width: unset !important;
  }
  #contents .max-sm-100 {
    max-width: 100px;
  }
  #contents .max-sm-110 {
    max-width: 110px;
  }
  #contents .max-sm-120 {
    max-width: 120px;
  }
  #contents .max-sm-130 {
    max-width: 130px;
  }
  #contents .max-sm-140 {
    max-width: 140px;
  }
  #contents .max-sm-150 {
    max-width: 150px;
  }
  #contents .max-sm-160 {
    max-width: 160px;
  }
  #contents .max-sm-170 {
    max-width: 170px;
  }
  #contents .max-sm-180 {
    max-width: 180px;
  }
  #contents .max-sm-190 {
    max-width: 190px;
  }
  #contents .max-sm-200 {
    max-width: 200px;
  }
  #contents .max-sm-210 {
    max-width: 210px;
  }
  #contents .max-sm-220 {
    max-width: 220px;
  }
  #contents .max-sm-230 {
    max-width: 230px;
  }
  #contents .max-sm-240 {
    max-width: 240px;
  }
  #contents .max-sm-250 {
    max-width: 250px;
  }
  #contents .max-sm-260 {
    max-width: 260px;
  }
  #contents .max-sm-270 {
    max-width: 270px;
  }
  #contents .max-sm-280 {
    max-width: 280px;
  }
  #contents .max-sm-290 {
    max-width: 290px;
  }
  #contents .max-sm-300 {
    max-width: 300px;
  }
  #contents .max-sm-310 {
    max-width: 310px;
  }
  #contents .max-sm-320 {
    max-width: 320px;
  }
  #contents .max-sm-330 {
    max-width: 330px;
  }
  #contents .max-sm-340 {
    max-width: 340px;
  }
  #contents .max-sm-350 {
    max-width: 350px;
  }
  #contents .max-sm-360 {
    max-width: 360px;
  }
  #contents .max-sm-370 {
    max-width: 370px;
  }
  #contents .max-sm-380 {
    max-width: 380px;
  }
  #contents .max-sm-390 {
    max-width: 390px;
  }
  #contents .max-sm-400 {
    max-width: 400px;
  }
  #contents .max-sm-410 {
    max-width: 410px;
  }
  #contents .max-sm-420 {
    max-width: 420px;
  }
  #contents .max-sm-430 {
    max-width: 430px;
  }
  #contents .max-sm-440 {
    max-width: 440px;
  }
  #contents .max-sm-450 {
    max-width: 450px;
  }
  #contents .max-sm-460 {
    max-width: 460px;
  }
  #contents .max-sm-470 {
    max-width: 470px;
  }
  #contents .max-sm-480 {
    max-width: 480px;
  }
  #contents .max-sm-490 {
    max-width: 490px;
  }
  #contents .max-sm-500 {
    max-width: 500px;
  }
  #contents .max-sm-510 {
    max-width: 510px;
  }
  #contents .max-sm-520 {
    max-width: 520px;
  }
  #contents .max-sm-530 {
    max-width: 530px;
  }
  #contents .max-sm-540 {
    max-width: 540px;
  }
  #contents .max-sm-550 {
    max-width: 550px;
  }
  #contents .max-sm-560 {
    max-width: 560px;
  }
  #contents .max-sm-570 {
    max-width: 570px;
  }
  #contents .max-sm-580 {
    max-width: 580px;
  }
  #contents .max-sm-590 {
    max-width: 590px;
  }
  #contents .max-sm-600 {
    max-width: 600px;
  }
  #contents .l-swiper__pagination {
    margin-top: 30px;
  }
  #contents :where(.t-sm-start) {
    text-align: left;
  }
  #contents :where(.t-sm-center) {
    text-align: center;
  }
  #contents :where(.t-sm-end) {
    text-align: right;
  }
  #contents :where(h2):not([class])[style*=center]:before {
    margin-top: 1rem;
  }
  #contents :where(h3):not([class])[style*=center] {
    padding-bottom: 1rem;
  }
  #contents .l-title__outer.--typeA :where(.title).text-center:before,
  #contents .l-title__outer.--typeA :where(.title)[style*=center]:before {
    margin-top: 1rem;
  }
  #contents .l-title__outer.--typeC :where(.title).text-center,
  #contents .l-title__outer.--typeC :where(.title)[style*=center] {
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 576px) and (min-width: 992px) {
  #contents .l-footer__outer.l-footer-BS01 .l-footer__child > :nth-child(2) .l-footer__title + .l-footer__title:before {
    display: none;
  }
}
@media print and (hover: hover) and (pointer: fine), screen and (min-width: 576px) and (min-width: 768px) and (hover: hover) and (pointer: fine) {
  #contents .l-footer__outer.l-footer-BS02 .l-footer__guidance a:hover {
    color: var(--WHT);
  }
}
@media print and (hover: hover) and (pointer: fine), screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
  #contents :where(a):hover img {
    opacity: 0.8;
  }
  #contents :where(a.hover-text-underline):hover {
    text-decoration: underline;
    color: var(--LINK);
  }
  #contents :where(a.hover-text-underline):has(.txt):hover {
    text-decoration: none;
  }
  #contents :where(a.hover-text-underline):has(.txt):hover .txt {
    text-decoration: underline;
  }
  #contents .hover-text-noline:not(:has(.txt)):hover {
    text-decoration: underline !important;
  }
  #contents .hover-text-noline:has(.txt) .txt:hover .txt {
    text-decoration: underline !important;
  }
  #contents .l-menu__btn:hover {
    background-color: var(--MAIN);
  }
  #contents .l-induce__btn:hover {
    background-color: var(--WHT);
    border-color: var(--MAIN);
    color: var(--MAIN);
  }
  #contents a:hover .l-induce__btn {
    background-color: var(--WHT);
    border-color: var(--MAIN);
    color: var(--MAIN);
  }
  #contents .l-lang__outer li a:hover {
    background-color: var(--LMAIN);
  }
  #contents .l-search__btn:hover:before {
    color: var(--WHT);
  }
  #contents .l-child__item > a:hover {
    color: var(--MAIN);
  }
  #contents .l-child__item > a:hover .txt {
    text-decoration: underline;
  }
  #contents .l-gchild__list > li > a:hover {
    text-decoration: underline;
  }
  #contents .l-header__outer.typeN .l-menu__btn:hover:after {
    opacity: 1;
  }
  #contents .l-header__outer.l-header-BS01 .l-search__btn:hover {
    transform: scale(1.3);
    background-color: var(--MAIN);
    color: var(--WHT);
  }
  #contents .l-header__outer.l-header-BS02 .l-search__btn:hover {
    transform: scale(1.3);
    background-color: var(--MAIN);
    color: var(--WHT);
  }
  #contents .l-footer__title > a:hover {
    text-decoration: underline;
    color: var(--MAIN);
  }
  #contents .l-footer__item > a:hover {
    text-decoration: underline;
    color: var(--MAIN);
  }
  #contents .l-footer__other > li a:hover .txt {
    text-decoration: underline;
  }
  #contents .l-footer__sns > li > a:hover {
    color: var(--DEF);
    background-color: var(--WHT);
  }
  #contents .l-footer__guidance a:hover {
    text-decoration: underline;
  }
  #contents .l-footer__outer.l-footer-BS03 .l-pagetop__btn a:hover {
    opacity: 1 !important;
  }
  #contents .l-footer__outer.l-footer-BS03 .l-pagetop__btn a:hover .txt:before {
    top: -10px;
  }
  #contents :where(.l-subnav__title) a:hover {
    text-decoration: underline;
  }
  #contents :where(.l-subnav__list) a:hover {
    color: var(--MAIN);
  }
  #contents .l-fixed__close:hover {
    background-color: var(--WHT);
  }
  #contents .l-fixed__close:hover:before {
    color: var(--MAIN);
  }
  #contents .l-anchor__list .l-link__btn:hover .txt:after {
    transform: translateY(5px);
  }
  #contents :where(a.badge).bg-def:hover,
  #contents :where(a.chip).bg-def:hover {
    color: var(--DEF);
    background-color: var(--WHT);
  }
  #contents :where(a.badge).bg-main:hover,
  #contents :where(a.chip).bg-main:hover {
    color: var(--MAIN);
    background-color: var(--WHT);
  }
  #contents :where(a.badge).bg-accent:hover,
  #contents :where(a.chip).bg-accent:hover {
    color: var(--ACC);
    background-color: var(--WHT);
  }
  #contents :where(a.badge).bg-other:hover,
  #contents :where(a.chip).bg-other:hover {
    color: var(--OTH);
    background-color: var(--WHT);
  }
  #contents :where(a.badge).bg-link:hover,
  #contents :where(a.chip).bg-link:hover {
    color: var(--LINK);
    background-color: var(--WHT);
  }
  #contents :where(a.badge).bg-gry:hover,
  #contents :where(a.chip).bg-gry:hover {
    color: var(--GRY);
    background-color: var(--WHT);
  }
  #contents :where(a.badge).bg-dgry:hover,
  #contents :where(a.chip).bg-dgry:hover {
    color: var(--DGRY);
    background-color: var(--WHT);
  }
  #contents :where(a.badge).bg-lgry:hover,
  #contents :where(a.chip).bg-lgry:hover {
    color: var(--LGRY);
    background-color: var(--WHT);
  }
  #contents :where(a.badge).bg-wht:hover,
  #contents :where(a.chip).bg-wht:hover {
    color: var(--WHT);
    background-color: var(--WHT);
  }
  #contents :where(a.badge).bg-lmain:hover,
  #contents :where(a.chip).bg-lmain:hover {
    color: var(--LMAIN);
    background-color: var(--WHT);
  }
  #contents :where(a.badge).bg-laccent:hover,
  #contents :where(a.chip).bg-laccent:hover {
    color: var(--LACC);
    background-color: var(--WHT);
  }
  #contents :where(a.badge).bg-lother:hover,
  #contents :where(a.chip).bg-lother:hover {
    color: var(--LOTH);
    background-color: var(--WHT);
  }
  #contents :where(a.badge).border-def:hover,
  #contents :where(a.chip).border-def:hover {
    background-color: var(--DEF);
    color: var(--WHT);
  }
  #contents :where(a.badge).border-main:hover,
  #contents :where(a.chip).border-main:hover {
    background-color: var(--MAIN);
    color: var(--WHT);
  }
  #contents :where(a.badge).border-accent:hover,
  #contents :where(a.chip).border-accent:hover {
    background-color: var(--ACC);
    color: var(--WHT);
  }
  #contents :where(a.badge).border-other:hover,
  #contents :where(a.chip).border-other:hover {
    background-color: var(--OTH);
    color: var(--WHT);
  }
  #contents :where(a.badge).border-link:hover,
  #contents :where(a.chip).border-link:hover {
    background-color: var(--LINK);
    color: var(--WHT);
  }
  #contents :where(a.badge).border-gry:hover,
  #contents :where(a.chip).border-gry:hover {
    background-color: var(--GRY);
    color: var(--WHT);
  }
  #contents :where(a.badge).border-dgry:hover,
  #contents :where(a.chip).border-dgry:hover {
    background-color: var(--DGRY);
    color: var(--WHT);
  }
  #contents :where(a.badge).border-lgry:hover,
  #contents :where(a.chip).border-lgry:hover {
    background-color: var(--LGRY);
    color: var(--WHT);
  }
  #contents :where(a.badge).border-wht:hover,
  #contents :where(a.chip).border-wht:hover {
    background-color: var(--WHT);
    color: var(--WHT);
  }
  #contents :where(a.badge).border-lmain:hover,
  #contents :where(a.chip).border-lmain:hover {
    background-color: var(--LMAIN);
    color: var(--WHT);
  }
  #contents :where(a.badge).border-laccent:hover,
  #contents :where(a.chip).border-laccent:hover {
    background-color: var(--LACC);
    color: var(--WHT);
  }
  #contents :where(a.badge).border-lother:hover,
  #contents :where(a.chip).border-lother:hover {
    background-color: var(--LOTH);
    color: var(--WHT);
  }
  #contents .l-card__txtarea a:hover .l-media__title {
    color: var(--MAIN);
  }
  #contents a.l-card__item:hover .l-card__title {
    color: var(--MAIN);
    text-decoration: underline;
  }
  #contents .bg-def[class*=__btn]:hover {
    background-color: var(--WHT);
    border-color: var(--DEF);
    color: var(--DEF);
  }
  #contents a:hover .bg-def[class*=__btn] {
    background-color: var(--WHT);
    border-color: var(--DEF);
    color: var(--DEF);
  }
  #contents .bg-main[class*=__btn]:hover {
    background-color: var(--WHT);
    border-color: var(--MAIN);
    color: var(--MAIN);
  }
  #contents a:hover .bg-main[class*=__btn] {
    background-color: var(--WHT);
    border-color: var(--MAIN);
    color: var(--MAIN);
  }
  #contents .bg-accent[class*=__btn]:hover {
    background-color: var(--WHT);
    border-color: var(--ACC);
    color: var(--ACC);
  }
  #contents a:hover .bg-accent[class*=__btn] {
    background-color: var(--WHT);
    border-color: var(--ACC);
    color: var(--ACC);
  }
  #contents .bg-other[class*=__btn]:hover {
    background-color: var(--WHT);
    border-color: var(--OTH);
    color: var(--OTH);
  }
  #contents a:hover .bg-other[class*=__btn] {
    background-color: var(--WHT);
    border-color: var(--OTH);
    color: var(--OTH);
  }
  #contents .bg-link[class*=__btn]:hover {
    background-color: var(--WHT);
    border-color: var(--LINK);
    color: var(--LINK);
  }
  #contents a:hover .bg-link[class*=__btn] {
    background-color: var(--WHT);
    border-color: var(--LINK);
    color: var(--LINK);
  }
  #contents .bg-gry[class*=__btn]:hover {
    background-color: var(--WHT);
    border-color: var(--GRY);
    color: var(--DEF);
  }
  #contents a:hover .bg-gry[class*=__btn] {
    background-color: var(--WHT);
    border-color: var(--GRY);
    color: var(--DEF);
  }
  #contents .bg-dgry[class*=__btn]:hover {
    background-color: var(--WHT);
    border-color: var(--DGRY);
    color: var(--DGRY);
  }
  #contents a:hover .bg-dgry[class*=__btn] {
    background-color: var(--WHT);
    border-color: var(--DGRY);
    color: var(--DGRY);
  }
  #contents .bg-lgry[class*=__btn]:hover {
    background-color: var(--WHT);
    border-color: var(--GRY);
    color: var(--DEF);
  }
  #contents a:hover .bg-lgry[class*=__btn] {
    background-color: var(--WHT);
    border-color: var(--GRY);
    color: var(--DEF);
  }
  #contents .bg-wht[class*=__btn]:hover {
    background-color: var(--MAIN);
    border-color: var(--MAIN);
    color: var(--WHT);
  }
  #contents a:hover .bg-wht[class*=__btn] {
    background-color: var(--MAIN);
    border-color: var(--MAIN);
    color: var(--WHT);
  }
  #contents .bg-lmain[class*=__btn]:hover {
    background-color: var(--WHT);
    border-color: var(--MAIN);
    color: var(--MAIN);
  }
  #contents a:hover .bg-lmain[class*=__btn] {
    background-color: var(--WHT);
    border-color: var(--MAIN);
    color: var(--MAIN);
  }
  #contents .bg-laccent[class*=__btn]:hover {
    background-color: var(--WHT);
    border-color: var(--ACC);
    color: var(--ACC);
  }
  #contents a:hover .bg-laccent[class*=__btn] {
    background-color: var(--WHT);
    border-color: var(--ACC);
    color: var(--ACC);
  }
  #contents .bg-lother[class*=__btn]:hover {
    background-color: var(--WHT);
    border-color: var(--OTH);
    color: var(--OTH);
  }
  #contents a:hover .bg-lother[class*=__btn] {
    background-color: var(--WHT);
    border-color: var(--OTH);
    color: var(--OTH);
  }
  #contents .text-hover-def:hover {
    color: var(--DEF) !important;
  }
  #contents .text-hover-def:hover .l-card__title,
  #contents .text-hover-def:hover .txt {
    color: var(--DEF) !important;
  }
  #contents .text-hover-def:hover:has(a) a {
    color: var(--DEF) !important;
  }
  #contents .text-hover-def:hover:has(a) a .txt {
    color: var(--DEF) !important;
  }
  #contents .text-hover-main:hover {
    color: var(--MAIN) !important;
  }
  #contents .text-hover-main:hover .l-card__title,
  #contents .text-hover-main:hover .txt {
    color: var(--MAIN) !important;
  }
  #contents .text-hover-main:hover:has(a) a {
    color: var(--MAIN) !important;
  }
  #contents .text-hover-main:hover:has(a) a .txt {
    color: var(--MAIN) !important;
  }
  #contents .text-hover-accent:hover {
    color: var(--ACC) !important;
  }
  #contents .text-hover-accent:hover .l-card__title,
  #contents .text-hover-accent:hover .txt {
    color: var(--ACC) !important;
  }
  #contents .text-hover-accent:hover:has(a) a {
    color: var(--ACC) !important;
  }
  #contents .text-hover-accent:hover:has(a) a .txt {
    color: var(--ACC) !important;
  }
  #contents .text-hover-other:hover {
    color: var(--OTH) !important;
  }
  #contents .text-hover-other:hover .l-card__title,
  #contents .text-hover-other:hover .txt {
    color: var(--OTH) !important;
  }
  #contents .text-hover-other:hover:has(a) a {
    color: var(--OTH) !important;
  }
  #contents .text-hover-other:hover:has(a) a .txt {
    color: var(--OTH) !important;
  }
  #contents .text-hover-link:hover {
    color: var(--LINK) !important;
  }
  #contents .text-hover-link:hover .l-card__title,
  #contents .text-hover-link:hover .txt {
    color: var(--LINK) !important;
  }
  #contents .text-hover-link:hover:has(a) a {
    color: var(--LINK) !important;
  }
  #contents .text-hover-link:hover:has(a) a .txt {
    color: var(--LINK) !important;
  }
  #contents .text-hover-gry:hover {
    color: var(--GRY) !important;
  }
  #contents .text-hover-gry:hover .l-card__title,
  #contents .text-hover-gry:hover .txt {
    color: var(--GRY) !important;
  }
  #contents .text-hover-gry:hover:has(a) a {
    color: var(--GRY) !important;
  }
  #contents .text-hover-gry:hover:has(a) a .txt {
    color: var(--GRY) !important;
  }
  #contents .text-hover-dgry:hover {
    color: var(--DGRY) !important;
  }
  #contents .text-hover-dgry:hover .l-card__title,
  #contents .text-hover-dgry:hover .txt {
    color: var(--DGRY) !important;
  }
  #contents .text-hover-dgry:hover:has(a) a {
    color: var(--DGRY) !important;
  }
  #contents .text-hover-dgry:hover:has(a) a .txt {
    color: var(--DGRY) !important;
  }
  #contents .text-hover-lgry:hover {
    color: var(--LGRY) !important;
  }
  #contents .text-hover-lgry:hover .l-card__title,
  #contents .text-hover-lgry:hover .txt {
    color: var(--LGRY) !important;
  }
  #contents .text-hover-lgry:hover:has(a) a {
    color: var(--LGRY) !important;
  }
  #contents .text-hover-lgry:hover:has(a) a .txt {
    color: var(--LGRY) !important;
  }
  #contents .text-hover-wht:hover {
    color: var(--WHT) !important;
  }
  #contents .text-hover-wht:hover .l-card__title,
  #contents .text-hover-wht:hover .txt {
    color: var(--WHT) !important;
  }
  #contents .text-hover-wht:hover:has(a) a {
    color: var(--WHT) !important;
  }
  #contents .text-hover-wht:hover:has(a) a .txt {
    color: var(--WHT) !important;
  }
  #contents .text-hover-lmain:hover {
    color: var(--LMAIN) !important;
  }
  #contents .text-hover-lmain:hover .l-card__title,
  #contents .text-hover-lmain:hover .txt {
    color: var(--LMAIN) !important;
  }
  #contents .text-hover-lmain:hover:has(a) a {
    color: var(--LMAIN) !important;
  }
  #contents .text-hover-lmain:hover:has(a) a .txt {
    color: var(--LMAIN) !important;
  }
  #contents .text-hover-laccent:hover {
    color: var(--LACC) !important;
  }
  #contents .text-hover-laccent:hover .l-card__title,
  #contents .text-hover-laccent:hover .txt {
    color: var(--LACC) !important;
  }
  #contents .text-hover-laccent:hover:has(a) a {
    color: var(--LACC) !important;
  }
  #contents .text-hover-laccent:hover:has(a) a .txt {
    color: var(--LACC) !important;
  }
  #contents .text-hover-lother:hover {
    color: var(--LOTH) !important;
  }
  #contents .text-hover-lother:hover .l-card__title,
  #contents .text-hover-lother:hover .txt {
    color: var(--LOTH) !important;
  }
  #contents .text-hover-lother:hover:has(a) a {
    color: var(--LOTH) !important;
  }
  #contents .text-hover-lother:hover:has(a) a .txt {
    color: var(--LOTH) !important;
  }
  #contents .border-def[class*=__btn]:hover {
    background-color: var(--WHT);
    border-color: var(--DEF);
    color: var(--DEF);
  }
  #contents a:hover .border-def[class*=__btn] {
    background-color: var(--WHT);
    border-color: var(--DEF);
    color: var(--DEF);
  }
  #contents .border-def[class*=__btn].bg-wht:hover {
    border-color: var(--DEF);
    background-color: var(--DEF);
    color: var(--WHT);
  }
  #contents a:hover .border-def[class*=__btn].bg-wht {
    border-color: var(--DEF);
    background-color: var(--DEF);
    color: var(--WHT);
  }
  #contents .border-main[class*=__btn]:hover {
    background-color: var(--WHT);
    border-color: var(--MAIN);
    color: var(--MAIN);
  }
  #contents a:hover .border-main[class*=__btn] {
    background-color: var(--WHT);
    border-color: var(--MAIN);
    color: var(--MAIN);
  }
  #contents .border-main[class*=__btn].bg-wht:hover {
    border-color: var(--MAIN);
    background-color: var(--MAIN);
    color: var(--WHT);
  }
  #contents a:hover .border-main[class*=__btn].bg-wht {
    border-color: var(--MAIN);
    background-color: var(--MAIN);
    color: var(--WHT);
  }
  #contents .border-accent[class*=__btn]:hover {
    background-color: var(--WHT);
    border-color: var(--ACC);
    color: var(--ACC);
  }
  #contents a:hover .border-accent[class*=__btn] {
    background-color: var(--WHT);
    border-color: var(--ACC);
    color: var(--ACC);
  }
  #contents .border-accent[class*=__btn].bg-wht:hover {
    border-color: var(--ACC);
    background-color: var(--ACC);
    color: var(--WHT);
  }
  #contents a:hover .border-accent[class*=__btn].bg-wht {
    border-color: var(--ACC);
    background-color: var(--ACC);
    color: var(--WHT);
  }
  #contents .border-other[class*=__btn]:hover {
    background-color: var(--WHT);
    border-color: var(--OTH);
    color: var(--OTH);
  }
  #contents a:hover .border-other[class*=__btn] {
    background-color: var(--WHT);
    border-color: var(--OTH);
    color: var(--OTH);
  }
  #contents .border-other[class*=__btn].bg-wht:hover {
    border-color: var(--OTH);
    background-color: var(--OTH);
    color: var(--WHT);
  }
  #contents a:hover .border-other[class*=__btn].bg-wht {
    border-color: var(--OTH);
    background-color: var(--OTH);
    color: var(--WHT);
  }
  #contents .border-link[class*=__btn]:hover {
    background-color: var(--WHT);
    border-color: var(--LINK);
    color: var(--LINK);
  }
  #contents a:hover .border-link[class*=__btn] {
    background-color: var(--WHT);
    border-color: var(--LINK);
    color: var(--LINK);
  }
  #contents .border-link[class*=__btn].bg-wht:hover {
    border-color: var(--LINK);
    background-color: var(--LINK);
    color: var(--WHT);
  }
  #contents a:hover .border-link[class*=__btn].bg-wht {
    border-color: var(--LINK);
    background-color: var(--LINK);
    color: var(--WHT);
  }
  #contents .border-gry[class*=__btn]:hover {
    background-color: var(--WHT);
    border-color: var(--GRY);
    color: var(--DEF);
  }
  #contents a:hover .border-gry[class*=__btn] {
    background-color: var(--WHT);
    border-color: var(--GRY);
    color: var(--DEF);
  }
  #contents .border-gry[class*=__btn].bg-wht:hover {
    border-color: var(--GRY);
    background-color: var(--GRY);
    color: var(--DEF);
  }
  #contents a:hover .border-gry[class*=__btn].bg-wht {
    border-color: var(--GRY);
    background-color: var(--GRY);
    color: var(--DEF);
  }
  #contents .border-dgry[class*=__btn]:hover {
    background-color: var(--WHT);
    border-color: var(--DGRY);
    color: var(--DGRY);
  }
  #contents a:hover .border-dgry[class*=__btn] {
    background-color: var(--WHT);
    border-color: var(--DGRY);
    color: var(--DGRY);
  }
  #contents .border-dgry[class*=__btn].bg-wht:hover {
    border-color: var(--DGRY);
    background-color: var(--DGRY);
    color: var(--WHT);
  }
  #contents a:hover .border-dgry[class*=__btn].bg-wht {
    border-color: var(--DGRY);
    background-color: var(--DGRY);
    color: var(--WHT);
  }
  #contents .border-lgry[class*=__btn]:hover {
    background-color: var(--WHT);
    border-color: var(--GRY);
    color: var(--DEF);
  }
  #contents a:hover .border-lgry[class*=__btn] {
    background-color: var(--WHT);
    border-color: var(--GRY);
    color: var(--DEF);
  }
  #contents .border-lgry[class*=__btn].bg-wht:hover {
    border-color: var(--LGRY);
    background-color: var(--LGRY);
    color: var(--DEF);
  }
  #contents a:hover .border-lgry[class*=__btn].bg-wht {
    border-color: var(--LGRY);
    background-color: var(--LGRY);
    color: var(--DEF);
  }
  #contents .border-wht[class*=__btn]:hover {
    background-color: var(--MAIN);
    border-color: var(--MAIN);
    color: var(--WHT);
  }
  #contents a:hover .border-wht[class*=__btn] {
    background-color: var(--MAIN);
    border-color: var(--MAIN);
    color: var(--WHT);
  }
  #contents .border-wht[class*=__btn].bg-wht:hover {
    border-color: var(--MAIN);
    background-color: var(--MAIN);
    color: var(--WHT);
  }
  #contents a:hover .border-wht[class*=__btn].bg-wht {
    border-color: var(--MAIN);
    background-color: var(--MAIN);
    color: var(--WHT);
  }
  #contents .border-lmain[class*=__btn]:hover {
    background-color: var(--WHT);
    border-color: var(--MAIN);
    color: var(--MAIN);
  }
  #contents a:hover .border-lmain[class*=__btn] {
    background-color: var(--WHT);
    border-color: var(--MAIN);
    color: var(--MAIN);
  }
  #contents .border-lmain[class*=__btn].bg-wht:hover {
    border-color: var(--LMAIN);
    background-color: var(--LMAIN);
    color: var(--MAIN);
  }
  #contents a:hover .border-lmain[class*=__btn].bg-wht {
    border-color: var(--LMAIN);
    background-color: var(--LMAIN);
    color: var(--MAIN);
  }
  #contents .border-laccent[class*=__btn]:hover {
    background-color: var(--WHT);
    border-color: var(--ACC);
    color: var(--ACC);
  }
  #contents a:hover .border-laccent[class*=__btn] {
    background-color: var(--WHT);
    border-color: var(--ACC);
    color: var(--ACC);
  }
  #contents .border-laccent[class*=__btn].bg-wht:hover {
    border-color: var(--LACC);
    background-color: var(--LACC);
    color: var(--ACC);
  }
  #contents a:hover .border-laccent[class*=__btn].bg-wht {
    border-color: var(--LACC);
    background-color: var(--LACC);
    color: var(--ACC);
  }
  #contents .border-lother[class*=__btn]:hover {
    background-color: var(--WHT);
    border-color: var(--OTH);
    color: var(--OTH);
  }
  #contents a:hover .border-lother[class*=__btn] {
    background-color: var(--WHT);
    border-color: var(--OTH);
    color: var(--OTH);
  }
  #contents .border-lother[class*=__btn].bg-wht:hover {
    border-color: var(--LOTH);
    background-color: var(--LOTH);
    color: var(--OTH);
  }
  #contents a:hover .border-lother[class*=__btn].bg-wht {
    border-color: var(--LOTH);
    background-color: var(--LOTH);
    color: var(--OTH);
  }
  #contents :where(input[type=button]):hover,
  #contents :where(input[type=submit]):hover {
    background-color: var(--WHT);
    border-color: var(--MAIN);
    color: var(--MAIN);
  }
  #contents a:hover :where(input[type=button]),
  #contents a:hover :where(input[type=submit]) {
    background-color: var(--WHT);
    border-color: var(--MAIN);
    color: var(--MAIN);
  }
  #contents .l-input__file-label:hover {
    background-color: var(--WHT);
    color: var(--MAIN);
  }
  #contents .l-gallery__btn:hover img {
    opacity: 0.8;
  }
  #contents .l-gallery__arr:hover:after {
    color: var(--MAIN);
  }
  #contents .l-gallery__next:hover:after {
    padding-left: 5px;
  }
  #contents :where(.l-link__arr) a:hover,
  #contents :where(a.l-link__arr):hover {
    text-decoration: underline;
  }
  #contents :where(.l-link__btn):hover {
    background-color: var(--WHT);
    color: var(--MAIN);
  }
  #contents a:hover :where(.l-link__btn) {
    background-color: var(--WHT);
    color: var(--MAIN);
  }
  #contents :where(a):has(img):where([href$=".pdf"]):hover,
  #contents :where(a):has(img):where([href^="https://saas.actibookone.com/"]):hover,
  #contents :where(a):has(img):where([target=_blank]):hover {
    text-decoration: none !important;
  }
  #contents :where(a):has(.txt):hover {
    text-decoration: none !important;
  }
  #contents :where(a):has(.txt):hover :where(.txt) {
    text-decoration: underline;
  }
  #contents .l-recommend__list > li > a:hover {
    text-decoration: underline;
  }
  #contents .l-recommend__list > li > a:hover .txt {
    text-decoration: underline;
  }
  #contents :where(.l-pager__list) :where(.l-pager__item) a:hover {
    background: 0 0;
    border-color: var(--MAIN);
    color: var(--MAIN);
  }
  #contents :where(.l-pager__list) :where(.l-pager__next) a:hover,
  #contents :where(.l-pager__list) :where(.l-pager__prev) a:hover {
    background: 0 0;
    color: var(--MAIN);
  }
  #contents :where(.l-pager__list) :where(.l-pager__prev) a:hover:before {
    transform: translateX(-5px) rotate(-135deg);
  }
  #contents :where(.l-pager__list) :where(.l-pager__next) a:hover:before {
    transform: translateX(5px) rotate(45deg);
  }
  #contents .l-media__tag a:hover {
    text-decoration: underline;
  }
  #contents .swiper-pagination-bullet:hover {
    border-color: var(--MAIN);
  }
  #contents .l-swiper__btn:hover {
    background-color: #fff;
  }
  #contents .l-swiper__btn:hover:after {
    color: var(--MAIN);
  }
  #contents .l-swiper__player > button:hover {
    background-color: var(--LGRY);
  }
  #contents .l-tab__btn:hover {
    background-color: var(--WHT);
  }
  #contents .l-toggle__btn[aria-expanded]:hover {
    background-color: var(--LMAIN);
  }
}
@media print, screen and (min-width: 768px) {
  #contents .l-column__outer {
    max-width: 720px;
  }
  #contents .row.row.--inline .col {
    width: unset !important;
  }
  #contents .align-items-md-unset {
    align-items: unset !important;
  }
  #contents .l-footer__container > * ~ * {
    margin-top: 0;
  }
  #contents .l-footer__nav {
    justify-content: unset;
  }
  #contents .l-footer__other {
    background: unset;
    justify-content: unset;
    padding: 0 20px;
    margin-top: 50px;
  }
  #contents .l-pagetop__btn.is-scroll a {
    transition: opacity 0.3s;
    transition: 0.3s;
  }
  #contents .l-footer__outer.l-footer-BS01 .l-footer__sns {
    margin-top: 30px;
  }
  #contents .l-footer__outer.l-footer-BS02 .l-footer__logo {
    padding-bottom: 0;
  }
  #contents .l-footer__outer.l-footer-BS02 .l-footer__data {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 200px);
  }
  #contents .l-footer__outer.l-footer-BS02 .l-footer__phone {
    margin-top: 0;
    padding-left: 30px;
    white-space: nowrap;
  }
  #contents .l-footer__outer.l-footer-BS02 .l-footer__sns {
    margin-top: 0;
    position: static;
    width: unset;
    margin-left: auto;
    padding-left: 30px;
  }
  #contents .l-footer__outer.l-footer-BS02 .l-footer__utility {
    margin-top: 50px;
  }
  #contents #wrapper:has(.l-cta-BS03):has(.l-footer-BS03) .l-cta-BS03 .l-cta-BS03__col {
    padding-bottom: 80px;
  }
  #contents #wrapper:has(.l-cta-BS03):has(.l-footer-BS03) .l-footer__sns > li > a {
    border-color: #fff;
    background: #fff;
    color: var(--DEF);
    transition: 0.3s;
  }
  #contents .l-footer__outer.l-footer-BS03 .l-pagetop__btn.is-bottom a {
    bottom: 38px;
  }
  #contents .l-footer__outer.l-footer-BS03 .l-footer__sns {
    position: absolute;
    right: 20px;
    bottom: 50px;
    z-index: 2;
  }
  #contents .l-footer__outer.l-footer-BS03 .l-footer__sns {
    bottom: 92px;
  }
  #contents .l-footer__outer.l-footer-BS03 .l-footer__utility {
    margin-top: 0;
    background-color: var(--DEF);
    padding: 20px 0;
  }
  #contents .l-footer__outer.l-footer-BS03 .l-footer__guidance a {
    color: var(--WHT);
    font-size: 0.875rem;
    transition: 0.3s;
  }
  #contents .l-footer__outer.l-footer-BS03 .l-footer__guidance > li ~ li:before {
    background-color: var(--WHT);
  }
  #contents .l-footer__outer.l-footer-BS03 .l-footer__copyright {
    width: unset;
    margin: 5px 0 0;
    padding: 0;
  }
  #contents #wrapper:has(.l-footer-BS03) .l-cta-BS01 {
    margin-bottom: -60px;
    padding-bottom: calc(6rem + 60px);
  }
  #contents .l-cta__phone {
    display: inline-flex;
    align-items: center;
  }
  #contents .l-cta__phone > dd {
    padding-left: 30px;
  }
  #contents .l-cta-BS03 > .row {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 1fr auto;
  }
  #contents .l-cta-BS03__col {
    grid-template-rows: subgrid;
    grid-row: span 2;
    width: 100%;
    display: grid;
  }
  #contents .l-cta-BS03__col:nth-child(1) .l-cta-BS03__box {
    grid-template-rows: subgrid;
    margin-left: auto;
    margin-right: unset;
  }
  #contents .l-cta-BS03__col:nth-child(2) .l-cta-BS03__box {
    margin-right: auto;
    margin-left: unset;
  }
  #contents .l-cta-BS03__box {
    flex: 1;
  }
  #contents .l-cta-BS03__box.bg-white {
    padding: 20px;
    flex: unset;
    display: flex;
    flex-direction: column;
    row-gap: 30px;
  }
  #contents .l-cta-BS03__box .l-btn__outer {
    margin-top: auto;
  }
  #contents #wrapper:has(.l-footer-BS03) .l-cta-BS04 {
    margin-bottom: -60px;
    padding-bottom: calc(3rem + 60px);
  }
  #contents #wrapper:has(.l-footer-BS03) .l-cta-BS05 {
    margin-bottom: -60px;
    padding-bottom: 60px;
  }
  #contents :where(.l-subnav__title) {
    font-size: 2rem;
  }
  #contents :where(.l-subnav__list) {
    gap: 1rem 4rem;
  }
  #contents :where(.l-subnav__list) li {
    width: auto;
  }
  #contents :where(.l-subnav__list) ul {
    margin-right: unset;
  }
  #contents .l-anchor__list .l-link__btn {
    font-size: 1rem;
  }
  #contents .l-anchor__list .l-link__btn[class*=justify-content-][class*=ico-after-] > .txt.justify-content-md-center {
    padding-left: 20px;
    padding-right: 20px;
  }
  #contents :where(.l-card__item)[class*=bg-] .l-card__txtarea,
  #contents :where(.l-card__item)[class*=border] .l-card__txtarea {
    padding: 3rem;
  }
  #contents .row :where(.l-card__item)[class*=bg-] .l-card__txtarea,
  #contents .row :where(.l-card__item)[class*=border] .l-card__txtarea {
    padding: 1.5rem;
  }
  #contents .l-card__title {
    font-size: 1.5rem;
  }
  #contents .l-colgrid__outer {
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    row-gap: 1.25rem;
  }
  #contents .l-colgrid__outer:where([class*=row-cols-md-1]) {
    grid-template-columns: repeat(1, minmax(auto, 1fr));
  }
  #contents .l-colgrid__outer:where([class*=row-cols-md-2]) {
    grid-template-columns: repeat(2, minmax(auto, 1fr));
  }
  #contents .l-colgrid__outer:where([class*=row-cols-md-3]) {
    grid-template-columns: repeat(3, minmax(auto, 1fr));
  }
  #contents .l-colgrid__outer:where([class*=row-cols-md-4]) {
    grid-template-columns: repeat(4, minmax(auto, 1fr));
  }
  #contents .l-colgrid__outer:where([class*=row-cols-md-5]) {
    grid-template-columns: repeat(5, minmax(auto, 1fr));
  }
  #contents .l-colgrid__outer:where([class*=row-cols-md-6]) {
    grid-template-columns: repeat(6, minmax(auto, 1fr));
  }
  #contents .l-horizon__row[class*=bg-] > .l-horizon__col .l-card__txtarea,
  #contents .l-horizon__row[class*=border-] > .l-horizon__col .l-card__txtarea {
    padding: 1.5rem 3rem;
  }
  #contents .l-horizon__row[class*=border-] > .l-horizon__col .l-card__txtarea {
    padding: 1.5rem;
  }
  #contents .l-horizon__row[class*=border-] > .l-horizon__col .l-card__thumb {
    padding: 1.5rem 1.5rem 0;
  }
  #contents .l-horizon__row[class*=border-].flex-md-row .l-card__thumb {
    padding: 1.5rem 1.5rem 1.5rem 0;
  }
  #contents .l-horizon__row[class*=border-].flex-md-row-reverse .l-card__thumb {
    padding: 1.5rem 0 1.5rem 1.5rem;
  }
  #contents .--fill-box .l-wide__outer {
    margin-left: -30px;
    margin-right: -30px;
    width: calc(100% + 60px);
  }
  #contents :where(#wrapper):where([style*="--scroll"]) .--fill-box .l-wide__outer {
    margin-left: -30px;
    margin-right: -30px;
    width: calc(100% + 60px);
    padding-left: 30px;
    padding-right: 30px;
  }
  #contents .container {
    margin-top: 6rem;
  }
  #contents .container:where(.--min) {
    margin-top: 1.5rem;
  }
  #contents .container:where(.--mdl) {
    margin-top: 3rem;
  }
  #contents .l-column__side:not(.media-column__side) {
    padding: 3rem 0;
  }
  #contents .--fill {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  #contents .--fill:where(.--min) {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  #contents .--fill:where(.--mdl) {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  #contents .--fill-box {
    padding: 30px;
  }
  #contents .--fill-box.--min {
    padding: 30px;
  }
  #contents .fs-h1 {
    font-size: 2.5rem;
  }
  #contents .fs-h2 {
    font-size: 2rem;
  }
  #contents .fs-h3 {
    font-size: 1.75rem;
  }
  #contents .fs-h4 {
    font-size: 1.5rem;
  }
  #contents .fs-h5 {
    font-size: 1.25rem;
  }
  #contents .fs-h6 {
    font-size: 1.125rem;
  }
  #contents .fs-md-10 {
    font-size: 0.625rem;
  }
  #contents .fs-md-12 {
    font-size: 0.75rem;
  }
  #contents .fs-md-14 {
    font-size: 0.875rem;
  }
  #contents .fs-md-16 {
    font-size: 1rem;
  }
  #contents .fs-md-18 {
    font-size: 1.125rem;
  }
  #contents .fs-md-20 {
    font-size: 1.25rem;
  }
  #contents .fs-md-22 {
    font-size: 1.375rem;
  }
  #contents .fs-md-24 {
    font-size: 1.5rem;
  }
  #contents .fs-md-26 {
    font-size: 1.625rem;
  }
  #contents .fs-md-28 {
    font-size: 1.75rem;
  }
  #contents .fs-md-30 {
    font-size: 1.875rem;
  }
  #contents .fs-md-32 {
    font-size: 2rem;
  }
  #contents .fs-md-34 {
    font-size: 2.125rem;
  }
  #contents .fs-md-36 {
    font-size: 2.25rem;
  }
  #contents .fs-md-38 {
    font-size: 2.375rem;
  }
  #contents .fs-md-40 {
    font-size: 2.5rem;
  }
  #contents .l-ec__row {
    flex-direction: row-reverse;
    gap: 30px;
  }
  #contents .l-ec__details {
    border-top: var(--GRY) 1px solid;
  }
  #contents .l-ec__thumb {
    width: 40%;
  }
  #contents .l-ec__thumb .thumb {
    max-width: unset;
  }
  #contents .l-ec__txtarea {
    width: 60%;
  }
  #contents .l-form-flow__list {
    gap: 5px 25px;
  }
  #contents .l-form-flow__list > li ~ li:before {
    left: -17px;
  }
  #contents .l-form__item {
    display: flex;
  }
  #contents .l-form__item:first-child .l-form__title {
    border: none;
  }
  #contents .l-form__item {
    display: flex;
  }
  #contents .l-form__item .is-required {
    margin-top: -6px;
  }
  #contents .l-form__item:has([class*=zip]) > fieldset > .l-form__input {
    width: calc(100% - 200px);
    border: none;
    margin: 0;
    padding: 0;
  }
  #contents .l-form__title {
    width: 300px;
    padding: 12px 2rem 0 0;
    margin: 0;
    align-items: flex-start;
    background: unset;
  }
  #contents .--confirm .l-form__title {
    padding-top: 0.25em;
  }
  #contents .l-form__input:has(input[type=date]):before {
    top: 5px;
    left: 266px;
  }
  #contents .l-form__input {
    width: calc(100% - 200px);
    padding-top: 0;
    border: none;
  }
  #contents .l-form__input input[type=date] {
    max-width: 300px;
  }
  #contents .l-form__address .l-form__input {
    width: 100%;
    padding-top: 5px;
  }
  #contents :where([class*=l-]) :where(input[type=date]) {
    max-width: 300px !important;
  }
  #contents .l-form__select:not(.l-form__short):not(.l-form__middle):not(.l-form__long) {
    max-width: 300px;
  }
  #contents .l-gallery__outer.is-arrow {
    padding: 0 20px;
  }
  #contents .l-gallery__outer.is-arrow .l-gallery__main {
    margin: 0 -20px;
  }
  #contents .l-gallery__thumb {
    margin-top: 20px;
  }
  #contents .l-gallery__main {
    padding: 20px;
  }
  #contents .l-gallery__main .swiper-slide {
    height: 300px;
  }
  #contents .l-gallery__btn {
    height: 60px;
  }
  #contents .l-gallery__arr {
    height: 60px;
  }
  #contents .l-gallery__autoplay {
    bottom: 82px;
  }
  #contents :where(.l-link__btn) {
    width: 100%;
    max-width: 360px;
    min-height: 50px;
    padding: 10px 15px;
    font-size: 1.125rem;
  }
  #contents .row-cols-md-3 :where(.l-link__btn),
  #contents .row-cols-md-4 :where(.l-link__btn) {
    font-size: 1rem;
  }
  #contents :where(.l-link__btn).sizeL {
    min-height: 80px;
  }
  #contents .max-md-unset {
    max-width: unset !important;
  }
  #contents .max-md-100 {
    max-width: 100px;
  }
  #contents .max-md-110 {
    max-width: 110px;
  }
  #contents .max-md-120 {
    max-width: 120px;
  }
  #contents .max-md-130 {
    max-width: 130px;
  }
  #contents .max-md-140 {
    max-width: 140px;
  }
  #contents .max-md-150 {
    max-width: 150px;
  }
  #contents .max-md-160 {
    max-width: 160px;
  }
  #contents .max-md-170 {
    max-width: 170px;
  }
  #contents .max-md-180 {
    max-width: 180px;
  }
  #contents .max-md-190 {
    max-width: 190px;
  }
  #contents .max-md-200 {
    max-width: 200px;
  }
  #contents .max-md-210 {
    max-width: 210px;
  }
  #contents .max-md-220 {
    max-width: 220px;
  }
  #contents .max-md-230 {
    max-width: 230px;
  }
  #contents .max-md-240 {
    max-width: 240px;
  }
  #contents .max-md-250 {
    max-width: 250px;
  }
  #contents .max-md-260 {
    max-width: 260px;
  }
  #contents .max-md-270 {
    max-width: 270px;
  }
  #contents .max-md-280 {
    max-width: 280px;
  }
  #contents .max-md-290 {
    max-width: 290px;
  }
  #contents .max-md-300 {
    max-width: 300px;
  }
  #contents .max-md-310 {
    max-width: 310px;
  }
  #contents .max-md-320 {
    max-width: 320px;
  }
  #contents .max-md-330 {
    max-width: 330px;
  }
  #contents .max-md-340 {
    max-width: 340px;
  }
  #contents .max-md-350 {
    max-width: 350px;
  }
  #contents .max-md-360 {
    max-width: 360px;
  }
  #contents .max-md-370 {
    max-width: 370px;
  }
  #contents .max-md-380 {
    max-width: 380px;
  }
  #contents .max-md-390 {
    max-width: 390px;
  }
  #contents .max-md-400 {
    max-width: 400px;
  }
  #contents .max-md-410 {
    max-width: 410px;
  }
  #contents .max-md-420 {
    max-width: 420px;
  }
  #contents .max-md-430 {
    max-width: 430px;
  }
  #contents .max-md-440 {
    max-width: 440px;
  }
  #contents .max-md-450 {
    max-width: 450px;
  }
  #contents .max-md-460 {
    max-width: 460px;
  }
  #contents .max-md-470 {
    max-width: 470px;
  }
  #contents .max-md-480 {
    max-width: 480px;
  }
  #contents .max-md-490 {
    max-width: 490px;
  }
  #contents .max-md-500 {
    max-width: 500px;
  }
  #contents .max-md-510 {
    max-width: 510px;
  }
  #contents .max-md-520 {
    max-width: 520px;
  }
  #contents .max-md-530 {
    max-width: 530px;
  }
  #contents .max-md-540 {
    max-width: 540px;
  }
  #contents .max-md-550 {
    max-width: 550px;
  }
  #contents .max-md-560 {
    max-width: 560px;
  }
  #contents .max-md-570 {
    max-width: 570px;
  }
  #contents .max-md-580 {
    max-width: 580px;
  }
  #contents .max-md-590 {
    max-width: 590px;
  }
  #contents .max-md-600 {
    max-width: 600px;
  }
  #contents .l-recommend__list > li > a:where([href$=".pdf"]),
  #contents .l-recommend__list > li > a:where([href^="https://saas.actibookone.com/"]),
  #contents .l-recommend__list > li > a:where([target=_blank]) {
    padding-right: 0;
  }
  #contents .l-rss__entrie .l-pager__list :where(.l-pager__item) .js-rss__total {
    display: none;
  }
  #contents .l-rss__entrie .l-pager__all {
    display: none;
  }
  #contents .l-rss__list > li:first-child .chip {
    top: -34px;
  }
  #contents .l-rss__list > li ~ li {
    margin-top: 1.8rem;
    padding-top: 1.5rem;
  }
  #contents .l-rss__list > li .chip {
    top: -35px;
  }
  #contents .l-rss__title {
    margin-top: 10px;
  }
  #contents .l-rss__title a:after {
    top: -1.8rem;
  }
  #contents .l-rss__contents {
    padding: 15px;
    margin-top: 15px;
  }
  #contents .l-hero__outer {
    min-height: 200px;
  }
  #contents .l-hero__title {
    font-size: 2.5rem;
  }
  #contents :where(.l-pager__list) {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  #contents :where(.l-pager__list) {
    display: inline-flex;
  }
  #contents :where(.l-pager__list) :where(.l-pager__item) {
    display: flex;
  }
  #contents :where(.l-pager__list) :where(.l-pager__item)[aria-hidden=true] {
    display: none;
  }
  #contents .l-separator {
    margin-top: 6rem !important;
  }
  #contents .l-separator:where(.--min) {
    margin-top: 1.5rem !important;
  }
  #contents .l-separator:where(.--mdl) {
    margin-top: 3rem !important;
  }
  #contents .l-media__slider .swiper-wrapper:not([id]) .swiper-slide {
    width: calc(50% - 15px);
  }
  #contents .l-tab__panel {
    padding-top: 2rem;
  }
  #contents :where(.t-md-start) {
    text-align: left;
  }
  #contents :where(.t-md-center) {
    text-align: center;
  }
  #contents :where(.t-md-end) {
    text-align: right;
  }
  #contents h1 {
    font-size: 2.5rem;
  }
  #contents h2 {
    font-size: 2rem;
  }
  #contents h3 {
    font-size: 1.75rem;
  }
  #contents h4 {
    font-size: 1.5rem;
  }
  #contents h5 {
    font-size: 1.25rem;
  }
  #contents h6 {
    font-size: 1.125rem;
  }
  #contents h1 + *,
  #contents h1 + .container,
  #contents h2 + *,
  #contents h2 + .container,
  #contents h3 + *,
  #contents h3 + .container,
  #contents h4 + *,
  #contents h4 + .container,
  #contents h5 + *,
  #contents h5 + .container,
  #contents h6 + *,
  #contents h6 + .container {
    margin-top: 1.2rem;
  }
  #contents :where(h2):not([class]) {
    margin-top: 6rem;
  }
  #contents :where(h3):not([class]) {
    margin-top: 3rem;
  }
  #contents :where(h1):not([class]) + :where(h2):not([class]),
  #contents :where(h2):not([class]) + :where(h3):not([class]),
  #contents :where(h3):not([class]) + :where(h4):not([class]),
  #contents :where(h4):not([class]) + :where(h5):not([class]),
  #contents :where(h5):not([class]) + :where(h6):not([class]) {
    margin-top: 1.2rem;
  }
  #contents .l-title__outer + * {
    margin-top: 1.2rem;
  }
  #contents .l-title__outer:has(.badge) .badge {
    margin-top: 0.4rem;
  }
  #contents .l-title__outer:has([class*=__btn]) .l-link__btn {
    font-size: 1rem;
    font-weight: 400;
    padding: 5px 10px;
    min-height: 40px;
  }
  #contents .l-toggle__btn:not(.l-cnt-021__btn) {
    padding-left: 10px;
    padding-right: 10px;
  }
  #contents .l-toggle__btn {
    font-size: 1.25rem;
    min-height: 4rem;
  }
  #contents .l-toggle__btn[aria-expanded] > .txt {
    padding-right: 40px;
  }
  #contents .l-toggle__panel > .l-txt__outer {
    min-height: 36px;
  }
  #contents .l-toggle__panel.js-toggle__panel:not(.l-cnt-021__panel) {
    padding-left: 10px;
    padding-right: 10px;
  }
  #contents .l-toggle__panel.js-toggle__panel > .l-txt__outer {
    min-height: 32px;
  }
}
@media print and (hover: hover) and (pointer: fine), screen and (min-width: 768px) and (min-width: 768px) and (hover: hover) and (pointer: fine) {
  #contents .l-pagetop__btn.is-scroll a:hover {
    opacity: 1;
  }
  #contents .l-pagetop__btn.is-scroll a:hover .txt:before {
    transform: translateY(-5px) rotate(180deg);
  }
  #contents #wrapper:has(.l-cta-BS03):has(.l-footer-BS03) .l-footer__sns > li > a:hover {
    background: var(--DEF);
    color: #fff;
  }
  #contents .l-footer__outer.l-footer-BS03 .l-footer__guidance a:hover {
    color: var(--WHT);
  }
}
@media print, screen and (min-width: 992px) {
  #contents .l-column__outer {
    max-width: calc(1120px + 1.5rem);
  }
  #contents .container {
    max-width: calc(1120px + 1.5rem);
  }
  #contents .align-items-lg-unset {
    align-items: unset !important;
  }
  #contents .l-header__outer {
    height: 120px;
  }
  #contents .is-scroll:not(.is-gnav__open) .l-header__outer {
    height: 60px;
  }
  #contents .l-header__outer .js-scroll-out {
    transition: margin 0.2s, opacity 0.2s;
    opacity: 1;
  }
  #contents .is-scroll .l-header__outer .js-scroll-out {
    opacity: 0;
    margin-top: -50px !important;
  }
  #contents .l-header__inner {
    position: relative;
    width: 100%;
    display: flex;
  }
  #contents .l-header__bar {
    height: 100%;
    transition: height 0.3s;
    background: unset;
    box-shadow: unset;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  #contents .l-menu__btn {
    display: none;
  }
  #contents .l-induce__btn {
    flex-direction: row;
  }
  #contents .l-induce__btn:before {
    margin-right: 5px;
  }
  #contents .l-utility__item .l-induce__btn:before {
    font-size: 120%;
  }
  #contents .l-induce__btn .inhide {
    display: inline-block;
  }
  #contents .is-scroll .l-induce__btn .inhide {
    display: none;
  }
  #contents .l-lang__outer {
    order: 2;
    margin: 0;
    margin-left: 20px;
  }
  #contents .l-lang__outer li {
    display: flex;
  }
  #contents .l-lang__outer li a {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  #contents .l-header__logo img {
    width: 200px;
  }
  #contents .is-scroll .l-header__logo img {
    width: 150px;
  }
  #contents .l-utility__outer:has(.l-induce__btn) {
    margin-right: 0;
    margin-left: 20px;
  }
  #contents .l-utility__list {
    width: calc(100% + 20px);
    display: flex;
    flex-wrap: wrap;
    width: unset;
    margin: unset;
    border: none;
    min-height: 30px;
    align-items: center;
  }
  #contents .l-utility__item:nth-child(odd) {
    border: none;
  }
  #contents .l-utility__item:has(.l-induce__btn) + :has(.l-induce__btn) {
    margin-left: 10px;
  }
  #contents .l-utility__item a:not([class*=__btn]) {
    font-weight: unset;
    font-size: 0.875rem;
    padding: 0;
  }
  #contents .l-utility__item a:not([class*=__btn]) > .txt {
    display: inline-flex;
    width: unset;
  }
  #contents .l-utility__item a:not([class*=__btn]) > .txt:after {
    margin-top: 2px;
  }
  #contents .l-utility__item a.l-induce__btn {
    height: 30px !important;
    padding: 5px 10px !important;
  }
  #contents .l-utility__item a.l-induce__btn .txt {
    font-size: 0.875rem;
    padding-left: 0 !important;
    white-space: nowrap;
  }
  #contents .is-scroll .l-utility__item a.l-induce__btn {
    flex-direction: row !important;
  }
  #contents .is-scroll .l-utility__item a.l-induce__btn .txt {
    flex-direction: row !important;
  }
  #contents .is-scroll .l-utility__item a.l-induce__btn .txt:before {
    margin-bottom: 0 !important;
    margin-right: 5px !important;
  }
  #contents .is-scroll .l-utility__item a.l-induce__btn .txt .inhide {
    display: block;
  }
  #contents .l-utility__item {
    width: unset;
    border: none;
    position: relative;
  }
  #contents .l-utility__item ~ li {
    margin-left: 21px;
  }
  #contents .l-utility__item ~ li:before {
    content: "";
    height: 60%;
    width: 2px;
    display: block;
    position: absolute;
    left: -10px;
    top: 20%;
    background-color: var(--MAIN);
  }
  #contents .l-utility__item:has(.l-induce__btn):before {
    display: none;
  }
  #contents .l-child__item {
    border: none;
  }
  #contents .l-child__item .thumb {
    display: block;
  }
  #contents .l-child__item .thumb + p {
    display: inline-block !important;
    margin-top: 10px;
  }
  #contents .l-child__item > a {
    background: unset;
    padding: 0;
    font-weight: 700;
  }
  #contents .l-child__item > a:hover {
    text-decoration: underline;
  }
  #contents .l-child__item > a .txt:before {
    margin-right: 5px;
  }
  #contents .l-child__item.--headline {
    border: none;
  }
  #contents .l-child__item.--headline > a {
    flex-direction: column-reverse;
    gap: 10px;
  }
  #contents .l-child__item.--headline .txt {
    font-size: 1.25rem;
    font-weight: 700;
  }
  #contents .l-child__item.--headline .txt:before {
    display: none;
  }
  #contents .l-nav__outer {
    padding: 0;
    padding-right: 20px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  #contents .l-nav__outer > * ~ * {
    margin-left: 20px;
  }
  #contents .l-nav__panel {
    position: unset;
    transform: unset;
    height: unset;
    background: 0 0;
    box-shadow: unset;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: calc(100% - 200px - 40px);
    margin-left: auto;
  }
  #contents .l-nav__panel:has(.l-induce__outer) {
    padding-right: 255px;
  }
  #contents .l-gchild__list {
    display: block;
  }
  #contents .l-gchild__list > li > a > .txt:before {
    margin-right: 5px;
  }
  #contents .l-nav__list {
    order: 3;
    display: flex;
    justify-content: flex-end;
    background: unset;
    box-shadow: unset;
    border: unset;
    position: unset;
    overflow: visible;
    margin: 0;
  }
  #contents .l-nav__item {
    border: unset;
  }
  #contents .l-nav__btn {
    padding: 0;
    background: unset;
    font-weight: 400;
    letter-spacing: -0.04em;
    padding-bottom: 10px;
    align-items: center;
  }
  #contents .type-hover .l-nav__btn .txt {
    z-index: 1;
  }
  #contents .type-hover .l-nav__btn:before {
    content: "";
    width: 200%;
    height: 50px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -20px;
    z-index: 0;
  }
  #contents .type-hover .l-nav__btn[aria-expanded=true]:before {
    display: block;
  }
  #contents .l-nav__btn[aria-expanded] {
    padding-right: 0;
    z-index: 6;
  }
  #contents .l-nav__btn[aria-expanded=true] > .txt:before {
    opacity: 1;
    transform: translateY(0);
  }
  #contents body:has(.l-header__outer.typeM).is-overlay:after {
    visibility: visible;
    opacity: 1;
  }
  #contents .l-header__outer.typeN .l-nav__outer {
    padding: 50px 20px 80px;
    max-width: calc(1120px + 1.5rem);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #contents .is-scroll .l-header__outer.typeN .l-nav__outer {
    padding-top: 30px;
  }
  #contents .l-header__outer.typeN .l-nav__panel {
    opacity: 0;
    background-color: #fff;
    position: fixed;
    top: 120px;
    display: block;
    left: 0;
    top: 0;
    margin: 0;
    width: 100vw;
    padding: 85px 0 0;
    border-radius: 5px;
    height: 100vh;
    height: 100dvh;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    overscroll-behavior: contain;
    scroll-behavior: smooth;
    scrollbar-color: var(--MAIN) #f5f5f5;
    scrollbar-width: thin;
    transition: opacity 0.3s;
  }
  #contents .l-header__outer.typeN .l-nav__panel[aria-hidden=true] {
    display: none;
  }
  #contents .is-open .l-header__outer.typeN .l-nav__panel {
    animation: fadeInAnime 0.3s both;
    opacity: 1;
  }
  #contents .l-header__outer.typeN .l-nav__panel::-webkit-scrollbar {
    width: 10px;
  }
  #contents .l-header__outer.typeN .l-nav__panel::-webkit-scrollbar-thumb {
    border-radius: 100px;
    border: 3px solid transparent;
    background-clip: content-box;
    background-color: var(--MAIN);
  }
  #contents .l-header__outer.typeN .l-nav__panel::-webkit-scrollbar-track {
    background-color: #f5f5f5;
  }
  #contents .is-scroll .l-header__outer.typeN .l-nav__panel {
    padding-top: 50px;
  }
  #contents .l-header__outer.typeN .l-nav__btn.js-child__btn {
    display: none;
  }
  #contents .l-header__outer.typeN .l-nav__btn:not(.js-child__btn) .txt {
    position: relative;
    padding-left: 0.8em;
    font-size: 1.25rem;
    font-weight: 700;
  }
  #contents .l-header__outer.typeN .l-nav__btn:not(.js-child__btn) .txt:before {
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea01";
    position: absolute;
    width: unset;
    height: unset;
    background: unset;
    opacity: unset;
    transform: unset;
    bottom: unset;
    left: 0;
    top: 9px;
    font-size: 0.625rem;
    font-weight: 400;
  }
  #contents .l-header__outer.typeN .l-child__outer {
    margin-left: 0;
  }
  #contents .l-header__outer.typeN .l-child__list {
    padding-top: 5px;
    padding-left: 16px;
  }
  #contents .l-header__outer.typeN .l-child__item {
    margin-top: 5px;
  }
  #contents .l-header__outer.typeN .l-child__item > a {
    font-weight: 400;
  }
  #contents .l-header__outer.typeN .l-child__item.--headline > a .txt:before {
    display: block;
    top: 9px;
  }
  #contents .is-nav-only.type-hover .l-header__outer.typeM .l-nav__btn:before {
    height: 60px;
    bottom: -40px;
  }
  #contents .is-nav-only.type-hover.is-scroll .l-header__outer.typeM .l-nav__btn:before {
    height: 50px;
    bottom: -20px;
  }
  #contents .l-header__outer.typeM .l-child__panel {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    top: 120px;
    margin: 0;
    width: 101vw;
    z-index: 5;
    background-color: #f5f5f5;
    padding: 20px 20px 50px;
    opacity: 0;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    animation: fadeOutAnime 0.8s;
    transition: top 0.3s;
    max-height: calc(100vh - 120px);
    max-height: calc(100dvh - 120px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    overscroll-behavior: contain;
    scroll-behavior: smooth;
    scrollbar-color: var(--MAIN) #f5f5f5;
    scrollbar-width: thin;
  }
  #contents .l-header__outer.typeM .l-child__panel[aria-hidden=false] {
    opacity: 1;
    animation: fadeInAnime 0.3s;
  }
  #contents .is-scroll .l-header__outer.typeM .l-child__panel {
    top: 59px;
  }
  #contents .l-header__outer.typeM .l-child__panel::-webkit-scrollbar {
    width: 10px;
  }
  #contents .l-header__outer.typeM .l-child__panel::-webkit-scrollbar-thumb {
    border-radius: 100px;
    border: 3px solid transparent;
    background-clip: content-box;
    background-color: var(--MAIN);
  }
  #contents .l-header__outer.typeM .l-child__panel::-webkit-scrollbar-track {
    background-color: #f5f5f5;
  }
  #contents .is-scroll .l-header__outer.typeM .l-child__panel {
    max-height: calc(100vh - 60px);
    max-height: calc(100dvh - 60px);
  }
  #contents .l-header__outer.typeM .l-child__outer {
    width: 100%;
    max-width: calc(1120px + 1.5rem);
    margin: 0 auto;
  }
  #contents .l-header__outer.typeM .l-child__item.--headline > a .txt {
    padding-left: 0;
  }
  #contents .l-header__outer.typeS:has(.l-induce__outer) .l-nav__item {
    position: relative;
  }
  #contents .l-header__outer.typeS:has(.l-induce__outer) .l-nav__item:last-child .l-child__panel {
    left: calc(50% - 10px);
    transform: translateX(-50%);
    right: -unset;
  }
  #contents .l-header__outer.typeS:has(.l-induce__outer) .l-nav__item:last-child .l-child__panel:before {
    left: calc(50% - 10px);
    right: unset;
  }
  #contents .l-header__outer.typeS .l-nav__item {
    position: relative;
  }
  #contents .l-header__outer.typeS .l-nav__item:last-child .l-child__panel {
    left: unset;
    transform: unset;
    right: -10px;
  }
  #contents .l-header__outer.typeS .l-nav__item:last-child .l-child__panel:before {
    left: unset;
    right: 34px;
  }
  #contents .l-header__outer.typeS .l-child__panel {
    position: absolute;
    left: calc(50% - 130px);
    top: 40px;
    margin: 0;
    width: 260px;
    z-index: 5;
    opacity: 0;
    animation: fadeOutAnime 0.5s;
  }
  #contents .l-header__outer.typeS .l-child__panel[aria-hidden=false] {
    opacity: 1;
    animation: fadeInAnime 0.5s;
  }
  #contents .is-scroll .l-header__outer.typeS .l-child__panel {
    top: 40px;
  }
  #contents .l-header__outer.typeS .l-child__panel:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 0 10px 16px 10px;
    border-bottom-color: var(--MAIN);
    position: absolute;
    left: calc(50% - 18px);
    top: -18px;
  }
  #contents .l-header__outer.typeS .l-child__outer {
    padding: 15px;
    position: relative;
    z-index: 1;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  }
  #contents .l-header__outer.typeS .l-child__list {
    margin-top: 10px;
  }
  #contents .l-header__outer.typeS .l-child__list > li ~ li {
    margin-top: 10px;
  }
  #contents .l-header__outer.typeS .l-child__item > a {
    font-weight: 400;
    font-size: 0.9375rem;
  }
  #contents .l-header__outer.typeS .l-child__item > a .txt:before {
    top: 5px;
  }
  #contents .l-header__outer.typeS .l-child__item.--headline .txt {
    padding: 0;
    font-size: 1rem;
    text-decoration: none !important;
  }
  #contents .l-header__outer.typeS .l-child__item.--headline a {
    background-color: var(--LGRY);
    padding: 8px;
    transition: 0.3s;
  }
  #contents .l-header__outer.l-header-BS01 {
    background: unset;
    height: 0 !important;
    top: 60px;
  }
  #contents .is-scroll .l-header__outer.l-header-BS01 {
    top: 30px;
  }
  #contents .l-header__outer.l-header-BS01 .l-header__outer {
    height: 0;
  }
  #contents .l-header__outer.l-header-BS01 .l-header__bar {
    display: inline-flex;
    width: 100%;
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
  #contents .l-header__outer.l-header-BS01 .l-header__nav {
    max-width: calc(100% - 200px - 60px);
    height: 90px;
  }
  #contents .is-scroll .l-header__outer.l-header-BS01 .l-header__nav {
    height: 60px;
  }
  #contents .is-open .l-header__outer.l-header-BS01 .l-header__nav .l-header__clone {
    display: none;
  }
  #contents .l-header__outer.l-header-BS01 .l-header__logo {
    transition: width 0.3s, height 0.3s;
    width: 240px;
  }
  #contents .is-scroll .l-header__outer.l-header-BS01 .l-header__logo {
    width: 180px;
  }
  #contents .is-open .l-header__outer.l-header-BS01 .l-header__logo {
    display: none;
  }
  #contents .l-header__outer.l-header-BS01 .l-header__logo a {
    background-color: #fff;
    height: 90px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    display: flex;
    width: 100%;
    align-items: center;
    padding: 10px 20px;
  }
  #contents .is-scroll .l-header__outer.l-header-BS01 .l-header__logo a {
    height: 50px;
  }
  #contents .is-scroll .l-header__outer.l-header-BS01 .l-header__logo a .thumb img {
    width: 100%;
  }
  #contents .is-open .l-header__outer.l-header-BS01 .l-nav__panel .l-induce__outer.js-header__move {
    position: static;
  }
  #contents .l-header__outer.l-header-BS01 .l-nav__panel .l-induce__outer.js-header__move {
    position: static;
    width: 640px;
    margin-left: 0;
    margin-top: 60px;
  }
  #contents .l-header__outer.l-header-BS01 .l-nav__panel .l-induce__outer.js-header__move > li {
    width: 50%;
  }
  #contents .l-header__outer.l-header-BS01 .l-nav__panel .l-induce__outer.js-header__move .l-induce__btn {
    flex-direction: row;
    height: 65px;
  }
  #contents .l-header__outer.l-header-BS01 .l-nav__panel .l-induce__outer.js-header__move .l-induce__btn .txt {
    font-size: 1.125rem;
    flex-direction: row;
  }
  #contents .l-header__outer.l-header-BS01 .l-nav__panel .l-induce__outer.js-header__move .l-induce__btn:before {
    margin-top: 0.1em;
    margin-right: 8px;
    font-size: 160%;
  }
  #contents .l-header__outer.l-header-BS01 .l-nav__list {
    margin: 0 -0.8em;
  }
  #contents .l-header__outer.l-header-BS01 .l-menu__btn {
    height: 90px;
    width: 90px;
    margin-left: 20px;
    box-shadow: 0 0 0 1px var(--WHT);
  }
  #contents .is-scroll .l-header__outer.l-header-BS01 .l-menu__btn {
    height: 50px;
    width: 50px;
  }
  #contents .l-header__outer.l-header-BS01 .l-child__panel[aria-hidden=false] {
    display: block !important;
  }
  #contents .l-header__outer.l-header-BS01 .l-search__outer {
    background: unset;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    width: 300px;
  }
  #contents .l-header__outer.l-header-BS01 .l-search__outer + .l-lang__outer {
    margin-left: 20px;
  }
  #contents .l-header__outer.l-header-BS01 .l-search__inside {
    position: relative;
    overflow: visible;
    border: none;
    overflow: hidden;
    background-color: var(--WHT);
    border: var(--GRY) 1px solid;
  }
  #contents .l-header__outer.l-header-BS01 .l-search__input {
    height: 40px;
    background-color: var(--WHT);
  }
  #contents .l-header__outer.l-header-BS01 .l-search__btn {
    width: 40px;
    height: 40px;
    background-color: var(--WHT);
  }
  #contents .l-header__outer.l-header-BS01 .l-search__btn:before {
    font-size: 0.875rem;
    padding-top: 0;
  }
  #contents .l-header__outer.l-header-BS01 .l-search__btn:focus {
    transform: scale(1.3);
    background-color: var(--MAIN);
    color: var(--WHT);
  }
  #contents .l-header__outer.l-header-BS01 .l-lang__outer {
    margin-left: 0;
    height: 40px;
  }
  #contents .l-header__outer.l-header-BS01 .l-utility__outer {
    display: flex;
    order: unset;
    background-color: #fff;
    padding: 0 20px;
    height: 90px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    transition: height 0.3s;
  }
  #contents .is-scroll .l-header__outer.l-header-BS01 .l-utility__outer {
    height: 50px;
  }
  #contents .is-open .l-header__outer.l-header-BS01 .l-utility__outer {
    display: none;
  }
  #contents .l-header__outer.l-header-BS01 .l-utility__list {
    width: unset;
  }
  #contents .js-header__clone .l-header__outer.l-header-BS01 .l-induce__outer {
    box-shadow: 4px 0 10px rgba(0, 0, 0, 0.5);
  }
  #contents .l-header__outer.l-header-BS01 .l-induce__outer > li {
    width: 90px;
  }
  #contents .l-header__outer.l-header-BS01 .l-induce__btn {
    height: 90px;
    flex-direction: column;
  }
  #contents .l-header__outer.l-header-BS01 .l-induce__btn:before {
    margin-bottom: 2px;
    margin-right: unset;
  }
  #contents .is-scroll .l-header__outer.l-header-BS01 .l-induce__btn {
    height: 50px;
  }
  #contents .l-header__outer.l-header-BS01 .l-induce__btn .txt {
    padding: 0;
    display: inline-flex;
    align-items: center;
    flex-direction: column;
  }
  #contents .l-header__outer.l-header-BS02 {
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
  }
  #contents .l-header__outer.l-header-BS02 .l-header__logo {
    margin-left: 20px;
  }
  #contents .l-header__outer.l-header-BS02 .l-header__bar {
    width: 220px;
  }
  #contents .l-header__outer.l-header-BS02 .l-nav__outer {
    margin-top: -20px;
  }
  #contents .is-scroll .l-header__outer.l-header-BS02 .l-nav__outer {
    margin-top: -10px;
  }
  #contents .l-header__outer.l-header-BS02 .l-nav__outer:not(:has(.l-search__outer)):not(:has(.l-lang__outer)):not(:has(.l-utility__outer)) {
    margin-top: -10px;
  }
  #contents .l-header__outer.l-header-BS02 .l-nav__outer:not(:has(.l-search__outer)):not(:has(.l-lang__outer)):not(:has(.l-utility__outer)) .l-nav__list {
    margin-top: 0;
    margin-bottom: 0;
  }
  #contents .is-scroll .l-header__outer.l-header-BS02 .l-nav__outer:not(:has(.l-search__outer)):not(:has(.l-lang__outer)):not(:has(.l-utility__outer)) .l-nav__list {
    margin-top: 10px;
    margin-bottom: -10px;
  }
  #contents .l-header__outer.l-header-BS02 .l-nav__outer:not(:has(.l-search__outer)):not(:has(.l-lang__outer)):not(:has(.l-utility__outer)):not(:has(.l-induce__outer)) .l-nav__list {
    margin-top: 0;
    margin-bottom: 0;
  }
  #contents .is-scroll .l-header__outer.l-header-BS02 .l-nav__outer:not(:has(.l-search__outer)):not(:has(.l-lang__outer)):not(:has(.l-utility__outer)):not(:has(.l-induce__outer)) .l-nav__list {
    margin-top: 10px;
    margin-bottom: -10px;
  }
  #contents .l-header__outer.l-header-BS02 .l-nav__outer:not(:has(.l-search__outer)):not(:has(.l-lang__outer)):not(:has(.l-utility__outer)):not(:has(.l-induce__outer)) .is-nav__btn {
    padding-top: 0;
    margin-bottom: 0;
  }
  #contents .l-header__outer.l-header-BS02 .l-nav__outer > * {
    margin-top: 10px;
  }
  #contents .l-header__outer.l-header-BS02 .l-nav__list {
    margin-bottom: -10px;
    width: 100%;
    transition: margin 0.3s;
  }
  #contents .l-header__outer.l-header-BS02 .l-nav__list > li ~ li {
    margin: unset;
    position: relative;
    border: none;
    margin-left: 20px;
  }
  #contents .l-header__outer.l-header-BS02 .l-nav__btn {
    padding-top: 10px;
    margin-bottom: -20px;
    padding-bottom: 18px;
  }
  #contents .is-scroll .l-header__outer.l-header-BS02 .l-nav__btn {
    margin-bottom: 2px;
  }
  #contents .is-scroll .type-hover .l-header__outer.l-header-BS02 .l-nav__btn {
    margin-bottom: -35px;
    padding-bottom: 50px;
  }
  #contents .l-header__outer.l-header-BS02 .l-search__outer {
    background: unset;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    width: 200px;
  }
  #contents .l-header__outer.l-header-BS02 .l-search__inside {
    position: relative;
    overflow: visible;
    border: none;
    background: unset;
    overflow: hidden;
  }
  #contents .l-header__outer.l-header-BS02 .l-search__input {
    height: 30px;
    font-size: 0.75rem;
    padding-top: 3px;
  }
  #contents .l-header__outer.l-header-BS02 .l-search__input::-moz-placeholder {
    font-size: 0.75rem;
  }
  #contents .l-header__outer.l-header-BS02 .l-search__input::placeholder {
    font-size: 0.75rem;
  }
  #contents .l-header__outer.l-header-BS02 .l-search__btn {
    width: 30px;
    height: 30px;
    background-color: var(--LGRY);
  }
  #contents .l-header__outer.l-header-BS02 .l-search__btn:before {
    font-size: 0.875rem;
    padding-top: 0;
  }
  #contents .l-header__outer.l-header-BS02 .l-search__btn:focus {
    transform: scale(1.3);
    background-color: var(--MAIN);
    color: var(--WHT);
  }
  #contents .l-header__outer.l-header-BS02 .l-utility__outer {
    order: 2;
  }
  #contents .l-header__outer.l-header-BS02 .l-induce__outer {
    flex-direction: column;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0;
    width: 240px;
    z-index: 1;
    height: 120px;
    transition: height 0.3s;
  }
  #contents .is-scroll .l-header__outer.l-header-BS02 .l-induce__outer {
    flex-direction: row;
    height: 60px;
  }
  #contents .is-scroll .l-header__outer.l-header-BS02 .l-induce__outer:not(:has(li:nth-child(2))) > li {
    width: 100%;
  }
  #contents .is-scroll .l-header__outer.l-header-BS02 .l-induce__outer:not(:has(li:nth-child(2))) > li .l-induce__btn .txt {
    flex-direction: row;
  }
  #contents .is-scroll .l-header__outer.l-header-BS02 .l-induce__outer:not(:has(li:nth-child(2))) > li .l-induce__btn .txt:before {
    margin-bottom: unset;
    margin-right: 5px;
  }
  #contents .l-header__outer.l-header-BS02 .l-induce__outer > li {
    width: 100%;
  }
  #contents .l-header__outer.l-header-BS02 .l-induce__outer > li:nth-child(1) {
    flex: 1;
  }
  #contents .l-header__outer.l-header-BS02 .l-induce__outer > li:nth-child(2) {
    height: 50%;
  }
  #contents .is-scroll .l-header__outer.l-header-BS02 .l-induce__outer > li {
    width: 50%;
    height: 100%;
    flex: 1;
    display: flex;
  }
  #contents .l-header__outer.l-header-BS02 .l-induce__btn {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 1rem;
    flex: 1;
    padding: 10px;
    height: 100%;
    font-weight: 400;
    border-radius: unset !important;
  }
  #contents .is-scroll .l-header__outer.l-header-BS02 .l-induce__btn {
    flex-direction: column;
    padding: 0;
    justify-content: center;
  }
  #contents .l-header__outer.l-header-BS02 .l-induce__btn:before {
    margin-bottom: 0;
    margin-right: 5px;
  }
  #contents .is-scroll .l-header__outer.l-header-BS02 .l-induce__btn:before {
    font-size: 120%;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 3px;
  }
  #contents .is-nav-only.type-hover .l-header__outer.l-header-BS02.typeS .l-nav__btn:before {
    bottom: -26px;
  }
  #contents .is-nav-only.type-hover.is-scroll .l-header__outer.l-header-BS02.typeS .l-nav__btn:before {
    height: 45px;
    bottom: -22px;
  }
  #contents .l-header__outer.l-header-BS02.typeS .l-child__panel {
    top: 54px;
  }
  #contents .type-hover .l-header__outer.l-header-BS02.typeS .l-child__panel {
    top: 56px;
  }
  #contents .is-nav-only .l-header__outer.l-header-BS02.typeS .l-child__panel {
    top: 80px;
  }
  #contents .l-header__outer.l-header-BS02.typeS .l-child__panel:before {
    top: -14px;
  }
  #contents .is-scroll .l-header__outer.l-header-BS02.typeS .l-child__panel {
    top: 55px;
  }
  #contents .is-scroll .l-header__outer.l-header-BS02.typeS .l-child__panel:before {
    top: -11px;
  }
  #contents .is-nav-only.is-scroll .l-header__outer.l-header-BS02.typeS .l-child__panel {
    top: 75px;
  }
  #contents .l-header__outer.l-header-BS03 {
    height: 90px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    top: 10px;
    width: calc(100vw - 30px);
    margin: 0 15px;
    padding: 0 15px;
  }
  #contents :where([style*="--scroll"]) .l-header__outer.l-header-BS03 {
    width: calc(100vw - 30px - var(--scroll));
  }
  #contents .is-scroll .l-header__outer.l-header-BS03 {
    height: 60px;
    top: 5px;
  }
  #contents .l-header__outer.l-header-BS03 .l-nav__outer {
    display: flex;
    flex-direction: column;
    padding-right: 0;
  }
  #contents .l-header__outer.l-header-BS03 .l-nav__outer:not(:has(.l-search__outer)):not(:has(.l-lang__outer)):not(:has(.l-utility__outer)):not(:has(.l-induce__outer)) .l-nav__list {
    margin-top: unset;
  }
  #contents .is-scroll .l-header__outer.l-header-BS03 .l-nav__outer:has(.l-induce__outer):not(:has(.l-search__outer)):not(:has(.l-lang__outer)):not(:has(.l-utility__outer)) .l-nav__list {
    margin-top: 2px;
  }
  #contents .l-header__outer.l-header-BS03 .l-nav__outer:not(:has(.l-search__outer)):not(:has(.l-lang__outer)):not(:has(.l-utility__outer)):not(:has(.l-induce__outer)) .l-nav__list {
    margin-top: 4px;
  }
  #contents .is-scroll .l-header__outer.l-header-BS03 .l-nav__outer:not(:has(.l-search__outer)):not(:has(.l-lang__outer)):not(:has(.l-utility__outer)):not(:has(.l-induce__outer)) .l-nav__list {
    margin-top: 2px;
  }
  #contents .l-header__outer.l-header-BS03 .l-nav__panel {
    padding: 10px 0;
    width: calc(100% - 200px - 20px);
  }
  #contents .l-header__outer.l-header-BS03 .l-nav__list {
    grid-row: 2;
    grid-column: 1;
    transition: margin 0.3s;
    margin-top: 10px;
    margin-bottom: -10px;
  }
  #contents .is-scroll .l-header__outer.l-header-BS03 .l-nav__list {
    margin-top: 22px;
  }
  #contents .l-header__outer.l-header-BS03 .l-nav__list > li ~ li {
    margin: unset;
    position: relative;
    border: none;
    margin-left: 20px;
  }
  #contents .l-header__outer.l-header-BS03 .l-nav__btn {
    padding-bottom: 10px;
    margin-top: -5px;
  }
  #contents :not(.l-induce__outer) .l-header__outer.l-header-BS03 .l-nav__btn {
    margin-top: unset;
  }
  #contents .type-hover:not(.is-scroll):not(:has(.l-search__outer)):not(:has(.l-lang__outer)):not(:has(.l-utility__outer)) .l-header__outer.l-header-BS03 .l-nav__btn:before {
    height: 80px;
    bottom: -50px;
  }
  #contents .l-header__outer.l-header-BS03 .l-utility__outer {
    margin-top: 0;
    grid-row: 1;
    grid-column: 1;
    display: flex;
    justify-content: flex-end;
  }
  #contents .l-header__outer.l-header-BS03 .l-induce__outer {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    gap: 10px;
    margin-top: 0;
  }
  #contents .l-header__outer.l-header-BS03 .l-induce__outer > li {
    height: 60px;
  }
  #contents .is-scroll .l-header__outer.l-header-BS03 .l-induce__outer > li {
    height: 40px;
  }
  #contents .l-header__outer.l-header-BS03 .l-induce__btn {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 1rem;
    flex: 1;
    padding: 10px;
    height: 100%;
    font-weight: 400;
  }
  #contents .is-scroll .l-header__outer.l-header-BS03 .l-induce__btn {
    padding: 0;
    justify-content: center;
  }
  #contents .l-header__outer.l-header-BS03 .l-induce__btn:before {
    margin-bottom: 0;
    margin-right: 10px;
  }
  #contents .is-scroll .l-header__outer.l-header-BS03 .l-induce__btn:before {
    font-size: 120%;
  }
  #contents .l-header__outer.l-header-BS03:has(.l-induce__outer) .l-nav__outer {
    display: grid;
    align-items: center;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 320px;
    padding-right: 20px;
  }
  #contents .is-nav-only .l-header__outer.l-header-BS03:has(.l-induce__outer) .l-nav__outer .l-nav__item:has(.l-nav__btn[aria-expanded=true]):before {
    bottom: -27px;
  }
  #contents .l-header__outer.l-header-BS03:has(.l-induce__outer) .l-nav__outer:has(.l-induce__outer > li:nth-child(1):nth-last-child(1)) {
    grid-template-columns: 1fr 180px;
  }
  #contents .l-header__outer.l-header-BS03:has(.l-induce__outer) .l-nav__outer:has(.l-induce__outer > li:nth-child(1):nth-last-child(1)) .l-induce__outer .l-induce__btn .txt {
    font-size: 1rem;
  }
  #contents .l-header__outer.l-header-BS03:has(.l-induce__outer) .l-nav__outer:has(.l-induce__outer > li:nth-child(1):nth-last-child(1)) .l-induce__outer .l-induce__btn:before {
    font-size: 140%;
  }
  #contents .l-header__outer.l-header-BS03:has(.l-induce__outer) .l-nav__list {
    margin-top: -5px;
    margin-bottom: unset;
  }
  #contents .is-scroll .l-header__outer.l-header-BS03:has(.l-induce__outer) .l-nav__list {
    margin-top: -18px;
  }
  #contents .l-header__outer.l-header-BS03:has(.l-induce__outer) .l-nav__btn {
    margin-bottom: -20px;
  }
  #contents .is-scroll .l-header__outer.l-header-BS03:has(.l-induce__outer) .l-nav__btn {
    margin-bottom: -10px;
    margin-top: 0;
  }
  #contents .l-header__outer.l-header-BS03:has(.l-induce__outer):not(:has(.l-search__outer)):not(:has(.l-lang__outer)):not(:has(.l-utility__outer)) .l-nav__outer {
    grid-template-rows: unset;
  }
  #contents .l-header__outer.l-header-BS03:has(.l-induce__outer):not(:has(.l-search__outer)):not(:has(.l-lang__outer)):not(:has(.l-utility__outer)) .l-nav__list {
    grid-row: 1;
  }
  #contents .l-header__outer.l-header-BS03:has(.l-induce__outer):not(:has(.l-search__outer)):not(:has(.l-lang__outer)):not(:has(.l-utility__outer)) .l-induce__outer {
    grid-row: 1;
  }
  #contents .l-header__outer.l-header-BS03.typeM .l-nav__item {
    position: relative;
  }
  #contents .l-header__outer.l-header-BS03.typeM .l-nav__item:has(.l-nav__btn[aria-expanded=false]):before {
    opacity: 0;
    visibility: hidden;
  }
  #contents .l-header__outer.l-header-BS03.typeM .l-nav__item:has(.l-nav__btn[aria-expanded=true]):before {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }
  #contents .l-header__outer.l-header-BS03.typeM .l-nav__item:before {
    content: "";
    position: absolute;
    transform: translateY(10px);
    transition: transform 0.15s, opacity 0.15s;
    transition-delay: 0.1s;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 0 14px 26px 14px;
    border-bottom-color: var(--MAIN);
    left: calc(50% - 23px);
    bottom: -28px;
  }
  #contents .l-header__outer.l-header-BS03.typeM .l-child__panel {
    width: calc(100vw - 30px);
    background-color: var(--WHT);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    top: 110px;
  }
  #contents .is-scroll .l-header__outer.l-header-BS03.typeM .l-child__panel {
    top: 72px;
  }
  #contents .l-header__outer.l-header-BS03 .l-utility__item .l-induce__btn:before {
    margin-right: 5px;
  }
  #contents .l-footer__nav {
    margin-top: 0;
  }
  #contents .l-footer__title ~ li {
    margin-top: 25px;
  }
  #contents .l-footer__title:not(:has(.l-footer__list)) {
    margin-top: 15px;
  }
  #contents .l-footer__title:not(:has(.l-footer__list)):first-child {
    margin-top: 0;
  }
  #contents .l-footer__title:not(:has(.l-footer__list)) + :has(.l-footer__list) {
    margin-top: 10px;
  }
  #contents .l-footer__outer.l-footer-BS01 .l-footer__utility {
    background-color: var(--DEF);
    padding: 20px;
  }
  #contents .l-footer__outer.l-footer-BS01 .l-footer__utility .wrap {
    display: flex;
    justify-content: space-between;
    gap: 20px;
  }
  #contents .l-footer__outer.l-footer-BS01 .l-footer__guidance {
    padding: unset;
  }
  #contents .l-footer__outer.l-footer-BS01 .l-footer__guidance a {
    color: var(--WHT);
  }
  #contents .l-footer__outer.l-footer-BS01 .l-footer__guidance > li ~ li:before {
    background-color: var(--WHT);
  }
  #contents .l-footer__outer.l-footer-BS01 .l-footer__copyright {
    margin-top: 0;
    padding: 0;
  }
  #contents .l-footer__outer.l-footer-BS02 .l-footer__utility .wrap {
    display: flex;
    justify-content: space-between;
    gap: 20px;
  }
  #contents .l-footer__outer.l-footer-BS02 .l-footer__copyright {
    margin-top: 0;
  }
  #contents .l-footer__outer.l-footer-BS03 .l-footer__sns {
    bottom: 74px;
  }
  #contents .l-footer__outer.l-footer-BS03 .l-footer__utility .wrap {
    display: flex;
    justify-content: space-between;
    gap: 20px;
  }
  #contents .l-footer__outer.l-footer-BS03 .l-footer__guidance {
    justify-content: unset;
  }
  #contents .l-footer__outer.l-footer-BS03 .l-footer__copyright {
    margin-top: 0;
  }
  #contents .l-cta-BS03__box.bg-white {
    padding: 30px;
  }
  #contents :where(.l-subnav__list) > li :where(.l-subnav__list) {
    display: block;
  }
  #contents .l-column__outer .l-column__side:not(.media-column__side) {
    margin-bottom: unset;
  }
  #contents .l-column__outer .l-column__side .l-subnav__title a {
    font-size: 1.125rem;
    background-color: var(--MAIN);
    display: block;
    color: var(--WHT);
    text-decoration: none !important;
    border: var(--MAIN) 2px solid;
    padding: 5px 10px;
    transition: 0.3s;
  }
  #contents .l-column__outer .l-column__side .l-subnav__list {
    display: block;
    margin: 0;
    padding: 0.8rem;
  }
  #contents .l-column__outer .l-column__side .l-subnav__list li {
    line-height: 1.5;
  }
  #contents .l-column__outer .l-column__side .l-subnav__list li ~ li {
    margin-top: 0.8rem;
  }
  #contents .l-colgrid__outer {
    -moz-column-gap: 1.875rem;
    column-gap: 1.875rem;
    row-gap: 1.875rem;
  }
  #contents .l-colgrid__outer:where([class*=row-cols-lg-1]) {
    grid-template-columns: repeat(1, minmax(auto, 1fr));
  }
  #contents .l-colgrid__outer:where([class*=row-cols-lg-2]) {
    grid-template-columns: repeat(2, minmax(auto, 1fr));
  }
  #contents .l-colgrid__outer:where([class*=row-cols-lg-3]) {
    grid-template-columns: repeat(3, minmax(auto, 1fr));
  }
  #contents .l-colgrid__outer:where([class*=row-cols-lg-4]) {
    grid-template-columns: repeat(4, minmax(auto, 1fr));
  }
  #contents .l-colgrid__outer:where([class*=row-cols-lg-5]) {
    grid-template-columns: repeat(5, minmax(auto, 1fr));
  }
  #contents .l-colgrid__outer:where([class*=row-cols-lg-6]) {
    grid-template-columns: repeat(6, minmax(auto, 1fr));
  }
  #contents .l-column__outer .l-colgrid__outer:where([class*=row-cols-lg-4]) {
    grid-template-columns: repeat(3, minmax(auto, 1fr));
  }
  #contents .l-horizon__row[class*=bg-] > .l-horizon__col .l-card__txtarea,
  #contents .l-horizon__row[class*=border-] > .l-horizon__col .l-card__txtarea {
    padding: 3rem;
  }
  #contents .l-horizon__row[class*=border-] > .l-horizon__col .l-card__txtarea {
    padding: 1.5rem 3rem;
  }
  #contents .l-horizon__row[class*=border-] > .l-horizon__col .l-card__thumb {
    padding: 1.5rem 1.5rem 1.5rem 0;
  }
  #contents .l-horizon__row[class*=border-][class*=row-reverse] .l-card__thumb {
    padding: 1.5rem 0 1.5rem 1.5rem;
  }
  #contents .l-column__main .l-wide__outer {
    margin-left: unset;
    margin-right: unset;
    padding-right: unset;
    padding-left: unset;
  }
  #contents .--fill-box .l-wide__outer {
    margin-left: -50px;
    margin-right: -50px;
    width: calc(100% + 100px);
  }
  #contents .l-column__outer #dcms_layoutPageBlock > :where(:has(.l-wide__outer)) + :where(:has(.l-wide__outer)) {
    margin-top: 4.5rem;
  }
  #contents .l-column__outer #dcms_layoutPageBlock > :where(:has(.l-wide__outer)) + :where(:has(.l-wide__outer)):where(.--min) {
    margin-top: 1.5rem;
  }
  #contents .l-column__outer #dcms_layoutPageBlock > :where(:has(.l-wide__outer)) + :where(:has(.l-wide__outer)):where(.--mdl) {
    margin-top: 3rem;
  }
  #contents .l-column__outer #dcms_layoutPageBlock > .l-wide__outer:last-child,
  #contents .l-column__outer #dcms_layoutPageBlock > :last-child:has(.l-fv__outer) .l-wide__outer,
  #contents .l-column__outer #dcms_layoutPageBlock > :last-child:has(.l-wide__outer) > .l-wide__outer:last-child {
    margin-bottom: unset;
  }
  #contents :where(#wrapper):where([style*="--scroll"]) .--fill-box .l-wide__outer {
    margin-left: -50px;
    margin-right: -50px;
    width: calc(100% + 100px);
    padding-left: 50px;
    padding-right: 50px;
  }
  #contents :where(#wrapper):where([style*="--scroll"]) .l-column__main .l-wide__outer {
    margin-left: unset;
    margin-right: unset;
    padding-right: unset;
    padding-left: unset;
  }
  #contents #wrapper {
    padding-top: 0;
  }
  #contents #wrapper:has(.l-header-BS02) {
    padding-top: 120px;
  }
  #contents .l-column__outer {
    display: flex;
    align-items: flex-start;
  }
  #contents .l-column__main {
    position: relative;
    width: calc(100% - 260px);
    padding-right: 30px;
  }
  #contents .l-column__outer .l-column__side.media-column__side {
    margin-top: 0;
  }
  #contents .l-column__outer .l-column__side {
    width: 260px;
    margin-top: 0;
    padding: 0;
  }
  #contents .l-column__outer .l-column__side .wrap {
    padding: 0;
  }
  #contents .--fill-box {
    padding: 50px;
  }
  #contents .fs-lg-10 {
    font-size: 0.625rem;
  }
  #contents .fs-lg-12 {
    font-size: 0.75rem;
  }
  #contents .fs-lg-14 {
    font-size: 0.875rem;
  }
  #contents .fs-lg-16 {
    font-size: 1rem;
  }
  #contents .fs-lg-18 {
    font-size: 1.125rem;
  }
  #contents .fs-lg-20 {
    font-size: 1.25rem;
  }
  #contents .fs-lg-22 {
    font-size: 1.375rem;
  }
  #contents .fs-lg-24 {
    font-size: 1.5rem;
  }
  #contents .fs-lg-26 {
    font-size: 1.625rem;
  }
  #contents .fs-lg-28 {
    font-size: 1.75rem;
  }
  #contents .fs-lg-30 {
    font-size: 1.875rem;
  }
  #contents .fs-lg-32 {
    font-size: 2rem;
  }
  #contents .fs-lg-34 {
    font-size: 2.125rem;
  }
  #contents .fs-lg-36 {
    font-size: 2.25rem;
  }
  #contents .fs-lg-38 {
    font-size: 2.375rem;
  }
  #contents .fs-lg-40 {
    font-size: 2.5rem;
  }
  #contents .l-ec__row {
    gap: 50px;
  }
  #contents .l-form-flow__list {
    display: inline-flex;
  }
  #contents .l-form-flow__list > li {
    min-width: 300px;
  }
  #contents .l-form__address {
    display: flex;
  }
  #contents .l-form__address .l-form__input {
    padding-top: 0;
    padding-left: 20px;
    flex: 1;
  }
  #contents .l-form__address .l-form__title {
    width: 7em;
    margin: 0;
  }
  #contents input[type=tel] {
    max-width: 300px;
  }
  #contents input[type=email].l-form__short,
  #contents input[type=number].l-form__short,
  #contents input[type=tel].l-form__short,
  #contents input[type=text].l-form__short {
    max-width: 35%;
  }
  #contents input[type=email].l-form__middle,
  #contents input[type=number].l-form__middle,
  #contents input[type=tel].l-form__middle,
  #contents input[type=text].l-form__middle {
    max-width: 55%;
  }
  #contents .l-gallery__main .swiper-slide {
    height: 400px;
  }
  #contents .l-gallery__btn {
    height: 80px;
  }
  #contents .l-gallery__arr {
    height: 80px;
  }
  #contents .l-gallery__autoplay {
    bottom: 102px;
  }
  #contents .l-sld-003__gallery .l-gallery__autoplay {
    bottom: 87px;
  }
  #contents .l-column__main .l-grid__outer.row-cols-lg-4 > .l-grid__col {
    width: 33.3333333333%;
  }
  #contents .row-cols-lg-4 :where(.l-link__btn) {
    font-size: 1rem;
  }
  #contents .max-lg-unset {
    max-width: unset !important;
  }
  #contents .max-lg-100 {
    max-width: 100px;
  }
  #contents .max-lg-110 {
    max-width: 110px;
  }
  #contents .max-lg-120 {
    max-width: 120px;
  }
  #contents .max-lg-130 {
    max-width: 130px;
  }
  #contents .max-lg-140 {
    max-width: 140px;
  }
  #contents .max-lg-150 {
    max-width: 150px;
  }
  #contents .max-lg-160 {
    max-width: 160px;
  }
  #contents .max-lg-170 {
    max-width: 170px;
  }
  #contents .max-lg-180 {
    max-width: 180px;
  }
  #contents .max-lg-190 {
    max-width: 190px;
  }
  #contents .max-lg-200 {
    max-width: 200px;
  }
  #contents .max-lg-210 {
    max-width: 210px;
  }
  #contents .max-lg-220 {
    max-width: 220px;
  }
  #contents .max-lg-230 {
    max-width: 230px;
  }
  #contents .max-lg-240 {
    max-width: 240px;
  }
  #contents .max-lg-250 {
    max-width: 250px;
  }
  #contents .max-lg-260 {
    max-width: 260px;
  }
  #contents .max-lg-270 {
    max-width: 270px;
  }
  #contents .max-lg-280 {
    max-width: 280px;
  }
  #contents .max-lg-290 {
    max-width: 290px;
  }
  #contents .max-lg-300 {
    max-width: 300px;
  }
  #contents .max-lg-310 {
    max-width: 310px;
  }
  #contents .max-lg-320 {
    max-width: 320px;
  }
  #contents .max-lg-330 {
    max-width: 330px;
  }
  #contents .max-lg-340 {
    max-width: 340px;
  }
  #contents .max-lg-350 {
    max-width: 350px;
  }
  #contents .max-lg-360 {
    max-width: 360px;
  }
  #contents .max-lg-370 {
    max-width: 370px;
  }
  #contents .max-lg-380 {
    max-width: 380px;
  }
  #contents .max-lg-390 {
    max-width: 390px;
  }
  #contents .max-lg-400 {
    max-width: 400px;
  }
  #contents .max-lg-410 {
    max-width: 410px;
  }
  #contents .max-lg-420 {
    max-width: 420px;
  }
  #contents .max-lg-430 {
    max-width: 430px;
  }
  #contents .max-lg-440 {
    max-width: 440px;
  }
  #contents .max-lg-450 {
    max-width: 450px;
  }
  #contents .max-lg-460 {
    max-width: 460px;
  }
  #contents .max-lg-470 {
    max-width: 470px;
  }
  #contents .max-lg-480 {
    max-width: 480px;
  }
  #contents .max-lg-490 {
    max-width: 490px;
  }
  #contents .max-lg-500 {
    max-width: 500px;
  }
  #contents .max-lg-510 {
    max-width: 510px;
  }
  #contents .max-lg-520 {
    max-width: 520px;
  }
  #contents .max-lg-530 {
    max-width: 530px;
  }
  #contents .max-lg-540 {
    max-width: 540px;
  }
  #contents .max-lg-550 {
    max-width: 550px;
  }
  #contents .max-lg-560 {
    max-width: 560px;
  }
  #contents .max-lg-570 {
    max-width: 570px;
  }
  #contents .max-lg-580 {
    max-width: 580px;
  }
  #contents .max-lg-590 {
    max-width: 590px;
  }
  #contents .max-lg-600 {
    max-width: 600px;
  }
  #contents .l-recommend__list > li > a:has(img):after {
    right: unset;
    left: 60px;
    top: -5px;
    width: 26px;
    height: 26px;
    background-color: var(--MAIN);
    color: var(--WHT);
    border: var(--WHT) 1px solid;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #contents .l-hero__outer {
    min-height: 320px;
    padding-top: 120px;
  }
  #contents #wrapper:has(.l-header-BS02) .l-hero__outer {
    padding-top: 0;
    min-height: 200px;
  }
  #contents .l-media__slider .swiper-wrapper:not([id]) .swiper-slide {
    width: calc(25% - 15px);
  }
  #contents :where(.t-lg-start) {
    text-align: left;
  }
  #contents :where(.t-lg-center) {
    text-align: center;
  }
  #contents :where(.t-lg-end) {
    text-align: right;
  }
}
@media print and (hover: hover) and (pointer: fine), screen and (min-width: 992px) and (hover: hover) and (pointer: fine) {
  #contents .l-utility__item a:not([class*=__btn]):hover {
    color: var(--MAIN);
  }
  #contents .l-utility__item a:not([class*=__btn]):hover .txt {
    text-decoration: underline;
  }
  #contents .l-nav__btn:focus:not(.js-global__anchor) > .txt:before {
    opacity: 1;
    transform: translateY(0);
  }
  #contents .l-nav__btn.js-global__anchor:focus,
  #contents .l-nav__btn.js-global__anchor:hover {
    color: var(--MAIN);
  }
  #contents .l-nav__btn.is-current,
  #contents .l-nav__btn:hover:not(.js-global__anchor) {
    color: var(--MAIN);
  }
  #contents .l-nav__btn.is-current > .txt:before,
  #contents .l-nav__btn:hover:not(.js-global__anchor) > .txt:before {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
  #contents .l-nav__btn[aria-expanded=false]:focus > .txt:before {
    opacity: 0;
    transform: translateY(5px);
  }
  #contents .l-nav__btn[aria-expanded=true]:focus {
    color: var(--MAIN);
  }
  #contents .l-header__outer.l-header-BS01 .l-utility__item a:not([class*=__btn]):hover > .txt {
    text-decoration: none;
  }
  #contents .l-header__outer.l-header-BS01 .l-utility__item a:hover:not(:focus) > .txt {
    text-decoration: none;
  }
  #contents .l-header__outer.l-header-BS01 .l-utility__item a:hover:not(:focus) > .txt:before {
    opacity: 1;
    transform: translateY(0);
  }
}
@media print, screen and (min-width: 992px) and (min-width: 992px) {
  #contents .l-header__outer.typeN .l-nav__btn:not(.js-child__btn) .txt:before {
    margin-right: 5px;
  }
}
@media print and (hover: hover) and (pointer: fine), screen and (min-width: 992px) and (min-width: 768px) and (hover: hover) and (pointer: fine) {
  #contents .l-header__outer.typeS .l-child__item.--headline a:hover {
    text-decoration: none;
    background-color: var(--MAIN);
    color: var(--WHT);
  }
  #contents .l-column__outer .l-column__side .l-subnav__title a:hover {
    background-color: var(--WHT);
    color: var(--MAIN);
  }
}
@media print, screen and (min-width: 992px) and (min-width: 576px) {
  #contents .l-header__outer.l-header-BS01 .l-induce__btn:before {
    font-size: 1.25rem;
  }
}
@media print, screen and (min-width: 992px) and (min-width: 768px) {
  #contents .l-column__outer .l-column__side .l-subnav__title a {
    font-size: 1.25rem;
  }
  #contents .l-column__outer #dcms_layoutPageBlock > :where(:has(.l-wide__outer)) + :where(:has(.l-wide__outer)) {
    margin-top: 6rem;
  }
  #contents .l-column__outer #dcms_layoutPageBlock > :where(:has(.l-wide__outer)) + :where(:has(.l-wide__outer)):where(.--min) {
    margin-top: 1.5rem;
  }
  #contents .l-column__outer #dcms_layoutPageBlock > :where(:has(.l-wide__outer)) + :where(:has(.l-wide__outer)):where(.--mdl) {
    margin-top: 3rem;
  }
}
@media print, screen and (min-width: 1120px) {
  #contents .l-header__outer.l-header-BS03 .l-nav__outer {
    grid-template-columns: 1fr;
  }
  #contents .l-header__outer.l-header-BS03:has(.l-induce__outer) .l-nav__outer {
    grid-template-columns: 1fr 370px;
  }
}
@media print, screen and (min-width: 1200px) {
  #contents .l-cta__phone > dd {
    display: inline-flex;
    align-items: center;
    padding-left: 60px;
  }
  #contents .l-cta__phone .num {
    font-size: 2.875rem;
    position: relative;
    top: -0.05em;
  }
  #contents .l-cta__phone .time {
    padding-left: 60px;
  }
  #contents .l-cta-BS03__box .l-btn__outer .l-link__btn {
    max-width: 380px;
  }
  #contents .l-cta-BS03__txtarea {
    padding-left: 40px;
    position: relative;
  }
  #contents .l-cta-BS03__txtarea:before {
    content: "";
    height: 100%;
    width: 1px;
    display: block;
    background-color: var(--LGRY);
    position: absolute;
    left: 20px;
    top: 0;
  }
  #contents .fs-xl-10 {
    font-size: 0.625rem;
  }
  #contents .fs-xl-12 {
    font-size: 0.75rem;
  }
  #contents .fs-xl-14 {
    font-size: 0.875rem;
  }
  #contents .fs-xl-16 {
    font-size: 1rem;
  }
  #contents .fs-xl-18 {
    font-size: 1.125rem;
  }
  #contents .fs-xl-20 {
    font-size: 1.25rem;
  }
  #contents .fs-xl-22 {
    font-size: 1.375rem;
  }
  #contents .fs-xl-24 {
    font-size: 1.5rem;
  }
  #contents .fs-xl-26 {
    font-size: 1.625rem;
  }
  #contents .fs-xl-28 {
    font-size: 1.75rem;
  }
  #contents .fs-xl-30 {
    font-size: 1.875rem;
  }
  #contents .fs-xl-32 {
    font-size: 2rem;
  }
  #contents .fs-xl-34 {
    font-size: 2.125rem;
  }
  #contents .fs-xl-36 {
    font-size: 2.25rem;
  }
  #contents .fs-xl-38 {
    font-size: 2.375rem;
  }
  #contents .fs-xl-40 {
    font-size: 2.5rem;
  }
  #contents .max-xl-unset {
    max-width: unset !important;
  }
  #contents .max-xl-100 {
    max-width: 100px;
  }
  #contents .max-xl-110 {
    max-width: 110px;
  }
  #contents .max-xl-120 {
    max-width: 120px;
  }
  #contents .max-xl-130 {
    max-width: 130px;
  }
  #contents .max-xl-140 {
    max-width: 140px;
  }
  #contents .max-xl-150 {
    max-width: 150px;
  }
  #contents .max-xl-160 {
    max-width: 160px;
  }
  #contents .max-xl-170 {
    max-width: 170px;
  }
  #contents .max-xl-180 {
    max-width: 180px;
  }
  #contents .max-xl-190 {
    max-width: 190px;
  }
  #contents .max-xl-200 {
    max-width: 200px;
  }
  #contents .max-xl-210 {
    max-width: 210px;
  }
  #contents .max-xl-220 {
    max-width: 220px;
  }
  #contents .max-xl-230 {
    max-width: 230px;
  }
  #contents .max-xl-240 {
    max-width: 240px;
  }
  #contents .max-xl-250 {
    max-width: 250px;
  }
  #contents .max-xl-260 {
    max-width: 260px;
  }
  #contents .max-xl-270 {
    max-width: 270px;
  }
  #contents .max-xl-280 {
    max-width: 280px;
  }
  #contents .max-xl-290 {
    max-width: 290px;
  }
  #contents .max-xl-300 {
    max-width: 300px;
  }
  #contents .max-xl-310 {
    max-width: 310px;
  }
  #contents .max-xl-320 {
    max-width: 320px;
  }
  #contents .max-xl-330 {
    max-width: 330px;
  }
  #contents .max-xl-340 {
    max-width: 340px;
  }
  #contents .max-xl-350 {
    max-width: 350px;
  }
  #contents .max-xl-360 {
    max-width: 360px;
  }
  #contents .max-xl-370 {
    max-width: 370px;
  }
  #contents .max-xl-380 {
    max-width: 380px;
  }
  #contents .max-xl-390 {
    max-width: 390px;
  }
  #contents .max-xl-400 {
    max-width: 400px;
  }
  #contents .max-xl-410 {
    max-width: 410px;
  }
  #contents .max-xl-420 {
    max-width: 420px;
  }
  #contents .max-xl-430 {
    max-width: 430px;
  }
  #contents .max-xl-440 {
    max-width: 440px;
  }
  #contents .max-xl-450 {
    max-width: 450px;
  }
  #contents .max-xl-460 {
    max-width: 460px;
  }
  #contents .max-xl-470 {
    max-width: 470px;
  }
  #contents .max-xl-480 {
    max-width: 480px;
  }
  #contents .max-xl-490 {
    max-width: 490px;
  }
  #contents .max-xl-500 {
    max-width: 500px;
  }
  #contents .max-xl-510 {
    max-width: 510px;
  }
  #contents .max-xl-520 {
    max-width: 520px;
  }
  #contents .max-xl-530 {
    max-width: 530px;
  }
  #contents .max-xl-540 {
    max-width: 540px;
  }
  #contents .max-xl-550 {
    max-width: 550px;
  }
  #contents .max-xl-560 {
    max-width: 560px;
  }
  #contents .max-xl-570 {
    max-width: 570px;
  }
  #contents .max-xl-580 {
    max-width: 580px;
  }
  #contents .max-xl-590 {
    max-width: 590px;
  }
  #contents .max-xl-600 {
    max-width: 600px;
  }
}
@media print, screen and (min-width: 1400px) {
  #contents .fs-xxl-10 {
    font-size: 0.625rem;
  }
  #contents .fs-xxl-12 {
    font-size: 0.75rem;
  }
  #contents .fs-xxl-14 {
    font-size: 0.875rem;
  }
  #contents .fs-xxl-16 {
    font-size: 1rem;
  }
  #contents .fs-xxl-18 {
    font-size: 1.125rem;
  }
  #contents .fs-xxl-20 {
    font-size: 1.25rem;
  }
  #contents .fs-xxl-22 {
    font-size: 1.375rem;
  }
  #contents .fs-xxl-24 {
    font-size: 1.5rem;
  }
  #contents .fs-xxl-26 {
    font-size: 1.625rem;
  }
  #contents .fs-xxl-28 {
    font-size: 1.75rem;
  }
  #contents .fs-xxl-30 {
    font-size: 1.875rem;
  }
  #contents .fs-xxl-32 {
    font-size: 2rem;
  }
  #contents .fs-xxl-34 {
    font-size: 2.125rem;
  }
  #contents .fs-xxl-36 {
    font-size: 2.25rem;
  }
  #contents .fs-xxl-38 {
    font-size: 2.375rem;
  }
  #contents .fs-xxl-40 {
    font-size: 2.5rem;
  }
}
@media print, screen and (max-width: 991.8px) {
  #contents .l-nav__outer .l-induce__outer:has(> li:nth-child(2)) > li {
    width: 50%;
  }
  #contents .l-utility__list:has(.l-induce__btn):not(.is-only) .l-utility__item:has(.l-induce__btn) {
    width: 50%;
    clear: both;
  }
  #contents .l-utility__list:has(.l-induce__btn):not(.is-only) .l-utility__item:has(.l-induce__btn) + .l-utility__item:has(.l-induce__btn) {
    clear: unset;
  }
  #contents .l-utility__list:has(.l-induce__btn).is-only .l-induce__btn {
    flex-direction: row;
    max-width: 420px;
    margin: 0 auto;
    gap: 8px;
  }
  #contents .l-utility__list:has(.l-induce__btn).is-only .l-induce__btn .txt .inhide {
    display: inline-block;
  }
  #contents .l-utility__list:not(:has(.l-induce__btn)):after {
    width: 100vw;
    height: 1px;
    background: var(--GRY);
    position: relative;
    left: -10px;
    bottom: 0;
  }
  #contents .l-utility__item {
    float: left;
  }
  #contents .l-utility__item:nth-child(even) {
    margin-right: -10px;
  }
  #contents .l-utility__item:nth-child(odd) {
    margin-left: -10px;
  }
  #contents .l-utility__item:not(:has(.l-induce__btn)) {
    position: relative;
  }
  #contents .l-utility__item:not(:has(.l-induce__btn)):after {
    content: "";
    width: 100vw;
    height: 100%;
    display: block;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
  }
  #contents .l-utility__item:not(:has(.l-induce__btn)) + :has(.l-induce__btn):before {
    content: "";
    height: 1px;
    display: block;
    background: var(--GRY);
    top: 0;
    position: absolute;
  }
  #contents .l-utility__item:has(.l-induce__btn) {
    margin: unset;
    width: 100%;
    padding-top: 1.5em;
  }
  #contents .l-child__outer {
    background-color: var(--WHT);
  }
  #contents .l-child__outer .row {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  #contents .l-child__outer .row .col-12 {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  #contents .l-child__item {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #contents .l-child__item > a:where([href$=".pdf"]) .txt,
  #contents .l-child__item > a:where([href^="https://saas.actibookone.com/"]) .txt,
  #contents .l-child__item > a:where([target=_blank]) .txt {
    width: 100%;
    position: relative;
    padding-right: 20px;
    margin-top: 0;
  }
  #contents .l-child__item > a:where([href$=".pdf"]) .txt:after,
  #contents .l-child__item > a:where([href^="https://saas.actibookone.com/"]) .txt:after,
  #contents .l-child__item > a:where([target=_blank]) .txt:after {
    margin: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  #contents .l-nav__panel .d-inline-block.d-sm-none {
    display: inline-block !important;
  }
  #contents .l-nav__cover {
    max-height: calc(100dvh - 60px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    overscroll-behavior: contain;
    scroll-behavior: smooth;
    scrollbar-color: var(--MAIN) #f5f5f5;
    scrollbar-width: thin;
  }
  #contents .l-nav__cover::-webkit-scrollbar {
    width: 10px;
  }
  #contents .l-nav__cover::-webkit-scrollbar-thumb {
    border-radius: 100px;
    border: 3px solid transparent;
    background-clip: content-box;
    background-color: var(--MAIN);
  }
  #contents .l-nav__cover::-webkit-scrollbar-track {
    background-color: #f5f5f5;
  }
  #contents .l-nav__list {
    margin-top: 0;
  }
  #contents .l-nav__item {
    width: 100% !important;
    margin-top: 0;
    padding: 0;
    flex: unset;
  }
  #contents html.is-open {
    overflow: hidden;
  }
  #contents body.is-overlay:after {
    visibility: visible;
    opacity: 1;
  }
  #contents .l-header__outer.typeN .l-nav__list {
    margin-top: 0;
  }
  #contents .l-footer__outer.l-footer-BS01 .l-footer__utility .wrap {
    padding: unset;
  }
  #contents .l-column__side:not(.media-column__side) {
    margin-left: calc((100vw - 100%) / 2 * -1);
    margin-right: calc((100vw - 100%) / 2 * -1);
  }
  #contents [style*="--scroll"] .l-column__side:not(.media-column__side) {
    margin-left: calc((100vw - 100%) / 2 * -1 + var(--scroll) / 2);
    margin-right: calc((100vw - 100%) / 2 * -1 + var(--scroll) / 2);
    padding: 3rem calc((100vw - 100%) / 2 - var(--scroll) / 2);
  }
  #contents .l-scroll__outer {
    position: relative;
    padding-top: 30px;
  }
  #contents .l-scroll__outer:before {
    content: "※左右にフリックしてご覧いただけます。";
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    font-size: 0.75rem;
  }
  #contents html:not([lang=ja]) .l-scroll__outer:before {
    content: "*You can view by flicking left and right.";
  }
  #contents .l-scroll__inside {
    width: 860px;
  }
  #contents :where(.md-title__outer) + .l-scroll__outer,
  #contents :where(h1):not([class]) + .l-scroll__outer,
  #contents :where(h2):not([class]) + .l-scroll__outer,
  #contents :where(h3):not([class]) + .l-scroll__outer,
  #contents :where(h4):not([class]) + .l-scroll__outer,
  #contents :where(h5):not([class]) + .l-scroll__outer,
  #contents :where(h6):not([class]) + .l-scroll__outer {
    margin-top: 2px !important;
  }
}
@media print, screen and (max-width: 767.8px) {
  #contents .l-cta-BS03 + .l-footer__outer.l-footer-BS03 {
    margin-top: 25px;
  }
  #contents .l-cta-BS03 + .l-footer__outer.l-footer-BS03 .l-footer__guidance {
    margin-top: -5px;
    padding-bottom: 5px;
  }
  #contents .l-anchor__list .l-link__btn[class*=justify-content-][class*=ico-after-] > .txt.justify-content-start {
    padding-left: 8px;
  }
  #contents .l-form__birthday {
    align-items: center;
    flex: 1;
    border-bottom: var(--GRY) 1px solid;
  }
  #contents .l-form__birthday + .l-form__birthday {
    padding-left: 0;
  }
  #contents .l-form__birthday:first-child {
    padding-left: 10px;
  }
  #contents .l-form__birthday .l-form__title {
    width: 100%;
    justify-content: center;
  }
  #contents .l-form__birthday .l-form__input {
    padding-top: 2px;
    flex: 1;
  }
  #contents .l-toggle__panel.js-toggle__panel {
    padding-bottom: 10px;
  }
}
@media print, screen and (max-width: 575.8px) {
  #contents .l-header__clone {
    display: none;
  }
  #contents .l-utility__item:not(:has(.l-induce__btn)) + :has(.l-induce__btn):before {
    width: 100vw;
  }
  #contents .l-footer__nav {
    width: calc(100% + 30px);
    margin: 0 -15px;
  }
  #contents .l-scroll__inside td,
  #contents .l-scroll__inside th {
    display: table-cell;
  }
}
@media print, screen and (max-width: 373.8px) {
  #contents html {
    font-size: 89.5%;
  }
}
@media print, screen and (min-width: 576px) and (max-width: 991.8px) {
  #contents .l-utility__item:not(:has(.l-induce__btn)) + :has(.l-induce__btn):before {
    width: 400px;
  }
  #contents .l-nav__panel {
    max-width: 400px;
  }
  #contents .is-open .l-header__outer.l-header-BS01 .l-nav__panel .l-induce__outer.js-header__move {
    position: absolute;
    right: 60px;
    top: -60px;
    z-index: 11;
  }
  #contents .l-header__outer.l-header-BS01 .l-induce__outer {
    width: 220px;
    height: 60px;
    justify-content: flex-end;
  }
  #contents .l-header__outer.l-header-BS01 .l-induce__outer:has(> li:nth-child(1):nth-last-child(1)) {
    width: 110px;
  }
  #contents .l-header__outer.l-header-BS01 .l-induce__outer > li {
    width: 110px;
  }
  #contents .l-header__outer.l-header-BS01 .l-induce__outer > li .l-induce__btn {
    border-radius: unset;
  }
  #contents .l-footer__outer.l-footer-BS01 .l-footer__child > :nth-child(2) .l-footer__nav {
    overflow: hidden;
    margin-top: 2rem;
  }
  #contents .l-footer__outer.l-footer-BS01 .l-footer__child > :nth-child(2) .l-footer__title {
    width: unset;
    margin-top: 0;
  }
}
@media print, screen and (min-width: 576px) and (max-width: 767.8px) {
  #contents .l-footer__child {
    margin-top: 10px;
  }
  #contents .l-footer__outer.l-footer-BS01 .l-footer__info {
    display: flex;
    flex: unset;
    align-items: center;
    justify-content: center;
    padding-bottom: 0;
  }
  #contents .l-footer__outer.l-footer-BS01 .l-footer__logo {
    padding-bottom: 45px;
  }
  #contents .l-footer__outer.l-footer-BS01 .l-footer__data {
    margin-top: 0;
    padding-left: 30px;
  }
  #contents .l-footer__outer.l-footer-BS01 .l-footer__data > dd {
    position: relative;
  }
  #contents .l-footer__outer.l-footer-BS01 .l-footer__sns {
    position: absolute;
    left: -230px;
    bottom: 0;
    width: 200px;
    justify-content: center;
  }
  #contents .l-cta-BS02 + .l-footer__outer.l-footer-BS03 {
    margin-top: 25px;
  }
  #contents .l-cta-BS02 + .l-footer__outer.l-footer-BS03 .l-footer__guidance {
    margin-top: -5px;
    padding-bottom: 5px;
  }
}
@media print, screen and (max-width: 991.8px) and (min-width: 576px) {
  #contents [style*="--scroll"] .l-column__side:not(.media-column__side) {
    margin-bottom: -120px;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 991.8px) {
  #contents :where(.l-card__item).--md-horizon {
    flex-direction: row-reverse;
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
  #contents :where(.l-card__item).--md-horizon .l-card__txtarea {
    padding-top: 0;
    padding-left: 0;
  }
  #contents :where(.l-card__item).--md-horizon .l-card__thumb {
    width: 200px;
  }
  #contents :where(.l-card__item).--md-horizon[class*=bg-] .l-card__txtarea {
    padding: 1.5rem;
    padding-left: 0;
  }
  #contents .l-column__side:not(.media-column__side) .wrap {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media print {
  #contents body {
    width: calc(1120px + 1.5rem) !important;
    zoom: 0.8;
  }
  #contents .l-breadcrumb__outer,
  #contents .l-cta__outer,
  #contents .l-footer__outer,
  #contents .l-header__outer {
    display: none !important;
  }
  #contents #wrapper {
    padding-top: 0 !important;
  }
  #contents .l-wide__outer {
    width: 100vw;
    margin-left: calc((100vw - 100%) / 2 * -1) !important;
    margin-right: calc((100vw - 100%) / 2 * -1) !important;
    padding-left: calc((100vw - 100%) / 2) !important;
    padding-right: calc((100vw - 100%) / 2) !important;
  }
  #contents .section:has([class*=bownow]) {
    display: none !important;
  }
  #contents .l-hero__outer {
    background: unset !important;
    min-height: unset !important;
    padding-top: 0 !important;
  }
  #contents .l-cnt-25 .l-toggle__btn,
  #contents .l-tab__panel[aria-hidden=true],
  #contents .l-toggle__panel[aria-hidden=true] {
    display: block !important;
    opacity: 1 !important;
  }
  #contents .l-cnt-24 .l-tab__panel {
    border: var(--GRY) 1px solid;
    padding: 20px;
    margin-top: 20px;
  }
  #contents .l-cnt-25 .l-toggle__btn {
    padding: 0 !important;
    font-size: 2rem;
    margin-bottom: 10px;
  }
  #contents .l-cnt-25 .l-toggle__btn .txt:after,
  #contents .l-cnt-25 .l-toggle__btn .txt:before {
    display: none !important;
  }
  #contents .l-cnt-008__thumb {
    margin-left: 100px !important;
    margin-right: 0 !important;
  }
  #contents .l-cnt-009__thumb {
    margin-right: 100px !important;
    margin-left: unset !important;
  }
  #contents .l-table__01 td,
  #contents .l-table__01 th,
  #contents .l-table__02 td,
  #contents .l-table__02 th {
    display: table-cell !important;
  }
  #contents .l-scroll__inside {
    width: unset !important;
  }
  #contents .l-scroll__outer {
    padding-top: 0 !important;
  }
  #contents .l-scroll__outer:before {
    display: none !important;
  }
  #contents .l-flow-002 {
    padding-left: 90px !important;
  }
  #contents .l-flow-002__txtarea {
    padding-left: 3rem !important;
  }
  #contents .swiper-wrapper {
    display: flex;
    flex-wrap: wrap !important;
    width: 100% !important;
    overflow: unset !important;
    transform: unset !important;
  }
  #contents .l-sld-002__thumb,
  #contents .l-sld-003__thumb,
  #contents .l-swiper__control {
    display: none !important;
  }
  #contents .l-blog-004__slider .swiper-wrapper,
  #contents .l-sld-002__main .swiper-wrapper,
  #contents .l-sld-003__main .swiper-wrapper {
    gap: 15px;
  }
  #contents .l-blog-004__slider .swiper-slide,
  #contents .l-sld-002__main .swiper-slide,
  #contents .l-sld-003__main .swiper-slide {
    width: calc(50% - 15px) !important;
    opacity: 1 !important;
    transform: unset !important;
    margin: 0 !important;
    height: unset !important;
  }
  #contents .js-media__slider .swiper-wrapper {
    gap: 15px;
  }
  #contents .js-media__slider .swiper-slide {
    width: calc(25% - 15px) !important;
    opacity: 1 !important;
    transform: unset !important;
    margin: 0 !important;
    height: unset !important;
  }
}

@font-face {
  font-family: icons;
  font-weight: 400;
  font-style: normal;
  src: url(/dcms_media/common/icons_outline.woff) format("woff"), url(/dcms_media/common/icons_outline.ttf) format("truetype");
}
#contents .media-post__details blockquote {
  position: relative;
  background-color: var(--LMAIN);
  padding: 15px 10px 15px 30px;
  overflow: hidden;
}
#contents .media-post__details blockquote:before {
  content: "“";
  position: absolute;
  top: -10px;
  left: 3px;
  z-index: 1;
  color: var(--MAIN);
  font-size: 2.5rem;
  font-weight: 700;
}
#contents .media-post__headline {
  font-size: 1.5rem;
}
#contents .media-post__pagenation {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 30px;
}
#contents .media-post__pagenation > li {
  position: static;
}
#contents .media-post__pagenation > li a {
  width: unset;
  line-height: 1;
}
#contents .media-post__pagenation > li a:before {
  width: 8px;
  height: 8px;
  margin-top: 0.2em;
}
#contents .media-post__pagenation + * {
  margin-top: 30px !important;
}
#contents .media-post__pagenation .l-pager__next {
  margin-left: auto;
}
#contents .media-post__pagenation .l-pager__next a {
  flex-direction: row-reverse;
}
#contents .media-post__pagenation .l-pager__next a:before {
  margin-left: 10px;
}
#contents .media-post__pagenation .l-pager__prev {
  margin-right: auto;
}
#contents .media-post__pagenation .l-pager__prev a:before {
  margin-right: 10px;
}
#contents .media-post__article > :first-child {
  margin-top: 0 !important;
}
#contents .media-post__image {
  margin-top: 30px;
  text-align: center;
}
#contents .media-post__details {
  margin-top: 30px;
}
#contents .media-post__details > :where(*):not(.container):not(.l-separator):not(h2):not(h3) {
  margin-top: 1rem;
}
#contents .media-post__details > :where(*):not(.container):not(.l-separator):not(h2):not(h3):first-child {
  margin-top: 0;
}
#contents .media-post__details > h1:not([class]) + *,
#contents .media-post__details > h2:not([class]) + *,
#contents .media-post__details > h3:not([class]) + *,
#contents .media-post__details > h4:not([class]) + *,
#contents .media-post__details > h5:not([class]) + *,
#contents .media-post__details > h6:not([class]) + * {
  margin-top: 0.8rem !important;
}
#contents .media-post__details > :where(.media-blocks) + .media-blocks {
  margin-top: 3rem;
}
#contents .media-post__details > :where(h2) {
  margin-top: 3rem;
  margin-bottom: 2rem;
}
#contents .media-post__details > :where(h2) + h3 {
  margin-top: 1rem;
}
#contents .media-post__details > :where(h3) {
  margin-top: 2rem;
}
#contents .media-post__details > :where(p) + p {
  margin-top: 0.5em;
}
#contents .media-post__details > :where(p) > iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  margin-left: auto;
  margin-right: auto;
  max-width: 560px;
  display: block;
}
#contents .media-post__details .media_contents > h1:not([class]) + *,
#contents .media-post__details .media_contents > h2:not([class]) + *,
#contents .media-post__details .media_contents > h3:not([class]) + *,
#contents .media-post__details .media_contents > h4:not([class]) + *,
#contents .media-post__details .media_contents > h5:not([class]) + *,
#contents .media-post__details .media_contents > h6:not([class]) + * {
  margin-top: 0.8rem !important;
}
#contents .media-post__details .media_contents > :where(h2) {
  margin-top: 3rem;
}
#contents .media-post__details .media_contents > :where(h2) + h3 {
  margin-top: 1rem;
}
#contents .media-post__details .media_contents > :where(h3) {
  margin-top: 2rem;
}
#contents .media-post__details .media_contents > :where(h4),
#contents .media-post__details .media_contents > :where(h5),
#contents .media-post__details .media_contents > :where(h6) {
  margin-top: 1.5rem;
}
#contents .media-post__details .media_contents > :where(p) + p {
  margin-top: 0.5em;
}
#contents .media-post__details .media_contents > :where(p) > iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  margin-left: auto;
  margin-right: auto;
  max-width: 560px;
  display: block;
}
#contents .media-post__details .media_contents > :first-child {
  margin-top: 0;
}
#contents .media-post__details .thumb {
  width: 100%;
}
#contents .media-post__details > hr:not([class]) {
  border: none;
  border-top: var(--MAIN) 1px solid;
  margin: 3rem 0 !important;
}
#contents .media-post__details > hr:not([class]) + * {
  margin-top: 0;
}
#contents .media-relation__outer {
  margin-top: 3rem;
}
#contents .media-relation__cover {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#contents .media-relation__item {
  margin-top: 0;
  display: flex;
  transition: 0.3s;
}
#contents .media-relation__item > a:where([href$=".pdf"]),
#contents .media-relation__item > a:where([href^="https://saas.actibookone.com/"]),
#contents .media-relation__item > a:where([target=_blank]) {
  padding-right: 20px;
}
#contents .media-relation__item > a:has(img) {
  position: relative;
}
#contents .media-relation__item > a:has(img):after {
  display: block;
  position: absolute;
  font-size: 12px;
  z-index: 1;
  right: 0;
  top: calc(50% - 6px);
  margin: 0;
}
#contents .media-relation__item .l-media__time {
  margin-top: auto;
  padding-top: 10px;
  border-top: var(--GRY) 1px solid;
  color: var(--DEF);
}
#contents .media-relation__link {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  width: 100%;
  text-decoration: none;
}
#contents .media-relation__txtarea {
  flex: 1;
  padding-left: 10px;
  width: 100%;
}
#contents .media-relation__txtarea > .txt {
  line-height: 1.25;
  font-size: 0.875rem;
}
#contents .media-relation__txtarea > .txt > span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
#contents .media-relation__txtarea > .txt:after {
  display: none;
}
#contents .media-relation__thumb {
  width: 80px;
  border: var(--GRY) 1px solid;
}
#contents .media-relation__thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
#contents .media-relation__title {
  position: relative;
  padding-bottom: 8px;
  border-bottom: var(--LGRY) 3px solid;
  color: var(--DEF);
  font-size: 1.25rem;
  line-height: 1.3;
  color: var(--MAIN);
}
#contents .media-relation__title:before {
  content: "";
  flex-shrink: 0;
  width: 2.2em;
  height: 3px;
  background-color: var(--MAIN);
  display: block;
  position: absolute;
  left: 0;
  bottom: -3px;
}
#contents .media-relation__title + * {
  padding-top: 15px;
}
#contents .media-post__sns {
  margin-left: -5px;
  display: flex;
  flex-wrap: wrap;
}
#contents .media-post__sns:not(.container) {
  margin-top: 7px;
}
#contents .media-post__sns li {
  margin-left: 5px;
  margin-top: 5px;
  line-height: 0;
}
#contents .media-post__sns._bottom {
  margin-top: 30px;
}
#contents .media-post__details .media_table {
  background-color: var(--LGRY);
  padding: 10px 10px 10px 20px;
  position: relative;
}
#contents .media-post__details .media_table:before {
  content: "";
  width: 3px;
  height: calc(100% - 20px);
  background-color: var(--MAIN);
  position: absolute;
  left: 10px;
  top: 10px;
}
#contents .media-post__details .media_table #tableindex {
  font-weight: 700;
  margin-top: -0.45em;
  color: var(--MAIN);
  font-size: 1.375rem;
}
#contents .media-post__details .media_table ul {
  margin-top: 5px;
}
#contents .media-post__details .media_table ul a {
  text-decoration: none;
  color: var(--DEF);
  flex: 1;
}
#contents .media-post__details .media_table ul li {
  display: flex;
  flex-wrap: wrap;
}
#contents .media-post__details .media_table ul li:before {
  white-space: nowrap;
  width: unset;
  background: unset;
  border-radius: unset;
  height: unset;
  position: static;
  padding-right: 5px;
}
#contents .media-post__details .media_table ul ul {
  width: 100%;
}
#contents .media-post__details .media_table ul > li:before {
  counter-increment: ol-bullet;
}
#contents .media-post__details .media_table ul > li ~ li {
  margin-top: 5px;
}
#contents .media-post__details .media_table > ul {
  counter-reset: ol-bullet1;
}
#contents .media-post__details .media_table > ul > li:before {
  counter-increment: ol-bullet1;
  content: counter(ol-bullet1) ". ";
}
#contents .media-post__details .media_table > ul > ul {
  padding-left: 1rem;
  counter-reset: ol-bullet2;
}
#contents .media-post__details .media_table > ul > ul > li:before {
  counter-increment: ol-bullet2;
  content: counter(ol-bullet2) ". ";
}
#contents .media-post__details .media_table > ul > ul > ul {
  counter-reset: ol-bullet3;
  padding-left: 1.5rem;
}
#contents .media-post__details .media_table > ul > ul > ul > li:before {
  counter-increment: ol-bullet3;
  content: counter(ol-bullet3) ". ";
}
#contents .media-post__details .media_table > ul > ul > ul > ul {
  padding-left: 1.5rem;
  counter-reset: ol-bullet4;
}
#contents .media-post__details .media_table > ul > ul > ul > ul > li:before {
  counter-increment: ol-bullet4;
  content: counter(ol-bullet4, Upper-roman) ". ";
}
#contents .media-post__details .media_table > ul > ul > ul > ul > ul {
  padding-left: 2rem;
  counter-reset: ol-bullet5;
}
#contents .media-post__details .media_table > ul > ul > ul > ul > ul > li:before {
  counter-increment: ol-bullet5;
  content: counter(ol-bullet5, lower-roman) ". ";
}
#contents .media-archive__list > * {
  margin-top: 0 !important;
}
#contents .media-archive__month,
#contents .media-archive__year {
  display: flex;
  flex-wrap: wrap;
  margin-top: -5px;
  margin-left: -10px;
}
#contents .media-archive__month li,
#contents .media-archive__year li {
  margin-top: 5px;
  margin-left: 10px;
}
#contents .media-archive__month li a,
#contents .media-archive__year li a {
  color: var(--DEF);
  text-decoration: none;
}
#contents .media-archive__month li a[aria-current=page],
#contents .media-archive__year li a[aria-current=page] {
  color: var(--MAIN);
  pointer-events: none;
}
#contents .media-archive__year {
  position: relative;
  z-index: 1;
}
#contents .media-archive__year li a {
  display: inline-block;
  padding: 2px 5px;
  border: transparent 1px solid;
}
#contents .media-archive__year li a[aria-current=page] {
  background-color: var(--MAIN);
  color: #fff;
}
#contents .media-archive__month {
  margin-top: -1px;
  padding-top: 5px;
  position: relative;
  margin-left: -15px;
}
#contents .media-archive__month:before {
  content: "";
  position: absolute;
  background-color: #ced4da;
  width: calc(100% - 15px);
  left: 15px;
  top: 0;
  height: 1px;
}
#contents .media-archive__month li {
  margin-left: 15px;
}
#contents .media-archive__month li a[aria-current=page] {
  font-weight: 700;
}
#contents :where(ul[class*=media]) li {
  list-style: none;
  padding: unset;
}
#contents :where(ul[class*=media]) li:before {
  display: none;
}
#contents .media-post__item {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  border: var(--GRY) 1px solid;
  flex-direction: column-reverse;
  padding: 1rem;
}
#contents .media-post__item a {
  text-decoration: none;
}
#contents .media-post__item ~ .media-post__item {
  margin-top: 25px;
}
#contents .media-post__inside {
  margin-top: 1rem;
}
#contents .media-post__title {
  font-size: 1.25rem;
}
#contents .media-post__title a {
  transition: 0.3s;
}
#contents .media-post__thumb {
  height: 150px;
}
#contents .media-post__thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transition: 0.3s;
}
#contents .l-badge__outer[class*=l-media] {
  display: inline-flex;
  margin-right: 5px;
  margin-top: 0.5rem;
}
#contents .l-media__category .badge {
  background-color: var(--MAIN);
  color: #fff;
  transition: 0.3s;
}
#contents .media-description__outer {
  margin-bottom: 1.5rem;
}
#contents .media-description__outer:empty {
  display: none;
}
#contents :where(.l-media__time) {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: 0.5rem;
}
#contents :where(.l-media__time) + * {
  margin-top: 0.5rem;
}
#contents :where(.l-media__time) > p {
  font-size: 0.8125rem;
  line-height: 1.25;
}
#contents :where(.l-media__time) > p ~ p:before {
  content: "/";
  margin: 0 0.5rem;
}
#contents :where(.l-media__time) > p > span:after {
  content: "：";
}
#contents :where(.media-sort__outer) {
  margin-top: 1.5rem;
}
#contents :where(.media-sort__outer) + .media-post__outer {
  margin-top: 1.5rem;
}
#contents :where(.media-sort__outer) :where(.media-sort__list) {
  display: flex;
  justify-content: flex-end;
  line-height: 1.2;
}
#contents :where(.media-sort__outer) :where(.media-sort__list) li {
  position: relative;
  padding-left: 1rem;
}
#contents :where(.media-sort__outer) :where(.media-sort__list) li:after {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea02";
  left: 0;
  top: calc(50% - 0.2rem);
  font-size: 0.625rem;
  position: absolute;
}
#contents :where(.media-sort__outer) :where(.media-sort__list) li:has(a) {
  padding-left: 0;
}
#contents :where(.media-sort__outer) :where(.media-sort__list) li:has(a):after {
  display: none;
}
#contents :where(.media-sort__outer) :where(.media-sort__list) li ~ li {
  margin-left: 20px;
  margin-top: 0;
  position: relative;
}
#contents :where(.media-sort__outer) :where(.media-sort__list) li ~ li:before {
  display: block;
  content: "";
  width: 1px;
  height: 0.8em;
  background-color: var(--DEF);
  position: absolute;
  left: -10px;
  top: 0.4em;
}
#contents :where(.media-sort__outer) :where(.media-sort__list) li a {
  text-decoration: underline;
  color: var(--MAIN);
}
#contents .media-side__archive {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 1.5rem;
}
#contents .media-side__archive > li > a {
  position: relative;
  padding-left: 0.8rem;
  display: inline-block;
  text-decoration: none;
  transition: 0.3s;
}
#contents .media-side__archive > li > a:before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea01";
  position: absolute;
  top: 0.5rem;
  left: 0;
  color: var(--MAIN);
  font-size: 0.625rem;
}
#contents [class*=media-side] .l-link__btn {
  min-width: unset;
  width: 100%;
}
#contents [class*=media-side] .l-media__category,
#contents [class*=media-side] .l-media__tag {
  margin: unset !important;
  line-height: 1;
}
#contents [class*=media-side] .l-media__tag {
  gap: 5px 15px;
}
#contents :where([class*=media-]) :where(li) > :where(a) {
  text-decoration: none;
  color: var(--DEF);
  transition: 0.3s;
}
#contents .media-side__box ~ .media-side__box {
  margin-top: 1.5rem;
}
#contents .media-side__inside {
  line-height: 0;
}
#contents .media-side__inside .l-media__tag {
  font-size: 1rem;
}
#contents .media-side__title {
  position: relative;
  padding-bottom: 8px;
  border-bottom: var(--LGRY) 3px solid;
  color: var(--DEF);
  font-size: 1.125rem;
  line-height: 1.3;
  color: var(--MAIN);
  font-weight: 700;
}
#contents .media-side__title:before {
  content: "";
  flex-shrink: 0;
  width: 2.2em;
  height: 3px;
  background-color: var(--MAIN);
  display: block;
  position: absolute;
  left: 0;
  bottom: -3px;
}
#contents .media-side__title + * {
  margin-top: 0.7rem;
}
#contents .media-side__view {
  max-width: 260px;
  margin: 1.5rem auto 0;
}
#contents .media-side__newpsot > li > a {
  position: relative;
  padding-left: 1rem;
  display: inline-block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  line-height: 1.25;
  text-decoration: none;
  font-size: 0.875rem;
  transition: 0.3s;
}
#contents .media-side__newpsot > li > a:before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea01";
  position: absolute;
  top: 0.2rem;
  left: 0;
  font-size: 0.625rem;
  color: var(--MAIN);
}
#contents .media-side__newpsot > li > a:where([href$=".pdf"]),
#contents .media-side__newpsot > li > a:where([href^="https://saas.actibookone.com/"]),
#contents .media-side__newpsot > li > a:where([target=_blank]) {
  position: relative;
}
#contents .media-side__newpsot > li > a:where([href$=".pdf"]):before,
#contents .media-side__newpsot > li > a:where([href^="https://saas.actibookone.com/"]):before,
#contents .media-side__newpsot > li > a:where([target=_blank]):before {
  display: none;
}
#contents .media-side__newpsot > li > a:where([href$=".pdf"]):after,
#contents .media-side__newpsot > li > a:where([href^="https://saas.actibookone.com/"]):after,
#contents .media-side__newpsot > li > a:where([target=_blank]):after {
  position: absolute;
  left: 0;
  top: 0.4em;
  margin: 0;
}
#contents .media-side__recommend time {
  display: none;
}
#contents .media-search__inside {
  display: flex;
  border: var(--GRY) 1px solid;
}
#contents .media-search__input {
  flex: 1;
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 5px 10px;
  height: 50px;
}
#contents .media-search__input:focus {
  outline: 1px solid var(--MAIN);
  background-color: var(--LMAIN);
}
#contents .media-search__btn {
  width: 52px;
  height: 52px;
  margin: -1px;
  background-color: var(--MAIN);
  color: var(--WHT);
  border: var(--MAIN) 1px solid;
  transition: 0.3s;
}
#contents .media-search__btn:focus {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
#contents .media-search__btn:before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea06";
  position: static !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.375rem;
}
#contents .media-side__tree {
  -moz-column-count: 2;
  column-count: 2;
}
#contents .media-side__tree li a {
  position: relative;
  padding-left: 0.8rem;
  display: inline-block;
  text-decoration: none;
  transition: 0.3s;
}
#contents .media-side__tree li a:before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea01";
  position: absolute;
  top: 0.5rem;
  left: 0;
  font-size: 0.625rem;
  color: var(--MAIN);
}
#contents .media-side__tree > li {
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
#contents .media-side__tree > li ul {
  padding-left: 1rem;
  margin-top: 5px;
}
#contents .media-side__tree > li ul > li ~ li {
  margin-top: 5px;
}
#contents .l-blog-002__row > li {
  display: flex;
}
#contents .l-blog-002__row > li .l-recommend__item {
  border: var(--GRY) 1px solid;
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  overflow: hidden;
  transition: 0.3s;
  position: relative;
}
#contents .l-blog-002__row > li .l-recommend__item .txt:after {
  position: absolute;
  right: 5px;
  top: 10px;
}
#contents .l-blog-002__row > li .l-recommend__txtarea {
  flex: 1;
  padding: 5px 10px;
  overflow: visible;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#contents .l-blog-002__row > li .l-recommend__txtarea time {
  margin-bottom: 4px;
  display: block;
}
#contents .l-blog-002__row > li .l-recommend__txtarea .txt {
  -webkit-line-clamp: 2;
}
#contents .l-blog-002__row > li .l-recommend__thumb {
  width: 80px;
  border-radius: unset !important;
}
#contents .l-blog-002__row > li .l-recommend__thumb img {
  width: 100%;
  height: 100%;
}
#contents .l-blog-002__row > li .l-recommend__thumb img {
  -o-object-fit: cover;
  object-fit: cover;
}
#contents .l-blog-003__row > li {
  display: flex;
}
#contents .l-blog-003__row > li .l-recommend__item {
  line-height: 0;
  display: flex;
  position: relative;
  transition: 0.3s;
  overflow: hidden;
  transition: 0.3s;
}
#contents .l-blog-003__row > li .l-recommend__item .txt:after {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
#contents .l-blog-003__row > li .l-recommend__item:where([href$=".pdf"]) .l-recommend__txtarea .txt,
#contents .l-blog-003__row > li .l-recommend__item:where([href^="https://saas.actibookone.com/"]) .l-recommend__txtarea .txt,
#contents .l-blog-003__row > li .l-recommend__item:where([target=_blank]) .l-recommend__txtarea .txt {
  position: relative;
  padding-right: 30px;
}
#contents .l-blog-003__row > li .l-recommend__item:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
  transform: translateY(calc(100% - 80px));
  transition: transform 0.3s;
}
#contents .l-blog-003__row > li .l-recommend__txtarea {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  padding: 15px 10px;
  padding-right: 0;
  font-size: 1rem;
  color: #fff;
  font-weight: 700;
  line-height: 1.5;
  z-index: 2;
  height: 80px;
  display: flex;
  align-items: center;
  transition: height 0.3s;
}
#contents .l-blog-003__row > li .l-recommend__txtarea .txt {
  position: relative;
  -webkit-line-clamp: 2;
  width: 100%;
  padding-right: 10px;
}
#contents .l-blog-003__row > li .l-recommend__txtarea time {
  display: none;
}
#contents .l-blog-003__row > li .l-recommend__thumb {
  width: 100%;
  border-radius: unset !important;
}
#contents .l-blog-003__row > li .l-recommend__thumb img {
  width: 100%;
  height: 100%;
}
#contents .l-blog-003__row > li .l-recommend__thumb img {
  -o-object-fit: cover;
  object-fit: cover;
}
#contents .l-blog-004 .l-swiper__outer.l-wide__outer {
  margin-bottom: unset !important;
  overflow: unset !important;
}
#contents .l-blog-004 .l-swiper__btn[aria-disabled=true] {
  pointer-events: unset !important;
}
#contents .l-blog-004 .l-swiper__player {
  display: block;
}
#contents .l-blog-004__slider .l-media__thumb .thumb {
  max-height: unset;
  height: 300px;
}
#contents .l-blog-004__slider .l-media__category {
  margin-bottom: 10px;
}
#contents .l-blog-004__slider .l-media__tag,
#contents .l-blog-004__slider .l-media__txt {
  display: none;
}
#contents [class*=l-bnr-] a {
  text-decoration: unset;
}
#contents [class*=l-bnr-] a .txt {
  text-decoration: unset;
}
#contents .l-bnr-001__col {
  margin-left: -1px;
  margin-top: -1px;
}
#contents .l-bnr-001__link {
  border: var(--GRY) 1px solid;
  width: 100%;
  background-color: var(--WHT);
  position: relative;
  color: var(--DEF);
  font-size: 0.875rem;
  line-height: 1.25;
  padding: 1rem;
  transition: 0.3s;
}
#contents .l-bnr-001__link:has(.l-bnr-001__txt) {
  padding-bottom: 0.5rem;
}
#contents .l-bnr-001__txt {
  flex: 1;
  display: flex;
  align-items: center;
}
#contents .l-bnr-001__txt .txt {
  width: 100%;
}
#contents .l-bnr-002__link {
  width: 100%;
  border: var(--GRY) 1px solid;
  transition: 0.3s;
}
#contents .l-bnr-002__txt {
  flex: 1;
  line-height: 1.25;
}
#contents .l-bnr-002__thumb {
  width: 60px;
  border-radius: unset;
}
#contents .l-bnr-002__thumb img {
  width: 100%;
  height: 100%;
}
#contents .l-bnr-002__thumb img {
  -o-object-fit: cover;
  object-fit: cover;
}
#contents .l-bnr-003__link {
  width: 100%;
  border: var(--GRY) 1px solid;
  transition: 0.3s;
}
#contents .l-bnr-003__txt {
  flex: 1;
  line-height: 1.25;
  display: flex;
  align-items: center;
}
#contents .l-bnr-003__txt .txt {
  width: 100%;
}
#contents .l-bnr-003__thumb {
  border-radius: unset;
}
#contents .l-bnr-004__link {
  width: 100%;
  border: var(--GRY) 1px solid;
  align-items: center;
  transition: 0.3s;
}
#contents .l-bnr-004__txt {
  flex: 1;
  line-height: 1.25;
  display: flex;
  align-items: center;
}
#contents .l-bnr-004__txt .txt {
  width: 100%;
}
#contents .l-bnr-004__thumb {
  width: 60px;
}
#contents .l-bnr-005__thumb {
  border-radius: unset;
}
#contents .l-bnr-006 .l-link__arr {
  padding-left: 1.4em;
  position: relative;
}
#contents .l-bnr-006 .l-link__arr:before {
  font-family: icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea01";
  position: absolute;
  width: 2em;
  height: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: var(--MAIN);
  top: 0.2em;
  left: 0;
  border: var(--MAIN) 2px solid;
  font-size: 0.625rem;
}
#contents .l-bnr-006__link {
  transition: 0.3s;
}
#contents .l-cnt-003__row {
  width: 100%;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}
#contents .l-cnt-003__row > [class*=col] {
  padding: 0;
  margin: 0;
}
#contents .l-cnt-003 .l-card__item {
  padding: 1rem;
}
#contents .l-cnt-003 .l-card__thumb {
  width: 100%;
  border-radius: unset;
}
#contents .l-cnt-003 .thumb {
  width: 100%;
  background: unset;
  max-height: unset;
  border-radius: unset;
}
#contents .l-cnt-protrude__outer > * > [class*=__txtarea] {
  position: relative;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
  background: unset !important;
}
#contents .l-cnt-protrude__outer > * > [class*=__txtarea] > * {
  position: relative;
  z-index: 1;
}
#contents .l-cnt-protrude__outer > * > [class*=__txtarea]:before {
  content: "";
  background-color: var(--LGRY);
  width: 100%;
  height: calc(100% + 3rem);
  position: absolute;
  top: -3rem;
  left: 50%;
  transform: translateX(-50%);
}
#contents .l-cnt-protrude__outer.l-wide__outer > * > [class*=__txtarea]:before {
  width: 120vw;
}
#contents .l-cnt-protrude__outer [class*=__thumb] {
  position: relative;
  z-index: 1;
}
#contents .l-cnt-protrude__outer > * > [class*=__txtarea].bg-def:before {
  background-color: var(--DEF);
}
#contents .l-cnt-protrude__outer > * > [class*=__txtarea].bg-main:before {
  background-color: var(--MAIN);
}
#contents .l-cnt-protrude__outer > * > [class*=__txtarea].bg-accent:before {
  background-color: var(--ACC);
}
#contents .l-cnt-protrude__outer > * > [class*=__txtarea].bg-other:before {
  background-color: var(--OTH);
}
#contents .l-cnt-protrude__outer > * > [class*=__txtarea].bg-link:before {
  background-color: var(--LINK);
}
#contents .l-cnt-protrude__outer > * > [class*=__txtarea].bg-gry:before {
  background-color: var(--GRY);
}
#contents .l-cnt-protrude__outer > * > [class*=__txtarea].bg-dgry:before {
  background-color: var(--DGRY);
}
#contents .l-cnt-protrude__outer > * > [class*=__txtarea].bg-lgry:before {
  background-color: var(--LGRY);
}
#contents .l-cnt-protrude__outer > * > [class*=__txtarea].bg-wht:before {
  background-color: var(--WHT);
}
#contents .l-cnt-protrude__outer > * > [class*=__txtarea].bg-lmain:before {
  background-color: var(--LMAIN);
}
#contents .l-cnt-protrude__outer > * > [class*=__txtarea].bg-laccent:before {
  background-color: var(--LACC);
}
#contents .l-cnt-protrude__outer > * > [class*=__txtarea].bg-lother:before {
  background-color: var(--LOTH);
}
#contents .l-cnt-ride__outer .l-card__item {
  padding: 1rem;
  margin-top: -5rem;
  position: relative;
  z-index: 1;
}
#contents .l-wide__outer .l-cnt-ride__outer [class*=__thumb] {
  border-radius: unset;
}
#contents .l-wide__outer .l-cnt-ride__outer [class*=row-reverse] [class*=__thumb].l-cnt-008__thumb .thumb,
#contents .l-wide__outer .l-cnt-ride__outer [class*=row-reverse] [class*=__thumb].l-cnt-009__thumb .thumb {
  border-radius: unset;
}
#contents .l-wide__outer .l-cnt-ride__outer [class*=row-reverse] [class*=__thumb]:not(.l-cnt-008__thumb):not(.l-cnt-009__thumb) {
  border-radius: unset;
}
#contents .l-cnt-ride__outer.--bottom .l-card__item {
  margin-top: unset;
}
#contents .l-cnt-ride__outer.--bottom [class*=__thumb] {
  margin-top: unset;
  border-radius: unset;
}
#contents .l-cnt-ride__outer.--bottom [class*=__thumb] img {
  width: 100%;
  height: 100%;
}
#contents .l-cnt-ride__outer.--bottom [class*=__thumb] img {
  -o-object-fit: cover;
  object-fit: cover;
}
#contents .l-cnt-011__col .l-card__item {
  padding: 1rem;
}
#contents .l-cnt-011__col a.l-card__item {
  text-decoration: none;
  transition: 0.3s;
}
#contents .l-cnt-011__col .l-card__thumb {
  width: 80px;
  margin: 0 auto;
}
#contents .l-cnt-012__col .l-card__item {
  padding: 1rem;
}
#contents .l-cnt-012__col a.l-card__item {
  text-decoration: none;
  transition: 0.3s;
}
#contents .l-cnt-012__col .l-card__thumb {
  width: 80px;
  margin: 0 auto;
}
#contents .l-cnt-013__col {
  display: grid;
}
#contents .l-cnt-013__item {
  display: grid;
  grid-template-columns: 1fr 30px;
  grid-template-rows: max-content 1fr;
  text-decoration: none;
  align-items: flex-start;
  transition: 0.3s;
}
#contents .l-cnt-013__txt {
  grid-row: 2;
  grid-column: 1;
  line-height: 1.25;
  padding: 10px 10px 10px 0;
  order: 2;
  font-size: 0.8125rem;
}
#contents .l-cnt-013__icon {
  grid-row: 2;
  grid-column: 2;
  order: 3;
}
#contents .l-cnt-013__thumb {
  grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  order: 1;
}
#contents .l-cnt-014 + .l-cnt-014:not(.--min) {
  margin-top: 3rem;
}
#contents .l-cnt-014__title {
  display: flex;
}
#contents .l-cnt-014__title .title {
  display: flex;
  padding: 15px 10px;
  width: 100%;
  font-size: 1.375rem;
  line-height: 1.25;
}
#contents .l-cnt-014__title .title > .txt {
  display: block;
  width: 100%;
}
#contents .l-cnt-014__txtarea {
  margin-top: 1rem;
}
#contents .l-cnt-015__inside {
  width: 100%;
  padding: 10px;
  flex-direction: column;
}
#contents .l-cnt-015__title {
  color: var(--MAIN);
  text-align: center;
}
#contents .l-cnt-015__title .title {
  position: relative;
  padding-bottom: 20px;
  font-size: 0.875rem;
  line-height: 1.2;
}
#contents .l-cnt-015__title .title:after {
  content: "";
  width: 1rem;
  height: 2px;
  background-color: var(--MAIN);
  position: absolute;
  left: calc(50% - 0.5rem);
  bottom: 10px;
}
#contents .l-cnt-015__title .title .num {
  font-size: 1.875rem;
  display: inline-block;
  padding-left: 0.2rem;
}
#contents .l-cnt-015__title.text-def .title:after {
  background-color: var(--DEF);
}
#contents .l-cnt-015__title.text-main .title:after {
  background-color: var(--MAIN);
}
#contents .l-cnt-015__title.text-accent .title:after {
  background-color: var(--ACC);
}
#contents .l-cnt-015__title.text-other .title:after {
  background-color: var(--OTH);
}
#contents .l-cnt-015__title.text-link .title:after {
  background-color: var(--LINK);
}
#contents .l-cnt-015__title.text-gry .title:after {
  background-color: var(--GRY);
}
#contents .l-cnt-015__title.text-dgry .title:after {
  background-color: var(--DGRY);
}
#contents .l-cnt-015__title.text-lgry .title:after {
  background-color: var(--LGRY);
}
#contents .l-cnt-015__title.text-wht .title:after {
  background-color: var(--WHT);
}
#contents .l-cnt-015__title.text-lmain .title:after {
  background-color: var(--LMAIN);
}
#contents .l-cnt-015__title.text-laccent .title:after {
  background-color: var(--LACC);
}
#contents .l-cnt-015__title.text-lother .title:after {
  background-color: var(--LOTH);
}
#contents .l-cnt-016__row.colorset-def .l-cnt-016__link {
  transition: 0.3s;
}
#contents .l-cnt-016__row.colorset-def .l-cnt-016__link:before {
  background: var(--DEF);
}
#contents .l-cnt-016__row.colorset-main .l-cnt-016__link {
  transition: 0.3s;
}
#contents .l-cnt-016__row.colorset-main .l-cnt-016__link:before {
  background: var(--MAIN);
}
#contents .l-cnt-016__row.colorset-accent .l-cnt-016__link {
  transition: 0.3s;
}
#contents .l-cnt-016__row.colorset-accent .l-cnt-016__link:before {
  background: var(--ACC);
}
#contents .l-cnt-016__row.colorset-other .l-cnt-016__link {
  transition: 0.3s;
}
#contents .l-cnt-016__row.colorset-other .l-cnt-016__link:before {
  background: var(--OTH);
}
#contents .l-cnt-016__row.colorset-link .l-cnt-016__link {
  transition: 0.3s;
}
#contents .l-cnt-016__row.colorset-link .l-cnt-016__link:before {
  background: var(--LINK);
}
#contents .l-cnt-016__row.colorset-gry .l-cnt-016__link {
  transition: 0.3s;
}
#contents .l-cnt-016__row.colorset-gry .l-cnt-016__link:before {
  background: var(--GRY);
}
#contents .l-cnt-016__row.colorset-dgry .l-cnt-016__link {
  transition: 0.3s;
}
#contents .l-cnt-016__row.colorset-dgry .l-cnt-016__link:before {
  background: var(--DGRY);
}
#contents .l-cnt-016__row.colorset-lgry .l-cnt-016__link {
  transition: 0.3s;
}
#contents .l-cnt-016__row.colorset-lgry .l-cnt-016__link:before {
  background: var(--LGRY);
}
#contents .l-cnt-016__row.colorset-wht .l-cnt-016__link {
  transition: 0.3s;
}
#contents .l-cnt-016__row.colorset-wht .l-cnt-016__link:before {
  background: var(--WHT);
}
#contents .l-cnt-016__row.colorset-lmain .l-cnt-016__link {
  transition: 0.3s;
}
#contents .l-cnt-016__row.colorset-lmain .l-cnt-016__link:before {
  background: var(--LMAIN);
}
#contents .l-cnt-016__row.colorset-laccent .l-cnt-016__link {
  transition: 0.3s;
}
#contents .l-cnt-016__row.colorset-laccent .l-cnt-016__link:before {
  background: var(--LACC);
}
#contents .l-cnt-016__row.colorset-lother .l-cnt-016__link {
  transition: 0.3s;
}
#contents .l-cnt-016__row.colorset-lother .l-cnt-016__link:before {
  background: var(--LOTH);
}
#contents .l-cnt-016__link {
  width: 100%;
  border: var(--GRY) 1px solid;
  padding: 10px 5px 10px 1.8rem;
  display: flex;
  align-items: center;
  line-height: 1.25;
  position: relative;
  min-height: 4rem;
}
#contents .l-cnt-016__link:before {
  content: "";
  width: 1rem;
  height: 100%;
  background-color: var(--ACC);
  position: absolute;
  left: 0;
  top: 0;
}
#contents a.l-cnt-016__link {
  transition: 0.3s;
}
#contents .l-cnt-017__table {
  border-bottom: var(--GRY) 1px solid;
  margin-left: 0;
  margin-right: 0;
}
#contents .l-cnt-017__table > dt {
  border-top: var(--GRY) 1px solid;
  font-weight: 700;
  padding: 0.5rem 0 0;
}
#contents .l-cnt-017__table > dd {
  padding: 0 0 0.5rem;
}
#contents .l-cnt-018__col .l-card__txtarea {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 2rem;
}
#contents .l-cnt-019__row {
  color: #fff;
}
#contents .l-cnt-019__col .l-card__txtarea {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 2rem;
}
#contents .l-cnt-019__col .l-card__txtarea .l-link__btn {
  transition: 0.3s;
}
#contents :where(.l-cnt-019__col) {
  background-color: #000;
}
#contents .l-cnt-020__txt {
  display: inline;
}
#contents .l-cnt-020__thumb {
  width: 100%;
}
#contents .l-cnt-020__thumb figure {
  display: inline-block;
  max-width: 200px;
}
#contents .l-cnt-021__outer {
  padding-top: 5px;
}
#contents .l-cnt-021__outer:has([aria-hidden]) {
  padding-top: unset;
}
#contents .l-cnt-021__btn,
#contents .l-cnt-021__panel {
  position: relative;
  padding-left: 40px;
}
#contents .l-cnt-021__btn:before,
#contents .l-cnt-021__panel:before {
  position: absolute;
  content: "Q";
  font-weight: 700;
  left: 0;
  color: var(--WHT);
  width: 30px;
  height: 30px;
  background-color: var(--MAIN);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
}
#contents .l-cnt-021__btn:before {
  top: 10px;
}
#contents .l-cnt-021__panel {
  padding-top: 2px;
  padding-top: 2px;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
#contents .l-cnt-021__panel[aria-hidden=true] {
  display: none;
}
#contents .l-cnt-021__panel[aria-hidden=dalse] {
  display: flex;
}
#contents .l-cnt-021__panel:before {
  content: "A";
  background-color: var(--ACC);
  top: 0;
}
#contents .l-cnt-025__menu {
  display: inline-flex;
  flex-wrap: wrap;
  width: auto;
  border: none;
  gap: 10px;
}
#contents .l-cnt-025__menu > li {
  flex: unset;
}
#contents .l-cnt-025 .l-tab__panel {
  display: block;
  padding-top: 0;
}
#contents .l-cnt-025 .l-tab__btn {
  padding-left: 1rem;
  padding-right: 1rem;
  border: var(--GRY) 1px solid;
}
#contents .l-cnt-025 .l-toggle__outer {
  margin-top: -1px;
}
#contents .l-cnt-025 .l-toggle__btn {
  padding-left: 10px;
}
#contents .l-cnt-025 .l-toggle__btn > .txt {
  padding-right: 40px;
}
#contents .l-cnt-025 .l-toggle__btn > .txt:after,
#contents .l-cnt-025 .l-toggle__btn > .txt:before {
  right: 10px;
}
#contents .l-cnt-025 .l-toggle__btn[aria-expanded=true] {
  background-color: var(--MAIN);
  color: #fff;
}
#contents .l-cnt-025 .l-toggle__btn[aria-expanded=true] > .txt:after,
#contents .l-cnt-025 .l-toggle__btn[aria-expanded=true] > .txt:before {
  background-color: var(--WHT);
}
#contents .l-cnt-025 .l-toggle__panel {
  display: none;
  border-top: var(--GRY) 1px solid;
  padding-top: 1rem;
}
#contents .l-col-01-02 .l-card__txtarea {
  background-color: var(--WHT);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  margin: 0 15px 0;
  width: calc(100% - 30px);
  position: relative;
  z-index: 1;
}
#contents .l-col-01-02:has([class*=thumb]) .l-card__txtarea {
  margin-top: -30px;
  padding-top: 15px;
  padding-bottom: 15px;
}
#contents .l-col-01-02 .l-card__item.flex-column:has([class*=thumb]) .l-card__txtarea {
  margin-top: 0;
}
#contents .l-col-01-02 .l-card__item.flex-column:has([class*=thumb]) :where(.l-card__thumb) {
  margin-top: -30px;
}
#contents .l-cta-001__title {
  font-size: 1.25rem;
  line-height: 1.25;
  color: var(--MAIN);
}
#contents :where(.l-cta-002__headline) {
  background: var(--LGRY);
}
#contents .l-cta-002__headline {
  display: flex;
  padding: 10px;
  margin-bottom: 15px;
}
#contents .l-cta-002__thumb {
  width: 40px;
  margin-bottom: -20px;
  margin-right: 10px;
  border-radius: unset;
}
#contents .l-cta-002__title {
  flex: 1;
  font-size: 1.125rem;
  line-height: 1.25;
  color: var(--MAIN);
}
#contents .l-cta-002__txtarea {
  padding-left: 10px;
}
#contents .l-cta-002__list > li {
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: var(--GRY) 1px solid;
}
#contents .l-cta-002__phone {
  font-size: 2.4rem;
  font-weight: 700;
}
#contents .l-cta-002__phone:before {
  font-size: 90%;
  margin-bottom: -5px;
}
#contents .l-flow-001.after-def .l-flow-001__col:after {
  border-top-color: var(--DEF);
}
#contents .l-flow-001.after-main .l-flow-001__col:after {
  border-top-color: var(--MAIN);
}
#contents .l-flow-001.after-accent .l-flow-001__col:after {
  border-top-color: var(--ACC);
}
#contents .l-flow-001.after-other .l-flow-001__col:after {
  border-top-color: var(--OTH);
}
#contents .l-flow-001.after-link .l-flow-001__col:after {
  border-top-color: var(--LINK);
}
#contents .l-flow-001.after-gry .l-flow-001__col:after {
  border-top-color: var(--GRY);
}
#contents .l-flow-001.after-dgry .l-flow-001__col:after {
  border-top-color: var(--DGRY);
}
#contents .l-flow-001.after-lgry .l-flow-001__col:after {
  border-top-color: var(--LGRY);
}
#contents .l-flow-001.after-wht .l-flow-001__col:after {
  border-top-color: var(--WHT);
}
#contents .l-flow-001.after-lmain .l-flow-001__col:after {
  border-top-color: var(--LMAIN);
}
#contents .l-flow-001.after-laccent .l-flow-001__col:after {
  border-top-color: var(--LACC);
}
#contents .l-flow-001.after-lother .l-flow-001__col:after {
  border-top-color: var(--LOTH);
}
#contents .l-flow-001__item {
  width: 100%;
  position: relative;
  border-width: 3px;
}
#contents .l-flow-001__row {
  padding-top: 30px;
}
#contents .l-flow-001__col {
  position: relative;
}
#contents .l-flow-001__col:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -20px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 20px 25px 0 25px;
  border-top-color: var(--ACC);
}
#contents .l-flow-001__col:last-child:after {
  display: none;
}
#contents .l-flow-001__title {
  font-size: 1.375rem;
}
#contents .l-flow-001__inside {
  width: 100%;
}
#contents .l-flow-001__step {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 50%;
  top: -30px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(-50%);
  font-weight: 700;
  font-size: 1.75rem;
}
#contents .l-flow-002.after-def .l-flow-002__item:after {
  border-top-color: var(--DEF);
}
#contents .l-flow-002.after-main .l-flow-002__item:after {
  border-top-color: var(--MAIN);
}
#contents .l-flow-002.after-accent .l-flow-002__item:after {
  border-top-color: var(--ACC);
}
#contents .l-flow-002.after-other .l-flow-002__item:after {
  border-top-color: var(--OTH);
}
#contents .l-flow-002.after-link .l-flow-002__item:after {
  border-top-color: var(--LINK);
}
#contents .l-flow-002.after-gry .l-flow-002__item:after {
  border-top-color: var(--GRY);
}
#contents .l-flow-002.after-dgry .l-flow-002__item:after {
  border-top-color: var(--DGRY);
}
#contents .l-flow-002.after-lgry .l-flow-002__item:after {
  border-top-color: var(--LGRY);
}
#contents .l-flow-002.after-wht .l-flow-002__item:after {
  border-top-color: var(--WHT);
}
#contents .l-flow-002.after-lmain .l-flow-002__item:after {
  border-top-color: var(--LMAIN);
}
#contents .l-flow-002.after-laccent .l-flow-002__item:after {
  border-top-color: var(--LACC);
}
#contents .l-flow-002.after-lother .l-flow-002__item:after {
  border-top-color: var(--LOTH);
}
#contents .l-flow-002__item {
  width: 100%;
  position: relative;
}
#contents .l-flow-002__item ~ .l-flow-002__item {
  margin-top: 5rem;
}
#contents .l-flow-002__item:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -20px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 20px 25px 0 25px;
  border-top-color: var(--ACC);
}
#contents .l-flow-002__item:last-child:after {
  display: none;
}
#contents .l-flow-002__step {
  width: 80px;
  position: relative;
}
#contents .l-flow-002__step > p {
  width: 80px;
  height: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border-radius: 50%;
  font-weight: 700;
}
#contents .l-flow-002__step > p .num {
  font-size: 1.875rem;
}
#contents .l-flow-002__txtarea {
  flex: 1;
  display: grid;
  align-items: center;
}
#contents .l-flow-002__thumb {
  margin-top: 1rem;
}
#contents .l-flow-003.after-def .l-flow-003__item:after {
  color: var(--DEF);
  text-shadow: 0 15px var(--DEF), 0 -15px var(--DEF);
}
#contents .l-flow-003.after-main .l-flow-003__item:after {
  color: var(--MAIN);
  text-shadow: 0 15px var(--MAIN), 0 -15px var(--MAIN);
}
#contents .l-flow-003.after-accent .l-flow-003__item:after {
  color: var(--ACC);
  text-shadow: 0 15px var(--ACC), 0 -15px var(--ACC);
}
#contents .l-flow-003.after-other .l-flow-003__item:after {
  color: var(--OTH);
  text-shadow: 0 15px var(--OTH), 0 -15px var(--OTH);
}
#contents .l-flow-003.after-link .l-flow-003__item:after {
  color: var(--LINK);
  text-shadow: 0 15px var(--LINK), 0 -15px var(--LINK);
}
#contents .l-flow-003.after-gry .l-flow-003__item:after {
  color: var(--GRY);
  text-shadow: 0 15px var(--GRY), 0 -15px var(--GRY);
}
#contents .l-flow-003.after-dgry .l-flow-003__item:after {
  color: var(--DGRY);
  text-shadow: 0 15px var(--DGRY), 0 -15px var(--DGRY);
}
#contents .l-flow-003.after-lgry .l-flow-003__item:after {
  color: var(--LGRY);
  text-shadow: 0 15px var(--LGRY), 0 -15px var(--LGRY);
}
#contents .l-flow-003.after-wht .l-flow-003__item:after {
  color: var(--WHT);
  text-shadow: 0 15px var(--WHT), 0 -15px var(--WHT);
}
#contents .l-flow-003.after-lmain .l-flow-003__item:after {
  color: var(--LMAIN);
  text-shadow: 0 15px var(--LMAIN), 0 -15px var(--LMAIN);
}
#contents .l-flow-003.after-laccent .l-flow-003__item:after {
  color: var(--LACC);
  text-shadow: 0 15px var(--LACC), 0 -15px var(--LACC);
}
#contents .l-flow-003.after-lother .l-flow-003__item:after {
  color: var(--LOTH);
  text-shadow: 0 15px var(--LOTH), 0 -15px var(--LOTH);
}
#contents .l-flow-003__headline .title {
  font-size: 1.25rem;
}
#contents .l-flow-003__item {
  width: 100%;
  position: relative;
}
#contents .l-flow-003__item ~ .l-flow-003__item {
  margin-top: 3rem;
}
#contents .l-flow-003__item:after {
  content: "•";
  font-size: 30px;
  font-weight: 400;
  position: absolute;
  z-index: 3;
  bottom: -47px;
  left: 20px;
  color: var(--ACC);
  text-shadow: 0 15px var(--ACC), 0 -15px var(--ACC);
}
#contents .l-flow-003__item:last-child:after {
  display: none;
}
#contents .l-flow-003__item .l-title__outer .title {
  font-size: 1.375rem;
}
#contents .l-flow-004.after-def .l-flow-004__item:after {
  border-top-color: var(--DEF);
}
#contents .l-flow-004.after-main .l-flow-004__item:after {
  border-top-color: var(--MAIN);
}
#contents .l-flow-004.after-accent .l-flow-004__item:after {
  border-top-color: var(--ACC);
}
#contents .l-flow-004.after-other .l-flow-004__item:after {
  border-top-color: var(--OTH);
}
#contents .l-flow-004.after-link .l-flow-004__item:after {
  border-top-color: var(--LINK);
}
#contents .l-flow-004.after-gry .l-flow-004__item:after {
  border-top-color: var(--GRY);
}
#contents .l-flow-004.after-dgry .l-flow-004__item:after {
  border-top-color: var(--DGRY);
}
#contents .l-flow-004.after-lgry .l-flow-004__item:after {
  border-top-color: var(--LGRY);
}
#contents .l-flow-004.after-wht .l-flow-004__item:after {
  border-top-color: var(--WHT);
}
#contents .l-flow-004.after-lmain .l-flow-004__item:after {
  border-top-color: var(--LMAIN);
}
#contents .l-flow-004.after-laccent .l-flow-004__item:after {
  border-top-color: var(--LACC);
}
#contents .l-flow-004.after-lother .l-flow-004__item:after {
  border-top-color: var(--LOTH);
}
#contents .l-flow-004__item {
  width: 100%;
  position: relative;
  border-width: 3px;
}
#contents .l-flow-004__item ~ .l-flow-004__item {
  margin-top: 3rem;
}
#contents .l-flow-004__item:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 20px 25px 0 25px;
  border-top-color: var(--ACC);
  bottom: -36px;
}
#contents .l-flow-004__item:last-child:after {
  display: none;
}
#contents .l-flow-004__title .title {
  font-size: 1.25rem;
}
#contents .l-flow-004__step {
  font-size: 1.125rem;
}
#contents .l-flow-004__step + * {
  margin-top: 0.2rem;
}
#contents .l-flow-004__thumb {
  margin-top: 1rem;
}
#contents .l-flow-005__row {
  padding-top: 12px;
}
#contents .l-flow-005__col {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  gap: 10px;
  width: 100%;
  padding: 15px 10px;
}
#contents .l-flow-005__col > :where([class*=__caption]) {
  grid-row: 1;
  grid-column: 1;
  font-weight: 700;
  font-size: 1.5rem;
  margin-top: -38px;
}
#contents .l-flow-005__col > :where([class*=__txtarea]) {
  grid-row: 4;
  grid-column: 1;
  margin-top: 0;
}
#contents .l-flow-005__col > :where([class*=__title]) {
  grid-row: 3;
  grid-column: 1;
  line-height: 1.3;
  font-weight: unset;
  margin-top: 5px;
}
#contents .l-flow-005__col > :where([class*=__thumb]) {
  grid-row: 2;
  grid-column: 1;
  margin-top: unset;
  border-radius: unset;
  overflow: unset;
}
#contents .l-flow-005__col > :where([class*=__thumb]) .thumb {
  background-color: unset;
  height: 80px;
  margin-top: -10px;
  border-radius: unset;
  overflow: unset;
}
#contents .l-flow-005__col > :where([class*=__thumb]) .thumb img {
  width: 100%;
  height: 100%;
}
#contents .l-flow-005__col > :where([class*=__thumb]) .thumb img {
  -o-object-fit: contain;
  object-fit: contain;
}
#contents .l-flow-005__col > :where([class*=__btn]) {
  padding-top: 30px;
}
#contents .l-flow-001__col.after-def:after,
#contents .l-flow-002__item.after-def:after,
#contents .l-flow-004__item.after-def:after {
  border-top-color: var(--DEF);
}
#contents .l-flow-001__col.after-main:after,
#contents .l-flow-002__item.after-main:after,
#contents .l-flow-004__item.after-main:after {
  border-top-color: var(--MAIN);
}
#contents .l-flow-001__col.after-accent:after,
#contents .l-flow-002__item.after-accent:after,
#contents .l-flow-004__item.after-accent:after {
  border-top-color: var(--ACC);
}
#contents .l-flow-001__col.after-other:after,
#contents .l-flow-002__item.after-other:after,
#contents .l-flow-004__item.after-other:after {
  border-top-color: var(--OTH);
}
#contents .l-flow-001__col.after-link:after,
#contents .l-flow-002__item.after-link:after,
#contents .l-flow-004__item.after-link:after {
  border-top-color: var(--LINK);
}
#contents .l-flow-001__col.after-gry:after,
#contents .l-flow-002__item.after-gry:after,
#contents .l-flow-004__item.after-gry:after {
  border-top-color: var(--GRY);
}
#contents .l-flow-001__col.after-dgry:after,
#contents .l-flow-002__item.after-dgry:after,
#contents .l-flow-004__item.after-dgry:after {
  border-top-color: var(--DGRY);
}
#contents .l-flow-001__col.after-lgry:after,
#contents .l-flow-002__item.after-lgry:after,
#contents .l-flow-004__item.after-lgry:after {
  border-top-color: var(--LGRY);
}
#contents .l-flow-001__col.after-wht:after,
#contents .l-flow-002__item.after-wht:after,
#contents .l-flow-004__item.after-wht:after {
  border-top-color: var(--WHT);
}
#contents .l-flow-001__col.after-lmain:after,
#contents .l-flow-002__item.after-lmain:after,
#contents .l-flow-004__item.after-lmain:after {
  border-top-color: var(--LMAIN);
}
#contents .l-flow-001__col.after-laccent:after,
#contents .l-flow-002__item.after-laccent:after,
#contents .l-flow-004__item.after-laccent:after {
  border-top-color: var(--LACC);
}
#contents .l-flow-001__col.after-lother:after,
#contents .l-flow-002__item.after-lother:after,
#contents .l-flow-004__item.after-lother:after {
  border-top-color: var(--LOTH);
}
#contents .l-flow-003__item.after-def:after {
  color: var(--DEF);
  text-shadow: 0 15px var(--DEF), 0 -15px var(--DEF);
}
#contents .l-flow-003__item.after-main:after {
  color: var(--MAIN);
  text-shadow: 0 15px var(--MAIN), 0 -15px var(--MAIN);
}
#contents .l-flow-003__item.after-accent:after {
  color: var(--ACC);
  text-shadow: 0 15px var(--ACC), 0 -15px var(--ACC);
}
#contents .l-flow-003__item.after-other:after {
  color: var(--OTH);
  text-shadow: 0 15px var(--OTH), 0 -15px var(--OTH);
}
#contents .l-flow-003__item.after-link:after {
  color: var(--LINK);
  text-shadow: 0 15px var(--LINK), 0 -15px var(--LINK);
}
#contents .l-flow-003__item.after-gry:after {
  color: var(--GRY);
  text-shadow: 0 15px var(--GRY), 0 -15px var(--GRY);
}
#contents .l-flow-003__item.after-dgry:after {
  color: var(--DGRY);
  text-shadow: 0 15px var(--DGRY), 0 -15px var(--DGRY);
}
#contents .l-flow-003__item.after-lgry:after {
  color: var(--LGRY);
  text-shadow: 0 15px var(--LGRY), 0 -15px var(--LGRY);
}
#contents .l-flow-003__item.after-wht:after {
  color: var(--WHT);
  text-shadow: 0 15px var(--WHT), 0 -15px var(--WHT);
}
#contents .l-flow-003__item.after-lmain:after {
  color: var(--LMAIN);
  text-shadow: 0 15px var(--LMAIN), 0 -15px var(--LMAIN);
}
#contents .l-flow-003__item.after-laccent:after {
  color: var(--LACC);
  text-shadow: 0 15px var(--LACC), 0 -15px var(--LACC);
}
#contents .l-flow-003__item.after-lother:after {
  color: var(--LOTH);
  text-shadow: 0 15px var(--LOTH), 0 -15px var(--LOTH);
}
#contents [class*=l-fv] + #contents {
  padding-top: 4.5rem;
}
#contents .l-fv__outer {
  position: relative;
}
#contents .l-fv__txtarea {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  align-items: center;
}
#contents .l-fv__slide .l-fv__txtarea {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
#contents .l-fv__txtarea .l-card__btn {
  width: 100%;
}
#contents .l-fv__inside {
  width: 100%;
  max-width: 768px;
  padding-top: 30px;
  padding-bottom: 30px;
}
#contents .l-fv__thumb {
  display: block;
  width: 100%;
  border-raduis: unset !important;
  height: 80vh;
  border-radius: unset;
}
#contents .l-fv__thumb img {
  width: 100%;
  height: 100%;
}
#contents .l-fv__thumb img {
  -o-object-fit: cover;
  object-fit: cover;
}
#contents .l-fv__thumb img {
  border-radius: unset;
}
#contents .l-fv__slider {
  position: relative;
}
#contents .l-fv__slider .l-swiper__btn {
  position: absolute !important;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
}
#contents .l-fv__slider .l-swiper__btn.--prev {
  left: 5px;
}
#contents .l-fv__slider .l-swiper__btn.--next {
  right: 5px;
}
#contents .l-fv__control {
  position: absolute;
  bottom: 10px;
  width: 100%;
  z-index: 2;
  padding-right: 40px;
}
#contents .l-fv__control .l-swiper__player {
  display: block;
  margin-right: -30px;
  margin-left: 0;
}
#contents .l-fv__control .l-swiper__pagination {
  max-width: unset;
}
#contents .l-fv__control .l-swiper__btn[aria-disabled=true] {
  pointer-events: unset !important;
}
#contents .l-map-002__col .iframe {
  height: 300px;
}
#contents .l-map-002__access {
  width: 100%;
}
#contents [class*=l-rss__0] .l-rss__title a {
  display: block;
}
#contents [class*=l-rss__0] .l-rss__contents {
  display: none;
}
#contents .l-rss__001 .l-rss__title a {
  transition: 0.3s;
}
#contents .l-sld-001__slider > .swiper-wrapper:not([id]) {
  display: flex;
}
#contents .l-sld-003__main {
  padding: 10px;
}
#contents .l-sld-003__thumb {
  margin-top: 10px;
}
#contents .l-sld-003__thumb .l-gallery__btn {
  height: 50px;
}
#contents .l-sld-004:last-child .l-wide__outer {
  margin-bottom: unset !important;
}
#contents .l-sld-004__wrapper {
  transition-timing-function: linear !important;
  pointer-events: none;
}
#contents .l-sld-004__slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
#contents .l-sld-004__slider {
  line-height: 0;
}
#contents .l-sld-004__slider .l-swiper__control {
  margin-top: unset;
  position: relative;
}
#contents .l-sld-004__slider .l-swiper__control .l-swiper__player {
  margin: unset;
  position: absolute;
  right: 0;
  top: -20px;
  width: 20px;
  height: 20px;
}
#contents .l-sld-004__slider .l-swiper__control .l-swiper__player > button {
  width: 20px;
  height: 20px;
}
#contents .l-sld-004__slider .l-swiper__control .l-swiper__player > button:after,
#contents .l-sld-004__slider .l-swiper__control .l-swiper__player > button:before {
  top: 22%;
  width: 3px;
}
#contents .l-sld-004__slider .l-swiper__control .l-swiper__player .l-swiper__stop:before {
  left: 5px;
}
#contents .l-sld-004__slider .l-swiper__control .l-swiper__player .l-swiper__stop:after {
  right: 4px;
}
#contents .l-sld-004__slider .l-swiper__control .l-swiper__player .l-swiper__start:before {
  border-width: 6px 0 6px 10px;
  top: 50%;
  margin-left: 1px;
}
#contents .l-table__01 {
  table-layout: unset;
}
#contents .l-table__03 {
  border: none;
  table-layout: unset;
  width: auto;
}
#contents .l-table__03 td,
#contents .l-table__03 th {
  text-align: left;
  border: none;
  padding: 0;
  background-color: unset;
  color: unset;
  font-weight: unset;
}
#contents .l-timeline-001__outer + .l-timeline-001__outer {
  border-top: var(--GRY) 1px solid;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}
#contents .l-timeline-001__outer + * {
  margin-top: 7.5rem;
}
#contents .l-timeline-001__outer.before-def .l-timeline-001__row:before {
  border-left-color: var(--DEF);
}
#contents .l-timeline-001__outer.before-main .l-timeline-001__row:before {
  border-left-color: var(--MAIN);
}
#contents .l-timeline-001__outer.before-accent .l-timeline-001__row:before {
  border-left-color: var(--ACC);
}
#contents .l-timeline-001__outer.before-other .l-timeline-001__row:before {
  border-left-color: var(--OTH);
}
#contents .l-timeline-001__outer.before-link .l-timeline-001__row:before {
  border-left-color: var(--LINK);
}
#contents .l-timeline-001__outer.before-gry .l-timeline-001__row:before {
  border-left-color: var(--GRY);
}
#contents .l-timeline-001__outer.before-dgry .l-timeline-001__row:before {
  border-left-color: var(--DGRY);
}
#contents .l-timeline-001__outer.before-lgry .l-timeline-001__row:before {
  border-left-color: var(--LGRY);
}
#contents .l-timeline-001__outer.before-wht .l-timeline-001__row:before {
  border-left-color: var(--WHT);
}
#contents .l-timeline-001__outer.before-lmain .l-timeline-001__row:before {
  border-left-color: var(--LMAIN);
}
#contents .l-timeline-001__outer.before-laccent .l-timeline-001__row:before {
  border-left-color: var(--LACC);
}
#contents .l-timeline-001__outer.before-lother .l-timeline-001__row:before {
  border-left-color: var(--LOTH);
}
#contents .l-timeline-001__row {
  position: relative;
}
#contents .l-timeline-001__row:before {
  content: "";
  height: calc(100% - 15px);
  width: 1px;
  display: block;
  position: absolute;
  left: 8px;
  top: 50px;
  border-left: var(--ACC) 8px dotted;
  z-index: 1;
}
#contents .l-timeline-001__headline .title {
  font-size: 2.5rem;
  line-height: 1;
}
#contents .l-timeline-001__thumb {
  border-radius: unset;
}
#contents .l-timeline-002__outer > li:first-child .l-timeline-002__headline:after {
  display: none;
}
#contents .l-timeline-002__outer > li:last-child:after {
  display: none;
}
#contents .l-timeline-002__outer > li + li {
  border-top: var(--GRY) 1px solid;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}
#contents .l-timeline-002__outer.before-def .l-timeline-002__headline:before {
  background-color: var(--DEF);
}
#contents .l-timeline-002__outer.after-def .l-timeline-002__headline:after,
#contents .l-timeline-002__outer.after-def .l-timeline-002__row:after {
  background-color: var(--DEF);
}
#contents .l-timeline-002__outer.before-main .l-timeline-002__headline:before {
  background-color: var(--MAIN);
}
#contents .l-timeline-002__outer.after-main .l-timeline-002__headline:after,
#contents .l-timeline-002__outer.after-main .l-timeline-002__row:after {
  background-color: var(--MAIN);
}
#contents .l-timeline-002__outer.before-accent .l-timeline-002__headline:before {
  background-color: var(--ACC);
}
#contents .l-timeline-002__outer.after-accent .l-timeline-002__headline:after,
#contents .l-timeline-002__outer.after-accent .l-timeline-002__row:after {
  background-color: var(--ACC);
}
#contents .l-timeline-002__outer.before-other .l-timeline-002__headline:before {
  background-color: var(--OTH);
}
#contents .l-timeline-002__outer.after-other .l-timeline-002__headline:after,
#contents .l-timeline-002__outer.after-other .l-timeline-002__row:after {
  background-color: var(--OTH);
}
#contents .l-timeline-002__outer.before-link .l-timeline-002__headline:before {
  background-color: var(--LINK);
}
#contents .l-timeline-002__outer.after-link .l-timeline-002__headline:after,
#contents .l-timeline-002__outer.after-link .l-timeline-002__row:after {
  background-color: var(--LINK);
}
#contents .l-timeline-002__outer.before-gry .l-timeline-002__headline:before {
  background-color: var(--GRY);
}
#contents .l-timeline-002__outer.after-gry .l-timeline-002__headline:after,
#contents .l-timeline-002__outer.after-gry .l-timeline-002__row:after {
  background-color: var(--GRY);
}
#contents .l-timeline-002__outer.before-dgry .l-timeline-002__headline:before {
  background-color: var(--DGRY);
}
#contents .l-timeline-002__outer.after-dgry .l-timeline-002__headline:after,
#contents .l-timeline-002__outer.after-dgry .l-timeline-002__row:after {
  background-color: var(--DGRY);
}
#contents .l-timeline-002__outer.before-lgry .l-timeline-002__headline:before {
  background-color: var(--LGRY);
}
#contents .l-timeline-002__outer.after-lgry .l-timeline-002__headline:after,
#contents .l-timeline-002__outer.after-lgry .l-timeline-002__row:after {
  background-color: var(--LGRY);
}
#contents .l-timeline-002__outer.before-wht .l-timeline-002__headline:before {
  background-color: var(--WHT);
}
#contents .l-timeline-002__outer.after-wht .l-timeline-002__headline:after,
#contents .l-timeline-002__outer.after-wht .l-timeline-002__row:after {
  background-color: var(--WHT);
}
#contents .l-timeline-002__outer.before-lmain .l-timeline-002__headline:before {
  background-color: var(--LMAIN);
}
#contents .l-timeline-002__outer.after-lmain .l-timeline-002__headline:after,
#contents .l-timeline-002__outer.after-lmain .l-timeline-002__row:after {
  background-color: var(--LMAIN);
}
#contents .l-timeline-002__outer.before-laccent .l-timeline-002__headline:before {
  background-color: var(--LACC);
}
#contents .l-timeline-002__outer.after-laccent .l-timeline-002__headline:after,
#contents .l-timeline-002__outer.after-laccent .l-timeline-002__row:after {
  background-color: var(--LACC);
}
#contents .l-timeline-002__outer.before-lother .l-timeline-002__headline:before {
  background-color: var(--LOTH);
}
#contents .l-timeline-002__outer.after-lother .l-timeline-002__headline:after,
#contents .l-timeline-002__outer.after-lother .l-timeline-002__row:after {
  background-color: var(--LOTH);
}
#contents .l-timeline-002__row {
  position: relative;
}
#contents .l-timeline-002__row:after {
  content: "";
  height: calc(100% - 20px);
  width: 6px;
  display: block;
  position: absolute;
  left: 8px;
  top: 20px;
  background-color: var(--GRY);
  z-index: 1;
}
#contents .l-timeline-002__headline {
  position: relative;
}
#contents .l-timeline-002__headline:before {
  content: "";
  width: 18px;
  height: 18px;
  background-color: var(--MAIN);
  border-radius: 50%;
  position: absolute;
  left: 2px;
  top: 14px;
  z-index: 2;
}
#contents .l-timeline-002__headline:after {
  content: "";
  height: calc(40px + 3rem);
  width: 6px;
  display: block;
  position: absolute;
  left: 8px;
  top: calc((40px + 1.5rem) * -1);
  background-color: var(--GRY);
  z-index: 1;
}
#contents .l-timeline-002__headline .title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 20px;
  height: 40px;
  border-radius: 50px;
  margin-left: 2rem;
  font-size: 1.875rem;
  line-height: 1;
}
#contents .l-timeline-002__thumb {
  border-radius: unset;
}
#contents .l-timeline__outer {
  position: relative;
}
#contents .l-timeline__txtarea {
  padding-left: 2rem;
  margin-top: 0.8rem;
}
#contents .l-timeline__thumb {
  margin-top: 0.8rem;
}
#contents .l-timeline__txt .title {
  font-size: 1.375rem;
}
#contents .l-wrr-001.l-wide__outer.--fill {
  padding-bottom: unset;
}
#contents .l-wrr-001.bg-def .l-wrr-001__band:before {
  border-top-color: var(--DEF);
}
#contents .l-wrr-001.bg-main .l-wrr-001__band:before {
  border-top-color: var(--MAIN);
}
#contents .l-wrr-001.bg-accent .l-wrr-001__band:before {
  border-top-color: var(--ACC);
}
#contents .l-wrr-001.bg-other .l-wrr-001__band:before {
  border-top-color: var(--OTH);
}
#contents .l-wrr-001.bg-link .l-wrr-001__band:before {
  border-top-color: var(--LINK);
}
#contents .l-wrr-001.bg-gry .l-wrr-001__band:before {
  border-top-color: var(--GRY);
}
#contents .l-wrr-001.bg-dgry .l-wrr-001__band:before {
  border-top-color: var(--DGRY);
}
#contents .l-wrr-001.bg-lgry .l-wrr-001__band:before {
  border-top-color: var(--LGRY);
}
#contents .l-wrr-001.bg-wht .l-wrr-001__band:before {
  border-top-color: var(--WHT);
}
#contents .l-wrr-001.bg-lmain .l-wrr-001__band:before {
  border-top-color: var(--LMAIN);
}
#contents .l-wrr-001.bg-laccent .l-wrr-001__band:before {
  border-top-color: var(--LACC);
}
#contents .l-wrr-001.bg-lother .l-wrr-001__band:before {
  border-top-color: var(--LOTH);
}
#contents .l-wrr-001__band {
  overflow: hidden;
  position: relative;
}
#contents .l-wrr-001__band:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 28px 25px 0 25px;
  border-top-color: var(--WHT);
}
#contents .l-wrr-002__cover {
  position: relative;
}
#contents .l-wrr-002__cover:before {
  content: "";
  position: absolute;
  bottom: -29px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 28px 30px 0 30px;
  border-top-color: var(--LGRY);
}
#contents .l-wrr-002__cover.before-def:before {
  border-top-color: var(--DEF);
}
#contents .l-wrr-002__cover.before-main:before {
  border-top-color: var(--MAIN);
}
#contents .l-wrr-002__cover.before-accent:before {
  border-top-color: var(--ACC);
}
#contents .l-wrr-002__cover.before-other:before {
  border-top-color: var(--OTH);
}
#contents .l-wrr-002__cover.before-link:before {
  border-top-color: var(--LINK);
}
#contents .l-wrr-002__cover.before-gry:before {
  border-top-color: var(--GRY);
}
#contents .l-wrr-002__cover.before-dgry:before {
  border-top-color: var(--DGRY);
}
#contents .l-wrr-002__cover.before-lgry:before {
  border-top-color: var(--LGRY);
}
#contents .l-wrr-002__cover.before-wht:before {
  border-top-color: var(--WHT);
}
#contents .l-wrr-002__cover.before-lmain:before {
  border-top-color: var(--LMAIN);
}
#contents .l-wrr-002__cover.before-laccent:before {
  border-top-color: var(--LACC);
}
#contents .l-wrr-002__cover.before-lother:before {
  border-top-color: var(--LOTH);
}
#contents .l-wrr-003__band {
  position: relative;
  padding-bottom: 3rem;
  padding-top: 3rem;
}
#contents .l-wrr-003__band:before {
  content: "";
  position: absolute;
  bottom: -28px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 28px 30px 0 30px;
  border-top-color: var(--LGRY);
}
#contents .l-wrr-003__band.bg-def:before {
  border-top-color: var(--DEF);
}
#contents .l-wrr-003__band.bg-main:before {
  border-top-color: var(--MAIN);
}
#contents .l-wrr-003__band.bg-accent:before {
  border-top-color: var(--ACC);
}
#contents .l-wrr-003__band.bg-other:before {
  border-top-color: var(--OTH);
}
#contents .l-wrr-003__band.bg-link:before {
  border-top-color: var(--LINK);
}
#contents .l-wrr-003__band.bg-gry:before {
  border-top-color: var(--GRY);
}
#contents .l-wrr-003__band.bg-dgry:before {
  border-top-color: var(--DGRY);
}
#contents .l-wrr-003__band.bg-lgry:before {
  border-top-color: var(--LGRY);
}
#contents .l-wrr-003__band.bg-wht:before {
  border-top-color: var(--WHT);
}
#contents .l-wrr-003__band.bg-lmain:before {
  border-top-color: var(--LMAIN);
}
#contents .l-wrr-003__band.bg-laccent:before {
  border-top-color: var(--LACC);
}
#contents .l-wrr-003__band.bg-lother:before {
  border-top-color: var(--LOTH);
}
#contents .l-wrr-003__inside {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
#contents .l-wrr-003__btn {
  margin: auto -1rem 0;
}
#contents .l-wrr-003__btn a {
  display: block;
  width: 100%;
  height: 50px;
  position: relative;
  transition: 0.3s;
}
#contents .l-wrr-003__btn a:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 20px 20px 0 20px;
  border-top-color: var(--WHT);
  transition: margin 0.3s;
}
#contents .l-search-form__input {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
#contents .l-search-form__inside {
  display: flex;
  border: var(--GRY) 1px solid;
}
#contents .l-search-form__txt {
  flex-grow: 1;
  border: none;
  padding: 10px;
}
#contents .l-search-form__btn {
  background-color: var(--MAIN);
  color: var(--WHT);
  padding: 10px;
  white-space: nowrap;
  margin: -1px;
  border: var(--MAIN) 2px solid;
  transition: 0.3s;
}
#contents .l-search__number {
  text-align: center;
  font-size: 0.875rem;
}
#contents .l-search__number + * {
  margin-top: 10px;
}
#contents .l-search-result__box {
  margin-top: 15px;
}
#contents .l-search-result__box + .l-search-result__box {
  padding-top: 15px;
  margin-top: 15px;
  border-top: var(--GRY) 1px solid;
}
#contents .l-search-result__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
#contents .l-search-result__title a {
  text-decoration: none;
  color: var(--MAIN);
  transition: 0.3s;
}
#contents .l-search-result__text {
  margin-top: 5px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
#contents .l-sitemap__outer {
  display: flex;
}
#contents .l-sitemap__list li {
  padding-left: 0;
}
#contents .l-sitemap__list li:before {
  display: none;
}
#contents .l-sitemap__list > li ~ li {
  margin-top: 1.5em;
}
#contents .l-sitemap__list ul {
  margin-top: 0.4em;
  padding-left: 1.5em;
}
#contents .l-sitemap__list ul > li ~ li {
  margin-top: 0.5em;
}
@media print, screen and (min-width: 576px) {
  #contents .media-post__details blockquote {
    border-radius: 10px;
    padding: 30px 30px 30px 45px;
  }
  #contents .media-post__details blockquote:before {
    font-size: 3.125rem;
    top: -10px;
    left: 10px;
  }
  #contents .media-post__details > h1:not([class]) + *,
  #contents .media-post__details > h2:not([class]) + *,
  #contents .media-post__details > h3:not([class]) + *,
  #contents .media-post__details > h4:not([class]) + *,
  #contents .media-post__details > h5:not([class]) + *,
  #contents .media-post__details > h6:not([class]) + * {
    margin-top: 1.2rem !important;
  }
  #contents .media-post__details .media_contents > h1:not([class]) + *,
  #contents .media-post__details .media_contents > h2:not([class]) + *,
  #contents .media-post__details .media_contents > h3:not([class]) + *,
  #contents .media-post__details .media_contents > h4:not([class]) + *,
  #contents .media-post__details .media_contents > h5:not([class]) + *,
  #contents .media-post__details .media_contents > h6:not([class]) + * {
    margin-top: 1.2rem !important;
  }
  #contents .media-post__details > hr:not([class]) {
    margin: 3rem 0 !important;
  }
  #contents .media-relation__outer {
    margin-top: 3rem;
  }
  #contents .media-post__sns._bottom {
    margin-top: 50px;
  }
  #contents .media-post__details .media_table {
    padding: 30px 20px 30px 60px;
  }
  #contents .media-post__details .media_table:before {
    height: calc(100% - 60px);
    top: 30px;
    left: 40px;
  }
  #contents .media-post__details .media_table ul > li ~ li {
    margin-top: 10px;
  }
  #contents .media-archive__year li a {
    padding: 2px 15px;
  }
  #contents :where(.media-sort__outer) {
    margin-top: 2rem;
  }
  #contents :where(.media-sort__outer) + .media-post__outer {
    margin-top: 2rem;
  }
  #contents .l-blog-002__row > li .l-recommend__item .txt:after {
    right: 10px;
    top: 15px;
  }
  #contents .l-blog-002__row > li .l-recommend__txtarea {
    padding: 10px;
    font-size: 1rem;
  }
  #contents .l-cnt-protrude__outer > * > [class*=__txtarea]:before {
    width: 110%;
  }
  #contents .l-col-01-02 .l-card__txtarea {
    margin: 0 20px 0;
    width: calc(100% - 40px);
  }
  #contents .l-col-01-02:has([class*=thumb]) .l-card__txtarea {
    margin-top: -30px;
  }
  #contents .l-col-01-02 .l-card__item.flex-column:has([class*=thumb]) :where(.l-card__thumb) {
    margin-top: -30px;
  }
  #contents .l-flow-002__item ~ .l-flow-002__item {
    margin-top: 3rem;
  }
  #contents .l-flow-002__item:after {
    bottom: -36px;
  }
  #contents .l-flow-002__txtarea {
    padding-left: 1rem;
  }
  #contents .l-flow-004__title .title {
    font-size: 1.5rem;
  }
  #contents .l-fv__slide .l-fv__txtarea {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  #contents .l-fv__thumb {
    height: 600px;
  }
}
@media print, screen and (min-width: 768px) {
  #contents .media-post__headline {
    font-size: 2rem;
  }
  #contents .media-post__pagenation {
    margin-top: 50px;
  }
  #contents .media-post__pagenation + * {
    margin-top: 50px !important;
  }
  #contents .media-post__article .l-media__time > p {
    font-size: 1rem;
  }
  #contents .media-post__article .l-media__time > p ~ p:before {
    margin: 0 1rem;
  }
  #contents .media-post__article .l-media__time + * {
    margin-top: 1rem;
  }
  #contents .media-post__image {
    margin-top: 24px;
  }
  #contents .media-post__details {
    margin-top: 24px;
  }
  #contents .media-relation__cover {
    gap: 30px 20px;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: -20px;
    margin-top: 0;
  }
  #contents .media-relation__cover:has(> li:nth-last-child(-n+2)) > li {
    width: calc(50% - 20px);
  }
  #contents .media-relation__cover:has(> li:nth-child(3)) > li {
    width: calc(33.3333333333% - 20px);
  }
  #contents .media-relation__cover:has(> li:nth-child(3)) .l-media__time > p ~ p:before {
    display: none;
  }
  #contents .media-relation__item > a:where([href$=".pdf"]),
  #contents .media-relation__item > a:where([href^="https://saas.actibookone.com/"]),
  #contents .media-relation__item > a:where([target=_blank]) {
    padding-right: 0;
  }
  #contents .media-relation__item > a:has(img):after {
    right: 2px;
    top: 2px;
    width: 26px;
    height: 26px;
    background-color: var(--MAIN);
    color: var(--WHT);
    border: var(--WHT) 1px solid;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #contents .media-relation__link {
    flex-direction: column-reverse;
  }
  #contents .media-relation__txtarea > .txt > span {
    -webkit-line-clamp: 2;
  }
  #contents .media-relation__txtarea > .txt {
    padding-bottom: 10px;
    font-size: 1rem;
    line-height: 1.5;
  }
  #contents .media-relation__txtarea {
    padding: 12px 0 0;
    display: flex;
    flex: 1;
    flex-direction: column;
  }
  #contents .media-relation__thumb {
    width: 100%;
    height: 120px;
  }
  #contents .media-relation__title {
    font-size: 1.5rem;
  }
  #contents .media-post__details .media_table #tableindex {
    font-size: 1.75rem;
  }
  #contents .media-post__details .media_table ul a {
    transition: 0.3s;
  }
  #contents .media-post__details .media_table ul a:hover {
    text-decoration: underline;
    color: var(--MAIN);
  }
  #contents .media-archive__year li a {
    transition: 0.3s;
  }
  #contents .media-archive__year li a:not([aria-current=page]):hover {
    border-color: var(--MAIN);
    background-color: var(--LMAIN);
  }
  #contents .media-archive__month li a {
    transition: 0.3s;
  }
  #contents .media-archive__month li a:not(.is-current):hover {
    text-decoration: underline;
    color: var(--MAIN);
  }
  #contents .media-post__item {
    padding: 2rem;
    flex-direction: row-reverse;
  }
  #contents .media-post__inside {
    flex: 1;
    padding-left: 2rem;
    margin-top: 0;
    display: flex;
  }
  #contents .media-post__txtarea {
    display: flex;
    width: 100%;
    flex: 1;
    flex-direction: column;
  }
  #contents .media-post__txtarea .l-media__time {
    margin-top: auto;
    padding-top: 0.5rem;
  }
  #contents .media-post__title {
    font-size: 1.5rem;
  }
  #contents .media-post__thumb {
    height: 180px;
    width: 33%;
  }
  #contents .l-badge__outer[class*=l-media] {
    margin-top: 0.7rem;
  }
  #contents :where(.media-sort__outer) :where(.media-sort__list) li a:hover {
    text-decoration: none;
    color: var(--LINK);
  }
  #contents .media-side__box ~ .media-side__box {
    margin-top: 3rem;
  }
  #contents .media-side__title {
    font-size: 1.25rem;
  }
  #contents .media-search__input {
    height: 40px;
  }
  #contents .media-search__btn {
    width: 42px;
    height: 42px;
  }
  #contents .l-blog-002__row > li .l-recommend__thumb {
    width: 120px;
  }
  #contents .l-blog-003__row > li ~ li {
    border-left: #fff 1px solid;
  }
  #contents .l-blog-004__slider .l-media__time {
    margin-top: 20px;
    justify-content: flex-start;
  }
  #contents .l-bnr-006 .l-link__arr:before {
    top: 0.4em;
  }
  #contents .l-bnr-006__link[target=_blank] .txt:after {
    font-size: 70%;
    margin-top: -0.1em;
  }
  #contents .l-bnr-006__link[href$=".pdf"] .txt:after,
  #contents .l-bnr-006__link[href^="https://saas.actibookone.com/"] .txt:after {
    font-size: 80%;
    margin-top: -0.1em;
  }
  #contents .l-cnt-003__row.flex-md-row .thumb img {
    border-radius: unset;
  }
  #contents .l-cnt-003 .l-card__item {
    padding: 1.5rem;
  }
  #contents .l-cnt-003 .thumb {
    margin-top: 0;
  }
  #contents .l-cnt-protrude__outer > * > [class*=__txtarea] {
    padding-bottom: 3rem;
  }
  #contents .l-cnt-protrude__outer > * > [class*=__txtarea]:before {
    width: calc(100% + 50px);
  }
  #contents .l-column__main .l-cnt-protrude__outer.l-wide__outer > * > [class*=__txtarea]:before {
    width: calc(100% + 100px - 1.5rem);
  }
  #contents .l-column__main .l-cnt-protrude__outer.l-wide__outer > [class*=row-reverse] > [class*=__txtarea]:before {
    width: calc(100% + 100px);
  }
  #contents .l-cnt-ride__outer > * > [class*=__txtarea] {
    margin-right: -50%;
  }
  #contents .l-cnt-ride__outer .l-card__item {
    margin-top: 0;
    max-width: 600px;
    min-height: 300px;
    margin-right: auto;
  }
  #contents .l-cnt-ride__outer [class*=__thumb] {
    margin-left: auto;
  }
  #contents .l-cnt-ride__outer > [class*=row-reverse] > [class*=__txtarea] {
    margin-right: unset;
    margin-left: -50%;
  }
  #contents .l-cnt-ride__outer > [class*=row-reverse] .l-card__item {
    margin-right: unset;
    margin-left: auto;
  }
  #contents .l-cnt-ride__outer > [class*=row-reverse] [class*=__thumb] {
    margin-left: unset;
    margin-right: auto;
  }
  #contents .l-cnt-ride__outer.--bottom .l-card__item {
    padding: 2rem;
  }
  #contents .l-cnt-012__outer .l-cnt-012__col:nth-child(4n) .l-card__item,
  #contents .l-cnt-012__outer .l-cnt-012__col:nth-child(4n-3) .l-card__item {
    background-color: var(--GRY);
  }
  #contents .l-cnt-012__outer .l-cnt-012__col:nth-child(4n-1) .l-card__item,
  #contents .l-cnt-012__outer .l-cnt-012__col:nth-child(4n-2) .l-card__item {
    background-color: var(--LGRY);
  }
  #contents .l-cnt-013__item {
    grid-template-columns: 1fr 50px;
  }
  #contents .l-cnt-013__txt {
    padding-bottom: 0;
    font-size: 0.9375rem;
    padding-top: 6px;
  }
  #contents .l-cnt-014 + .l-cnt-014:not(.--min) {
    margin-top: 3rem;
  }
  #contents .l-cnt-014__title .title {
    font-size: 1.75rem;
  }
  #contents .l-cnt-014__txtarea {
    margin-top: 0;
  }
  #contents .l-cnt-015__inside {
    padding: 20px 30px;
  }
  #contents .l-cnt-018__row {
    margin-left: -1px;
  }
  #contents .l-cnt-018__col {
    border-left: #fff 1px solid;
  }
  #contents .l-cnt-019__row {
    margin-left: -1px;
  }
  #contents .l-cnt-019__col .l-card__txtarea {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  #contents :where(.l-cnt-019__col) {
    border-left: #fff 1px solid;
  }
  #contents .l-cnt-020__thumb {
    width: 300px;
  }
  #contents .l-cnt-020__thumb figure {
    max-width: unset;
  }
  #contents .l-cnt-021__btn,
  #contents .l-cnt-021__panel {
    padding-left: 55px;
  }
  #contents .l-cnt-021__btn:before,
  #contents .l-cnt-021__panel:before {
    font-size: 1.25rem;
    width: 40px;
    height: 40px;
  }
  #contents .l-cnt-021__btn:before {
    top: 12px;
  }
  #contents .l-cnt-021__panel {
    padding-top: 5px;
  }
  #contents .l-col-01-02:has([class*=thumb]) .l-card__txtarea {
    margin-top: -60px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #contents .l-cta-001__title {
    font-size: 1.5rem;
  }
  #contents .l-cta-002__headline {
    margin-bottom: 24px;
  }
  #contents .l-cta-002__thumb {
    width: 60px;
    margin-bottom: -25px;
  }
  #contents .l-cta-002__title {
    font-size: 1.25rem;
    padding-top: 6px;
    padding-bottom: 3px;
  }
  #contents .l-cta-002__txtarea {
    padding-left: 80px;
  }
  #contents .l-flow-001__col:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 20px 15px 0 15px;
    border-top-color: var(--ACC);
    left: unset;
    bottom: unset;
    right: -17px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
  }
  #contents .l-flow-002__txtarea {
    padding-left: 3.5rem;
  }
  #contents .l-flow-002__thumb {
    margin-top: 0;
  }
  #contents .l-flow-004__thumb {
    margin-top: 0;
  }
  #contents .l-flow-005__row {
    row-gap: 2.5rem;
  }
  #contents [class*=l-fv] + #contents {
    padding-top: 6rem;
  }
  #contents .l-fv__slide .l-fv__txtarea {
    padding-left: 70px;
    padding-right: 70px;
  }
  #contents .l-fv__txtarea.justify-content-end .l-fv__inside {
    width: unset;
  }
  #contents .l-fv__txtarea.justify-content-end .l-fv__inside .l-card__btn {
    min-width: 500px;
  }
  #contents .l-fv__slider .l-swiper__btn.--prev {
    left: 20px;
  }
  #contents .l-fv__slider .l-swiper__btn.--next {
    right: 20px;
  }
  #contents .l-fv__control {
    bottom: 15px;
  }
  #contents [class*=l-rss__0] .l-rss__title a:where([href$=".pdf"]),
  #contents [class*=l-rss__0] .l-rss__title a:where([href^="https://saas.actibookone.com/"]),
  #contents [class*=l-rss__0] .l-rss__title a:where([target=_blank]) {
    padding-right: 30px;
  }
  #contents [class*=l-rss__0] .l-rss__title a:where([href$=".pdf"]):after,
  #contents [class*=l-rss__0] .l-rss__title a:where([href^="https://saas.actibookone.com/"]):after,
  #contents [class*=l-rss__0] .l-rss__title a:where([target=_blank]):after {
    top: calc(50% - 5px);
  }
  #contents .l-rss__001 .l-rss__list > li {
    display: flex;
    flex-wrap: wrap;
  }
  #contents .l-rss__001 .l-rss__date {
    display: block;
    width: 8em;
  }
  #contents .l-rss__001 .l-rss__title {
    width: calc(100% - 8em);
    margin-top: 0;
    display: inline-flex;
    align-items: flex-start;
  }
  #contents .l-rss__001 .l-rss__title .chip {
    position: static;
    margin-right: 10px;
    display: inline-block;
    margin-top: 0.1rem;
  }
  #contents .l-rss__001 .l-rss__title a {
    text-decoration: none;
    padding-right: 30px;
    position: relative;
  }
  #contents .l-rss__001 .l-rss__title a:not([target=_blank]):after {
    content: "\ea01";
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.75rem;
    position: absolute;
    right: 0;
    top: calc(50% - 3px);
  }
  #contents .l-rss__001 .l-rss__title a {
    display: inline-flex;
    align-items: flex-start;
  }
  #contents .l-rss__001 .l-rss__contents {
    width: 100%;
  }
  #contents .l-sld-001__slider > .swiper-wrapper:not([id]) .swiper-slide {
    width: calc(50% - 15px);
  }
  #contents .l-sld-003__main .swiper-slide {
    height: 230px;
  }
  #contents .l-sld-003__thumb .l-gallery__btn {
    height: 50px;
  }
  #contents .l-timeline-001__outer + .l-timeline-001__outer {
    margin-top: 3rem;
    padding-top: 3rem;
  }
  #contents .l-timeline-001__outer + * {
    margin-top: 9rem;
  }
  #contents .l-timeline-001__row:before {
    left: 2.3rem;
    top: 90px;
    border-left: var(--ACC) 10px dotted;
  }
  #contents .l-timeline-001__headline .title {
    font-size: 3.75rem;
  }
  #contents .l-timeline-002__outer > li + li {
    margin-top: 3rem;
    padding-top: 3rem;
  }
  #contents .l-timeline-002__row:after {
    height: calc(100% - 30px);
    top: 30px;
  }
  #contents .l-timeline-002__headline:before {
    top: 23px;
  }
  #contents .l-timeline-002__headline:after {
    height: calc(40px + 6rem);
    top: calc((60px + 3rem) * -1);
  }
  #contents .l-timeline-002__headline .title {
    height: 60px;
    min-width: 180px;
    font-size: 2.5rem;
  }
  #contents .l-timeline__txtarea {
    padding-left: 5rem;
    margin-top: 1.5rem;
  }
  #contents .l-wrr-001__band {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  #contents .l-wrr-001__band:before {
    border-width: 48px 50px 0 50px;
  }
  #contents .l-wrr-002__cover:before {
    border-width: 60px 60px 0 60px;
    bottom: -61px;
  }
  #contents .l-wrr-003__band {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
  #contents .l-wrr-003__band:before {
    border-width: 60px 60px 0 60px;
    bottom: -60px;
  }
  #contents .l-search-result__box {
    margin-top: 30px;
  }
  #contents .l-search-result__box + .l-search-result__box {
    padding-top: 30px;
    margin-top: 30px;
  }
  #contents .l-search-result__text {
    margin-top: 15px;
  }
}
@media print and (hover: hover) and (pointer: fine), screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
  #contents .media-relation__item:hover {
    color: var(--MAIN);
  }
  #contents .media-relation__item:hover .media-relation__txtarea time {
    color: var(--DEF);
  }
  #contents .media-relation__item:hover .media-relation__txtarea .txt {
    text-decoration: underline;
  }
  #contents .media-post__title a:hover {
    color: var(--MAIN);
    text-decoration: underline;
  }
  #contents .l-media__category .badge:hover {
    background-color: #fff;
    color: var(--MAIN);
  }
  #contents .media-side__archive > li > a:hover {
    text-decoration: underline;
  }
  #contents :where([class*=media-]) :where(li) > :where(a):hover {
    color: var(--MAIN);
  }
  #contents .media-side__newpsot > li > a:hover {
    text-decoration: underline;
  }
  #contents .media-search__btn:hover {
    background-color: var(--WHT);
  }
  #contents .media-search__btn:hover:before {
    color: var(--MAIN);
  }
  #contents .media-side__tree li a:hover {
    text-decoration: underline;
  }
  #contents .l-blog-002__row > li .l-recommend__item:hover {
    border-color: var(--MAIN);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    color: var(--MAIN);
  }
  #contents .l-blog-002__row > li .l-recommend__item:hover .txt {
    text-decoration: unset;
  }
  #contents .l-blog-003__row > li .l-recommend__item:hover .txt {
    text-decoration: unset;
  }
  #contents .l-blog-003__row > li .l-recommend__item:hover .l-recommend__txtarea {
    height: 100%;
  }
  #contents .l-blog-003__row > li .l-recommend__item:hover:before {
    transform: translateY(0);
  }
  #contents .l-bnr-001__link:hover {
    text-decoration: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    transform: scale(1.005);
    z-index: 1;
  }
  #contents .l-bnr-001__link:hover .txt {
    text-decoration: none;
  }
  #contents .l-bnr-002__link:hover {
    color: var(--MAIN);
    border-color: var(--MAIN);
  }
  #contents .l-bnr-003__link:hover {
    color: var(--MAIN);
    border-color: var(--MAIN);
  }
  #contents .l-bnr-004__link:hover {
    color: var(--MAIN);
    border-color: var(--MAIN);
  }
  #contents .l-bnr-006__link:hover {
    border-color: var(--MAIN) !important;
  }
  #contents .l-bnr-006__link:hover .l-link__arr {
    text-decoration: none !important;
  }
  #contents .l-bnr-006__link:hover .l-link__arr:before {
    background-color: var(--WHT);
    color: var(--MAIN);
  }
  #contents .l-cnt-011__col a.l-card__item:hover [class*=title] {
    text-decoration: underline;
  }
  #contents .l-cnt-012__col a.l-card__item:hover [class*=title] {
    text-decoration: underline;
  }
  #contents .l-cnt-013__item:hover .txt {
    text-decoration: underline;
  }
  #contents .l-cnt-016__row.colorset-def .l-cnt-016__link:hover {
    color: var(--DEF);
    border-color: var(--DEF);
  }
  #contents .l-cnt-016__row.colorset-main .l-cnt-016__link:hover {
    color: var(--MAIN);
    border-color: var(--MAIN);
  }
  #contents .l-cnt-016__row.colorset-accent .l-cnt-016__link:hover {
    color: var(--ACC);
    border-color: var(--ACC);
  }
  #contents .l-cnt-016__row.colorset-other .l-cnt-016__link:hover {
    color: var(--OTH);
    border-color: var(--OTH);
  }
  #contents .l-cnt-016__row.colorset-link .l-cnt-016__link:hover {
    color: var(--LINK);
    border-color: var(--LINK);
  }
  #contents .l-cnt-016__row.colorset-gry .l-cnt-016__link:hover {
    color: var(--GRY);
    border-color: var(--GRY);
  }
  #contents .l-cnt-016__row.colorset-dgry .l-cnt-016__link:hover {
    color: var(--DGRY);
    border-color: var(--DGRY);
  }
  #contents .l-cnt-016__row.colorset-lgry .l-cnt-016__link:hover {
    color: var(--LGRY);
    border-color: var(--LGRY);
  }
  #contents .l-cnt-016__row.colorset-wht .l-cnt-016__link:hover {
    color: var(--WHT);
    border-color: var(--WHT);
  }
  #contents .l-cnt-016__row.colorset-lmain .l-cnt-016__link:hover {
    color: var(--LMAIN);
    border-color: var(--LMAIN);
  }
  #contents .l-cnt-016__row.colorset-laccent .l-cnt-016__link:hover {
    color: var(--LACC);
    border-color: var(--LACC);
  }
  #contents .l-cnt-016__row.colorset-lother .l-cnt-016__link:hover {
    color: var(--LOTH);
    border-color: var(--LOTH);
  }
  #contents a.l-cnt-016__link:hover {
    color: var(--ACC);
    border-color: var(--ACC);
  }
  #contents a.l-cnt-016__link:hover .txt {
    text-decoration: none;
  }
  #contents .l-cnt-019__col .l-card__txtarea .l-link__btn:hover {
    border-color: #fff !important;
  }
  #contents .l-rss__001 .l-rss__title a:hover {
    text-decoration: none;
  }
  #contents .l-wrr-003__btn a:hover:after {
    margin-top: 5px;
  }
  #contents .l-search-form__btn:hover {
    background-color: var(--LMAIN);
    color: var(--MAIN);
  }
  #contents .l-search-result__title a:hover {
    text-decoration: underline;
  }
}
@media print, screen and (min-width: 992px) {
  #contents .media-side__archive {
    display: block;
  }
  #contents .media-search__box + .media-side__box {
    margin-top: 2rem;
  }
  #contents .media-side__tree {
    -moz-column-count: unset;
    column-count: unset;
  }
  #contents .l-blog-002__row > li .l-recommend__txtarea {
    line-height: 1.5;
    padding-left: 20px;
    padding-right: 20px;
  }
  #contents .l-blog-002__row > li .l-recommend__txtarea time {
    margin-bottom: 10px;
  }
  #contents .l-blog-002__row > li .l-recommend__thumb {
    width: 180px;
  }
  #contents .l-blog-003__row > li:nth-child(3) {
    margin-top: -1px;
    z-index: 1;
    border-top: #fff 1px solid;
  }
  #contents .l-column__outer .l-blog-004 .l-swiper__outer.l-wide__outer {
    overflow: hidden !important;
  }
  #contents .l-blog-004__slider .l-media__thumb .thumb {
    height: 400px;
  }
  #contents .l-cnt-003__row.flex-lg-row .thumb img {
    border-radius: unset;
  }
  #contents .l-cnt-protrude__outer {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  #contents .l-cnt-protrude__outer > * > [class*=__txtarea] {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 4.5rem;
  }
  #contents .l-cnt-protrude__outer > * > [class*=__txtarea]:before {
    height: calc(100% + 6rem);
    width: calc(100% + 100px - 1.5rem);
    transform: unset;
    left: unset;
    right: -100px;
  }
  #contents .l-column__outer .l-cnt-protrude__outer > * > [class*=__txtarea]:before {
    width: calc(100% + 100px);
  }
  #contents .l-column__outer .l-cnt-protrude__outer > [class*=row-reverse] {
    margin-right: unset;
  }
  #contents .l-cnt-protrude__outer > [class*=row-reverse] > [class*=__txtarea] {
    margin-left: unset;
    padding-right: 4.5rem;
    padding-left: 1.5rem;
  }
  #contents .l-cnt-protrude__outer > [class*=row-reverse] > [class*=__txtarea]:before {
    left: -100px;
    right: unset;
  }
  #contents .l-column__outer .l-cnt-protrude__outer > [class*=row-reverse] > [class*=__txtarea]:before {
    width: calc(100% + 100px);
  }
  #contents .l-column__main .l-cnt-protrude__outer.l-wide__outer > * > [class*=__txtarea] {
    padding-left: 3rem;
    padding-right: 0;
  }
  #contents .l-column__main .l-cnt-protrude__outer.l-wide__outer > [class*=row-reverse] > [class*=__txtarea] {
    padding-right: 1.5rem;
    padding-left: 0;
  }
  #contents .l-cnt-ride__outer.--bottom {
    padding-top: 6rem;
  }
  #contents .l-cnt-ride__outer.--bottom [class*=__thumb] {
    margin-top: -6rem;
    padding-bottom: 6rem;
  }
  #contents .l-wide__outer:has(.l-cnt-ride__outer):has(.flex-lg-row) {
    padding-right: unset;
  }
  #contents .l-wide__outer:has(.l-cnt-ride__outer):has(.flex-lg-row-reverse) {
    padding-left: unset;
  }
  #contents .l-wide__outer:has(.l-cnt-ride__outer) .l-cnt-ride__outer.--bottom [class*=__thumb] .thumb {
    width: 100%;
  }
  #contents .l-cnt-011__outer:nth-child(odd) > .l-cnt-011__col .l-card__item {
    background-color: var(--LGRY);
  }
  #contents .l-cnt-011__outer:nth-child(odd) > .l-cnt-011__col:nth-child(odd) .l-card__item {
    background-color: var(--GRY);
  }
  #contents .l-cnt-011__outer:nth-child(even) > .l-cnt-011__col .l-card__item {
    background-color: var(--LGRY);
  }
  #contents .l-cnt-011__outer:nth-child(even) > .l-cnt-011__col:nth-child(even) .l-card__item {
    background-color: var(--GRY);
  }
  #contents .l-cnt-012__col .l-card__item {
    padding: 2rem;
  }
  #contents .l-cnt-015__inside {
    flex-direction: row;
    align-items: center;
    padding: 30px;
    padding-left: 0;
  }
  #contents .l-cnt-015__title {
    width: 120px;
    display: flex;
    justify-content: center;
  }
  #contents .l-cnt-015__title .title {
    padding: 0 30px 0 15px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  #contents .l-cnt-015__title .title:after {
    width: 2px;
    height: 100%;
    left: unset;
    top: 0;
    right: 15px;
  }
  #contents .l-cnt-015__txtarea {
    flex: 1;
  }
  #contents .l-cnt-017__table > dd {
    border-top: var(--GRY) 1px solid;
    padding-top: 0.5rem;
    padding-left: 0.5rem;
  }
  #contents .l-cnt-025 .l-tab__cover {
    border-top: var(--GRY) 1px solid;
    margin-top: -1px;
  }
  #contents .l-cnt-025 .l-tab__cover > .l-tab__panel:first-child:not([aria-hidden=true]) {
    display: block;
  }
  #contents .l-cnt-025 .l-tab__panel {
    padding-top: 2rem;
    display: none;
  }
  #contents .l-cnt-025 .l-tab__panel[aria-hidden=false] {
    display: block;
  }
  #contents .l-cnt-025 .l-toggle__outer {
    margin-top: unset;
    border: none;
  }
  #contents .l-cnt-025 .l-toggle__btn {
    display: none;
  }
  #contents .l-cnt-025 .l-toggle__panel {
    display: block;
    border-top: none;
    padding-top: unset;
  }
  #contents .l-col-01-02 .l-card__txtarea {
    margin: 0 auto 0;
    width: 100%;
  }
  #contents .l-column__main .l-col-01-02 .l-card__txtarea {
    max-width: unset;
    width: 90%;
  }
  #contents .l-col-01-02:has([class*=thumb]) .l-card__txtarea {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  #contents .l-col-01-02 .l-card__item.flex-column:has([class*=thumb]) :where(.l-card__thumb) {
    margin-top: -60px;
  }
  #contents .l-flow-001__col:nth-child(3n):after {
    display: none;
  }
  #contents .l-flow-001__title {
    font-size: 1.75rem;
  }
  #contents .l-flow-001__step {
    width: 70px;
    height: 70px;
    top: -35px;
  }
  #contents .l-flow-002__item ~ .l-flow-002__item {
    margin-top: 5rem;
  }
  #contents .l-flow-002__item:after {
    bottom: -54px;
  }
  #contents .l-flow-002__step > p {
    line-height: 1.2;
  }
  #contents .l-flow-002__step {
    width: 150px;
  }
  #contents .l-flow-002__step > p {
    width: 150px;
    height: 150px;
  }
  #contents .l-flow-002__txtarea {
    padding-left: 1.5rem;
  }
  #contents .l-flow-003__item:after {
    left: 55px;
  }
  #contents .l-flow-003__item .l-title__outer .title {
    font-size: 1.75rem;
  }
  #contents .l-flow-004__item ~ .l-flow-004__item {
    margin-top: 5rem;
  }
  #contents .l-flow-004__item:after {
    bottom: -54px;
  }
  #contents .l-column__main .l-fv__txtarea {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  #contents .l-fv__inside {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  #contents .l-sld-001__slider > .swiper-wrapper:not([id]) .swiper-slide {
    width: calc(25% - 15px);
  }
  #contents .l-sld-003__main .swiper-slide {
    height: 390px;
  }
  #contents .l-sld-003__thumb .l-gallery__btn {
    height: 75px;
  }
  #contents .l-timeline-001__row:before {
    top: 100px;
    left: 5.5rem;
  }
  #contents .l-timeline-001__headline .title {
    font-size: 5rem;
  }
  #contents .l-timeline-002__outer {
    padding-top: 15px;
  }
  #contents .l-timeline-002__row:after {
    left: 212px;
    width: 10px;
  }
  #contents .l-timeline-002__headline:before {
    width: 24px;
    height: 24px;
    left: 205px;
    top: 7px;
  }
  #contents .l-timeline-002__headline:after {
    width: 10px;
    left: 212px;
  }
  #contents .l-timeline-002__headline .title {
    margin-left: 0;
    margin-top: -15px;
  }
  #contents .l-timeline__row {
    display: flex;
  }
  #contents .l-timeline__inside {
    display: flex;
    width: 100%;
  }
  #contents .l-timeline__txtarea {
    flex: 1;
    width: 100%;
    padding-left: 0;
    margin-top: 0;
    display: flex;
    align-items: center;
  }
  #contents .l-timeline__txt {
    flex: 1;
  }
  #contents .l-timeline__thumb {
    width: 260px;
    padding-left: 30px;
    margin-top: 0;
  }
  #contents .l-timeline__headline {
    width: 260px;
    padding-right: 30px;
  }
  #contents .l-timeline__txt .title {
    font-size: 1.75rem;
  }
  #contents .l-wrr-003__inside .l-card__title {
    padding-bottom: 1.5rem;
  }
  #contents .l-wrr-003__btn a {
    height: 70px;
  }
  #contents .l-wrr-003__btn a:after {
    border-width: 24px 30px 0 30px;
  }
}
@media print, screen and (min-width: 1200px) {
  #contents .l-blog-003__row {
    display: grid;
    grid-template-columns: 50% 50%;
  }
  #contents .l-blog-003__row > li:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
  #contents .l-blog-003__row > li:nth-child(1) .l-recommend__thumb {
    height: 600px;
  }
  #contents .l-blog-003__row > li:nth-child(2) {
    grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
  }
  #contents .l-blog-003__row > li:nth-child(2) .l-recommend__thumb {
    height: 300px;
  }
  #contents .l-blog-003__row > li:nth-child(3) {
    grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
  }
  #contents .l-blog-003__row > li:nth-child(3) .l-recommend__thumb {
    height: 300px;
  }
  #contents .l-blog-003__row > li .l-recommend__item:before {
    transform: translateY(calc(100% - 100px));
  }
  #contents .l-blog-003__row > li .l-recommend__txtarea {
    font-size: 1.125rem;
    padding-left: 20px;
    height: 100px;
  }
  #contents .l-cnt-protrude__outer.l-wide__outer > * > [class*=__txtarea] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media print, screen and (min-width: 1400px) {
  #contents .l-wide__outer:has(.l-cnt-ride__outer) .l-cnt-ride__outer.--bottom [class*=__thumb] .thumb {
    height: 450px;
  }
}
@media print, screen and (max-width: 991.8px) {
  #contents .media-post__details :where(.md-title__outer) + .l-scroll__outer,
  #contents .media-post__details :where(h1):not([class]) + .l-scroll__outer,
  #contents .media-post__details :where(h2):not([class]) + .l-scroll__outer,
  #contents .media-post__details :where(h3):not([class]) + .l-scroll__outer,
  #contents .media-post__details :where(h4):not([class]) + .l-scroll__outer,
  #contents .media-post__details :where(h5):not([class]) + .l-scroll__outer,
  #contents .media-post__details :where(h6):not([class]) + .l-scroll__outer {
    margin-top: 2px !important;
  }
  #contents .media-side__archive > li {
    margin-top: 0;
  }
  #contents .l-cnt-ride__outer.--bottom > [class*=__row].flex-lg-row-reverse [class*=__txtarea] {
    margin-left: unset;
  }
  #contents .l-cnt-ride__outer.--bottom [class*=__txtarea] {
    padding: unset;
  }
  #contents .l-cnt-011__col:nth-child(4n) .l-card__item,
  #contents .l-cnt-011__col:nth-child(4n-3) .l-card__item {
    background-color: var(--GRY);
  }
  #contents .l-cnt-011__col:nth-child(4n-1) .l-card__item,
  #contents .l-cnt-011__col:nth-child(4n-2) .l-card__item {
    background-color: var(--LGRY);
  }
  #contents .l-cnt-025__menu {
    display: none;
  }
}
@media print, screen and (max-width: 767.8px) {
  #contents .media-relation__item .l-media__time {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    width: 0;
    height: 0;
    border: 0;
    opacity: 0;
    z-index: -2;
    margin: 0;
    padding: 0;
    font-size: 0;
  }
  #contents .l-cnt-ride__outer [class*=__thumb] {
    padding: 0;
    margin-left: calc((100vw - 100%) / 2 * -1 + var(--scroll) / 2);
    margin-right: calc((100vw - 100%) / 2 * -1 + var(--scroll) / 2);
    max-width: unset;
    width: unset;
  }
  #contents .l-cnt-ride__outer.--bottom [class*=__thumb] {
    margin-left: unset;
    margin-right: unset;
  }
  #contents .l-cnt-012__col .l-card__item {
    background-color: var(--LGRY);
  }
  #contents .l-cnt-012__col:nth-child(odd) .l-card__item {
    background-color: var(--GRY);
  }
  #contents .l-fv__slider:has(.l-fv__txtarea) .l-swiper__btn {
    top: unset;
    bottom: -5px;
  }
  #contents .l-fv__slider:has(.l-fv__txtarea) .l-swiper__btn.--prev {
    left: 10px;
  }
  #contents .l-fv__slider:has(.l-fv__txtarea) .l-swiper__btn.--next {
    right: 10px;
  }
  #contents .l-fv__slider:has(.l-fv__txtarea) .l-swiper__control {
    margin-left: 40px;
    margin-right: 40px;
    width: calc(100% - 80px);
  }
  #contents [class*=l-rss__0]:has(.l-title__btn) {
    position: relative;
    padding-bottom: 70px;
  }
  #contents [class*=l-rss__0]:has(.l-title__btn) > .container:last-child:has(.l-link__btn) {
    display: none;
  }
  #contents [class*=l-rss__0] .l-rss__pager {
    margin-top: 1.5rem;
  }
  #contents [class*=l-rss__0] .l-title__btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 260px;
  }
  #contents [class*=l-rss__0] > .container:last-child .l-link__btn {
    max-width: 260px;
  }
  #contents .l-table__01 td,
  #contents .l-table__01 th {
    display: block;
    width: 100% !important;
  }
}
@media print, screen and (max-width: 575.8px) {
  #contents .l-cnt-ride__outer [class*=__thumb] .l-cnt-006__thumb,
  #contents .l-cnt-ride__outer [class*=__thumb].l-cnt-008__thumb {
    border-radius: unset;
  }
  #contents .l-cnt-ride__outer [class*=__thumb] .l-cnt-006__thumb .thumb,
  #contents .l-cnt-ride__outer [class*=__thumb].l-cnt-008__thumb .thumb {
    border-radius: unset;
  }
  #contents .l-cnt-ride__outer > [class*=row-reverse] [class*=__thumb] {
    border-radius: unset;
  }
  #contents .l-cnt-ride__outer > [class*=row-reverse] [class*=__thumb] .thumb {
    border-radius: unset;
  }
  #contents .l-cnt-ride__outer.--bottom > [class*=__row] {
    margin-left: unset;
    margin-right: unset;
  }
  #contents .l-flow-002__item {
    padding-top: 2.5rem;
    margin-top: 40px;
  }
  #contents .l-flow-002__step {
    position: absolute;
    left: 50%;
    top: -40px;
    transform: translateX(-50%);
  }
  #contents .l-flow-004__item {
    margin-top: 40px;
  }
}
@media print, screen and (min-width: 576px) and (max-width: 767.8px) {
  #contents .media-search__input {
    font-size: 1.6rem;
    padding: 10px;
    font-size: 1rem;
  }
  #contents .l-cnt-ride__outer [class*=__thumb] {
    margin-left: -50px;
    margin-right: -50px;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1199.8px) {
  #contents .l-blog-003__row {
    display: grid;
    grid-template-columns: 33.333% 33.333% 33.333%;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 991.8px) {
  #contents .l-cnt-005__col .l-card__txtarea {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  #contents .l-cnt-ride__outer [class*=__thumb] {
    padding: 0;
  }
  #contents .l-cnt-ride__outer [class*=__thumb] .thumb {
    margin-right: calc((76vw - 100%) / 2 * -1 + var(--scroll) / 2);
  }
  #contents .l-cnt-ride__outer > [class*=row-reverse] [class*=__thumb] .thumb {
    margin-right: unset;
    margin-left: calc((76vw - 100%) / 2 * -1 + var(--scroll) / 2);
  }
  #contents .l-cnt-ride__outer.--bottom .l-card__item {
    margin-left: unset;
    max-width: unset;
  }
  #contents .l-flow-001__col:nth-child(even):after {
    top: unset;
    bottom: -41px;
    right: unset;
    left: -13px;
    transform: rotate(410deg);
  }
  #contents .l-flow-002__step {
    position: absolute;
    top: -10px;
    left: -20px;
  }
  #contents .l-wrr-003__inside .l-card__title {
    font-size: 1rem;
  }
}

#contents .media-post__item {
  background-color: #fff;
  border-radius: 16px;
}
@media print, screen and (max-width: 768.8px) {
  #contents .media-post__hero {
    margin-top: 16px;
  }
}
#contents .l-media__category .badge {
  background-color: #00A3E6;
  border-color: #00A3E6;
  border-radius: 40px;
}
#contents .l-media__category .badge:hover {
  background-color: #fff;
  color: #00A3E6;
}
#contents :where(.l-pager__list) :where(.l-pager__item) a {
  border: 1px solid #00A3E6;
  border-radius: 4px;
  color: #00A3E6;
  background-color: #fff;
  font-size: 1.3125rem;
  font-weight: bold;
  text-align: center;
  padding: 4px;
  line-height: 1;
  width: 33px;
  height: 33px;
  transition: background-color 0.2s ease-in-out;
}
#contents :where(.l-pager__list) :where(.l-pager__item) a[aria-current=page] {
  background-color: #00A3E6;
  border-color: #00A3E6;
}
#contents :where(.l-pager__list) > li:not(.l-pager__next):not([aria-current=page]) a {
  color: #00A3E6;
}
#contents :where(.l-pager__list) > li:not(.l-pager__next):not([aria-current=page]) a:hover {
  border-color: #00A3E6;
  color: #00A3E6;
  background-color: rgba(0, 163, 230, 0.1);
}
#contents :where(.l-pager__list) :where(.l-pager__next) a:before, #contents :where(.l-pager__list) :where(.l-pager__prev) a:before {
  border-color: #00A3E6;
}
#contents .media-search__btn {
  background-color: #00A3E6;
  border-color: #00A3E6;
}
#contents .media-search__btn:hover:before {
  color: #00A3E6;
}
#contents .media-side__title {
  color: #333;
}
#contents .media-side__title:before {
  background-color: #00A3E6;
}
#contents .media-side__newpsot > li > a:before {
  color: #00A3E6;
}
#contents :where(.l-link__btn) {
  background-color: #00A3E6;
  border-color: #00A3E6;
  color: #fff !important;
}
#contents :where(.l-link__btn):hover {
  background-color: #fff;
  color: #00A3E6 !important;
}
#contents .media-relation__item {
  width: 100%;
  flex-direction: row-reverse;
}
@media print, screen and (min-width: 769px) {
  #contents .media-relation__item {
    flex-direction: column-reverse;
  }
}
#contents .media-relation__item .l-media__time {
  border-top: none;
}
#contents .media-relation__title {
  color: #333;
}
#contents .media-relation__title::before {
  background-color: #00A3E6;
}
#contents .media-archive__year li a[aria-current=page] {
  background-color: #00A3E6;
  color: #fff !important;
}
#contents .media-archive__year li a:not([aria-current=page]):hover {
  border-color: #00A3E6;
  background-color: #f3ffe4;
}
#contents .media-archive__month li a[aria-current=page], #contents .media-archive__year li a[aria-current=page] {
  color: #333;
}
#contents .media-post__pagenation {
  padding-inline: 0 !important;
}
#contents .media-post__pagenation .l-pager__next {
  margin-left: 0;
}
#contents .media-post__pagenation:where(.l-pager__list) > li:not(.l-pager__next):not([aria-current=page]) a {
  color: #333;
}
#contents .media-post__pagenation:where(.l-pager__list) > li:not(.l-pager__next):not([aria-current=page]) a:hover {
  color: #333;
  background-color: transparent;
}
#contents .media-post__details .media_table {
  background-color: #F5F5F5;
}
#contents .media-post__details .media_table #tableindex {
  color: #00A3E6;
}
#contents .media-post__details .media_table:before {
  background-color: #00A3E6;
}
#contents .media-post__details h2,
#contents .media-post__details h3,
#contents .media-post__details h4,
#contents .media-post__details h5,
#contents .media-post__details h6 {
  color: #333;
}
#contents .media-post__details h2:before {
  background-color: #00A3E6;
}
#contents .media-post__details h4:before {
  background-color: #00A3E6;
}
#contents .media-post__details ul > li:before {
  background-color: #00A3E6;
}
#contents .media-post__details blockquote {
  background-color: #F0F7FD;
  border-radius: 0;
}
#contents .media-post__details blockquote::before {
  color: #00A3E6;
}
#contents .media-post__details table th, #contents .media-post__details table > thead {
  background-color: #00A3E6;
  border-top-color: #00A3E6;
}
#contents .media-post__details table th:first-child, #contents .media-post__details table > thead:first-child {
  border-left-color: #00A3E6;
}
#contents .media-post__details table tbody > tr > th:first-child {
  border-left-color: #00A3E6;
}
#contents .media-post__details :where(table) td {
  background-color: #fff;
}
#contents .media-post__details :where(a):where(:not([class*=l-])):where(:not([class*=hover-]:not([class*=text-hover]))) {
  color: #333;
  text-decoration: underline;
}
#contents .media-post__details :where(:where(a)[target=_blank]):after {
  text-decoration: none;
}
#contents .media-post__details :where(a):where(:not([class*=l-])):hover {
  text-decoration: none;
}
#contents .media-post__details hr:not([class]) {
  border-color: #00A3E6;
}
#contents .media-post__details .l-card__badge .badge {
  background-color: #00A3E6;
  color: #fff;
}
#contents .media-post__details .l-card__badge .badge:hover {
  background-color: #fff;
  color: #00A3E6;
}
#contents .media-post__details .l-card__badge .badge.bg-accent {
  background-color: #CF000E;
}
#contents .media-post__details .l-card__badge .badge.bg-accent:hover {
  background-color: #fff;
  color: #CF000E;
}
#contents .media-search__input, #contents .media-search__input:focus {
  background-color: #fff;
}
#contents .media-post__thumb img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 252/180;
}
#contents .media-side__recommend .l-recommend__thumb img {
  border-radius: 4px;
  aspect-ratio: 80/52;
  -o-object-fit: cover;
     object-fit: cover;
}
#contents .lib-skipNav__list {
  position: fixed;
  z-index: 10000;
  width: 50%;
  top: 0;
  left: 0;
}
#contents .lib-skipNav__list > li:before {
  display: none;
}
#contents .lib-skipNav__list > li a {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  width: 0;
  height: 0;
  border: 0;
  opacity: 0;
  font-size: 0;
  position: absolute;
  left: 0;
  white-space: nowrap;
}
#contents .lib-skipNav__list > li a:focus {
  font-size: 1rem;
  width: 100%;
  max-width: 200px;
  display: block;
  height: auto;
  line-height: 1.3;
  padding: 10px 30px;
  clip: unset;
  opacity: 1;
  overflow: unset;
  background-color: #efefef;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);
}
#contents .lib-skipNav__link {
  position: relative;
}
#contents .lib-skipNav__link a {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  width: 0;
  height: 0;
  border: 0;
  opacity: 0;
  font-size: 0;
  position: absolute;
  left: 0;
  white-space: nowrap;
}
#contents .lib-skipNav__link a:focus {
  font-size: 1rem;
  width: auto;
  display: block;
  height: auto;
  line-height: 1.3;
  padding: 10px 30px;
  clip: unset;
  opacity: 1;
  overflow: unset;
  background-color: #efefef;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);
}
#contents .btn__body:hover .btn__inner {
  color: #fff;
}/*# sourceMappingURL=media.css.map */