/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
@layer properties;
header {
  position: relative;
  z-index: 2;
  #name_box_w {
    position: absolute;
    top: calc(var(--spacing, 0.25rem) * 0);
    left: calc(var(--spacing, 0.25rem) * 0);
    z-index: 2;
    height: calc(var(--spacing, 0.25rem) * 20);
    width: 100%;
    background-color: transparent;
    padding-block: calc(var(--spacing, 0.25rem) * 3);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 500ms;
    transition-duration: 500ms;
    --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
    transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
    @media (width >= 40rem) {
      height: calc(var(--spacing, 0.25rem) * 20);
    }
    @media (width >= 48rem) {
      height: calc(var(--spacing, 0.25rem) * 22);
    }
    @media (width >= 64rem) {
      height: calc(var(--spacing, 0.25rem) * 24);
    }
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing, 0.25rem) * 0);
    }
    @media (width >= 80rem) {
      height: calc(var(--spacing, 0.25rem) * 25);
    }
    @media (width >= 96rem) {
      height: calc(var(--spacing, 0.25rem) * 25);
    }
    .container {
      display: flex;
      height: 100%;
      align-items: center;
      justify-content: space-between;
      #header_logo {
        display: flex;
        flex-shrink: 0;
        align-items: center;
        justify-content: center;
        .logo {
          max-height: calc(var(--spacing, 0.25rem) * 10);
          --tw-brightness: brightness(800%);
          --tw-grayscale: grayscale(100%);
          filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
          transition-property: all;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
          transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
          --tw-duration: 300ms;
          transition-duration: 300ms;
          --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
          transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
          @media (width >= 40rem) {
            max-height: calc(var(--spacing, 0.25rem) * 12);
          }
          @media (width >= 48rem) {
            max-height: calc(var(--spacing, 0.25rem) * 14);
          }
          @media (width >= 64rem) {
            max-height: calc(var(--spacing, 0.25rem) * 16);
          }
          @media (width >= 80rem) {
            max-height: calc(var(--spacing, 0.25rem) * 18);
          }
          @media (width >= 96rem) {
            max-height: calc(var(--spacing, 0.25rem) * 20);
          }
        }
      }
      #header_nav {
        display: none;
        height: calc(var(--spacing, 0.25rem) * 15);
        flex-grow: 1;
        align-items: center;
        justify-content: center;
        @media (width >= 80rem) {
          display: flex;
        }
        @media (width >= 96rem) {
          padding-inline: calc(var(--spacing, 0.25rem) * 15);
        }
        .navI {
          display: flex;
          height: 100%;
          width: 100%;
          align-items: center;
          justify-content: space-around;
          &>li {
            position: relative;
            display: flex;
            height: 100%;
            align-items: center;
            justify-content: center;
            --tw-leading: 100%;
            line-height: 100%;
            &>a {
              position: relative;
              z-index: 1;
              display: flex;
              height: 100%;
              width: 100%;
              align-items: center;
              justify-content: center;
              padding-inline: 5px;
              --tw-leading: 100%;
              line-height: 100%;
              color: var(--color-white, #fff);
              &>p {
                overflow: hidden;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
              }
              &::after {
                position: absolute;
                bottom: calc(var(--spacing, 0.25rem) * 0);
                left: calc(1/2 * 100%);
                z-index: 0;
                display: block;
                height: calc(var(--spacing, 0.25rem) * 1);
                width: calc(var(--spacing, 0.25rem) * 0);
                --tw-translate-x: calc(calc(1/2 * 100%) * -1);
                translate: var(--tw-translate-x) var(--tw-translate-y);
                background-color: var(--color-secondary, #d9251b);
                opacity: 0%;
                transition-property: all;
                transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
                transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
                --tw-duration: 300ms;
                transition-duration: 300ms;
                --tw-content: '';
                content: var(--tw-content);
              }
            }
            &.active>a, &:hover>a {
              &::after {
                width: calc(var(--spacing, 0.25rem) * 20);
                opacity: 100%;
              }
            }
            &:hover>a, &.active>a>p {
              color: var(--color-secondary, #d9251b);
            }
            .children {
              visibility: hidden;
              position: absolute;
              top: 100%;
              left: calc(1/2 * 100%);
              z-index: 2;
              height: calc(var(--spacing, 0.25rem) * 0);
              width: calc(var(--spacing, 0.25rem) * 40);
              --tw-translate-x: calc(calc(1/2 * 100%) * -1);
              translate: var(--tw-translate-x) var(--tw-translate-y);
              overflow: hidden;
              border-radius: 0.25rem;
              padding: calc(var(--spacing, 0.25rem) * 2);
              text-align: left;
              opacity: 0%;
              --tw-backdrop-blur: blur(8px);
              -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
              backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
              transition-property: all;
              transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
              transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
              --tw-duration: 300ms;
              transition-duration: 300ms;
              background-color: rgba(18, 66, 170, 0.5);
              dl {
                display: grid;
                grid-template-columns: repeat(1, minmax(0, 1fr));
                gap: calc(var(--spacing, 0.25rem) * 2);
                dd {
                  a {
                    display: block;
                    border-radius: var(--radius-sm, 0.25rem);
                    padding-inline: calc(var(--spacing, 0.25rem) * 2);
                    text-align: center;
                    font-size: var(--text-base, 1rem);
                    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
                    --tw-leading: 2.4;
                    line-height: 2.4;
                    color: var(--color-white, #fff);
                    p {
                      overflow: hidden;
                      display: -webkit-box;
                      -webkit-box-orient: vertical;
                      -webkit-line-clamp: 1;
                    }
                    &:hover, &.active {
                      background-color: var(--color-secondary, #d9251b);
                      color: var(--color-white, #fff);
                    }
                  }
                }
              }
            }
            &:hover .children {
              visibility: visible;
              height: auto;
              opacity: 100%;
            }
          }
        }
      }
      #header_contact {
        display: none;
        @media (width >= 64rem) {
          display: flex;
        }
        .tel {
          display: flex;
          align-items: center;
          color: var(--color-white, #fff);
          i {
            margin-right: calc(var(--spacing, 0.25rem) * 2);
            font-size: var(--text-3xl, 1.875rem);
            line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
          }
          .tel_num {
            font-family: 'dincond';
            font-size: var(--text-3xl, 1.875rem);
            line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
          }
        }
      }
      #m_nav {
        display: flex;
        align-items: center;
        justify-content: center;
        @media (width >= 80rem) {
          display: none;
        }
        .menu-btn {
          z-index: 3;
          cursor: pointer;
          transition-property: all;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
          transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
          --tw-duration: 300ms;
          transition-duration: 300ms;
          --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
          transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
          .line {
            margin-inline: 5px;
            margin-block: 6px;
            height: 1px;
            width: 1.875rem;
            transform-origin: center;
            background-color: var(--color-primary-200, #095fac);
            padding: calc(var(--spacing, 0.25rem) * 0);
            transition-property: all;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
            transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
            --tw-duration: 700ms;
            transition-duration: 700ms;
            --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
            transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
          }
          .line--1 {
            margin-left: auto;
            width: 1.5625rem;
            --tw-translate-y: calc(var(--spacing, 0.25rem) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
            rotate: 0deg;
            &.line-cross {
              width: 1.875rem;
              --tw-translate-x: 0.125rem;
              --tw-translate-y: 0.3125rem;
              translate: var(--tw-translate-x) var(--tw-translate-y);
              rotate: 45deg;
            }
          }
          .line--2 {
            width: 0.9375rem;
            --tw-translate-x: calc(var(--spacing, 0.25rem) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
            &.line-fade-out {
              width: 1.5625rem;
              --tw-translate-x: 1.875rem;
              translate: var(--tw-translate-x) var(--tw-translate-y);
              opacity: 0%;
            }
          }
          .line--3 {
            width: 1.5625rem;
            --tw-translate-y: calc(var(--spacing, 0.25rem) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
            rotate: 0deg;
            &.line-cross {
              width: 1.875rem;
              --tw-translate-x: 0.125rem;
              --tw-translate-y: calc(0.3125rem * -1);
              translate: var(--tw-translate-x) var(--tw-translate-y);
              rotate: calc(45deg * -1);
            }
          }
        }
        nav.m_nav {
          position: fixed;
          top: calc(var(--spacing, 0.25rem) * 0);
          left: calc(var(--spacing, 0.25rem) * 0);
          z-index: calc(1 * -1);
          width: 100vw;
          --tw-translate-y: 115%;
          translate: var(--tw-translate-x) var(--tw-translate-y);
          overflow: hidden;
          overflow-y: scroll;
          border-bottom-style: var(--tw-border-style);
          border-bottom-width: 1px;
          border-color: var(--color-white, #fff);
          transition-property: all;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
          transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
          --tw-duration: 600ms;
          transition-duration: 600ms;
          --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
          transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
          height: calc(100vh - 5rem);
          &::-webkit-scrollbar {
            width: calc(var(--spacing, 0.25rem) * 0);
            background-color: color-mix(in srgb, #fff 30%, transparent);
            @supports (color: color-mix(in lab, red, red)) {
              background-color: color-mix(in oklab, var(--color-white, #fff) 30%, transparent);
            }
          }
          &.nav-open {
            z-index: 2;
            --tw-translate-y: calc(var(--spacing, 0.25rem) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
            background-color: var(--color-white, #fff);
          }
          .nav-links {
            position: absolute;
            top: calc(var(--spacing, 0.25rem) * 0);
            left: calc(var(--spacing, 0.25rem) * 0);
            display: flex;
            height: 100%;
            width: 100%;
            flex-direction: column;
            justify-content: space-between;
            opacity: 0%;
            &.fade-in {
              --tw-translate-y: calc(var(--spacing, 0.25rem) * 0);
              translate: var(--tw-translate-x) var(--tw-translate-y);
              opacity: 100%;
            }
            .navtop {
              width: 100%;
            }
            .logo_name {
              display: block;
              background-color: var(--color-gray-50, oklch(98.5% 0.002 247.839));
              padding-block: calc(var(--spacing, 0.25rem) * 4);
              text-align: center;
              font-size: var(--text-2xl, 1.5rem);
              line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
              --tw-leading: var(--leading-snug, 1.375);
              line-height: var(--leading-snug, 1.375);
              --tw-font-weight: var(--font-weight-bold, 700);
              font-weight: var(--font-weight-bold, 700);
            }
            ul {
              padding-inline: calc(var(--spacing, 0.25rem) * 2);
              .nav-item {
                cursor: pointer;
                .link {
                  display: flex;
                  width: 100%;
                  align-items: center;
                  justify-content: space-between;
                  border-bottom-style: var(--tw-border-style);
                  border-bottom-width: 1px;
                  border-color: var(--color-gray-200, oklch(92.8% 0.006 264.531));
                  padding: calc(var(--spacing, 0.25rem) * 3);
                  font-size: var(--text-xl, 1.25rem);
                  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
                  &.active {
                    background-color: var(--color-primary-200, #095fac);
                    color: var(--color-white, #fff);
                  }
                  &.active>a {
                    color: var(--color-white, #fff);
                  }
                }
                &.active {
                  .link {
                    background-color: var(--color-gray-200, oklch(92.8% 0.006 264.531));
                    &:after {
                      rotate: 135deg;
                      transition-property: all;
                      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
                      transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
                      --tw-duration: 200ms;
                      transition-duration: 200ms;
                    }
                    a {
                      --tw-font-weight: var(--font-weight-bold, 700);
                      font-weight: var(--font-weight-bold, 700);
                    }
                  }
                  .navsub {
                    display: block;
                    background-color: var(--color-gray-100, oklch(96.7% 0.003 264.542));
                  }
                }
                &:hover .link, &.active .link {
                  background-color: var(--color-primary-200, #095fac);
                  color: var(--color-white, #fff);
                }
                &:hover .link a, &.active .link a {
                  background-color: var(--color-primary-200, #095fac);
                  color: var(--color-white, #fff);
                }
                div.link:after {
                  font-family: 'iconfont2022';
                  --tw-content: '\e7e7';
                  content: var(--tw-content);
                }
                .navsub {
                  display: none;
                  font-size: var(--text-xl, 1.25rem);
                  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
                  .nav-subitem {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    overflow: hidden;
                    border-bottom-style: var(--tw-border-style);
                    border-bottom-width: 1px;
                    border-color: color-mix(in srgb, #000 10%, transparent);
                    @supports (color: color-mix(in lab, red, red)) {
                      border-color: color-mix(in oklab, var(--color-black, #000) 10%, transparent);
                    }
                    padding-inline: calc(var(--spacing, 0.25rem) * 3);
                    font-size: var(--text-lg, 1.125rem);
                    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
                    a {
                      display: flex;
                      width: 100%;
                      align-items: center;
                      justify-content: space-between;
                      padding-block: calc(var(--spacing, 0.25rem) * 3);
                      &.active, &:hover {
                        color: var(--color-secondary, #d9251b);
                      }
                    }
                  }
                }
              }
            }
          }
          .navbottom {
            position: relative;
            margin-top: calc(var(--spacing, 0.25rem) * 2);
            --tw-translate-y: 100%;
            border-top-style: var(--tw-border-style);
            border-top-width: 1px;
            border-color: var(--color-primary-200, #095fac);
            background-color: var(--color-primary-200, #095fac);
            padding-block: calc(var(--spacing, 0.25rem) * 2);
            color: #222;
            &:after {
              position: absolute;
              top: calc(var(--spacing, 0.25rem) * 0);
              right: calc(var(--spacing, 0.25rem) * 0);
              bottom: calc(var(--spacing, 0.25rem) * 0);
              z-index: 2;
              height: calc(var(--spacing, 0.25rem) * 0);
              width: calc(var(--spacing, 0.25rem) * 0);
              --tw-translate-y: -100%;
              translate: var(--tw-translate-x) var(--tw-translate-y);
              --tw-content: '';
              content: var(--tw-content);
            }
            a {
              display: flex;
              align-items: center;
              justify-content: center;
              border-bottom-style: var(--tw-border-style);
              border-bottom-width: 1px;
              border-color: color-mix(in srgb, #fff 10%, transparent);
              @supports (color: color-mix(in lab, red, red)) {
                border-color: color-mix(in oklab, var(--color-white, #fff) 10%, transparent);
              }
              padding-inline: calc(var(--spacing, 0.25rem) * 2);
              padding-block: calc(var(--spacing, 0.25rem) * 2);
              font-size: var(--text-2xl, 1.5rem);
              line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
              color: var(--color-white, #fff);
              &:last-child {
                border-bottom-style: var(--tw-border-style);
                border-bottom-width: 0px;
              }
              i {
                margin-right: calc(var(--spacing, 0.25rem) * 4);
                font-size: var(--text-2xl, 1.5rem);
                line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
              }
            }
            --tw-translate-y: calc(var(--spacing, 0.25rem) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
            transition-property: all;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
            transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
            --tw-duration: 1000ms;
            transition-duration: 1000ms;
            --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
            transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
          }
        }
        .nav-open .menu-btn {
          position: fixed;
          top: 11px;
          right: 9px;
          background-image: none;
        }
      }
    }
    &.boxshow {
      position: fixed;
      top: calc(var(--spacing, 0.25rem) * 0);
      right: calc(var(--spacing, 0.25rem) * 0);
      left: calc(var(--spacing, 0.25rem) * 0);
      height: 4.25rem;
      background-color: var(--color-white, #fff);
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      .container {
        #header_logo {
          .logo {
            --tw-hue-rotate: hue-rotate(180deg);
            filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
            filter: none;
          }
        }
        #header_nav {
          height: 100%;
          .navI {
            >li {
              >a {
                color: #333333;
              }
              .children {
                top: 4.25rem !important;
              }
            }
          }
        }
        #header_contact {
          .tel {
            display: flex;
            align-items: center;
            color: var(--color-gray-500, oklch(55.1% 0.027 264.364));
            i {
              margin-right: calc(var(--spacing, 0.25rem) * 2);
              font-size: var(--text-2xl, 1.5rem);
              line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
            }
            .tel_num {
              font-family: 'dincond';
              font-size: var(--text-2xl, 1.5rem);
              line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
            }
          }
        }
      }
    }
  }
}
#banner_box, #page_banner_box {
  position: relative;
  z-index: 0;
  background-color: var(--color-gray-100, oklch(96.7% 0.003 264.542));
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
  transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
  .scroll_down {
    position: absolute;
    bottom: 10%;
    left: calc(1/2 * 100%);
    z-index: 2;
    display: flex;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    align-items: center;
    color: var(--color-white, #fff);
    i {
      margin-right: calc(var(--spacing, 0.25rem) * 1);
      font-size: var(--text-2xl, 1.5rem);
      line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
    }
  }
  .banner_s {
    position: relative;
    left: calc(1/2 * 100%);
    width: 100%;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    @media (width >= 96rem) {
      width: 1920px;
    }
    #page_bar {
      position: absolute;
      top: calc(var(--spacing, 0.25rem) * 0);
      left: calc(var(--spacing, 0.25rem) * 0);
      display: flex;
      height: 100%;
      width: 100%;
      align-items: center;
      justify-content: center;
      padding-top: calc(var(--spacing, 0.25rem) * 25);
      @media (width >= 64rem) {
        padding-top: calc(var(--spacing, 0.25rem) * 0);
      }
      @media (width >= 64rem) {
        padding-bottom: calc(var(--spacing, 0.25rem) * 25);
      }
      h2 {
        font-family: 'dincond';
        font-size: var(--text-3xl, 1.875rem);
        line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
        --tw-font-weight: var(--font-weight-bold, 700);
        font-weight: var(--font-weight-bold, 700);
        color: var(--color-white, #fff);
        text-transform: capitalize;
        @media (width >= 64rem) {
          margin-bottom: calc(var(--spacing, 0.25rem) * 5);
        }
        @media (width >= 64rem) {
          font-size: var(--text-4xl, 2.25rem);
          line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)));
        }
        @media (width >= 80rem) {
          font-size: var(--text-5xl, 3rem);
          line-height: var(--tw-leading, var(--text-5xl--line-height, 1));
        }
        @media (width >= 96rem) {
          font-size: var(--text-6xl, 3.75rem);
          line-height: var(--tw-leading, var(--text-6xl--line-height, 1));
        }
      }
      p {
        display: flex;
        align-items: center;
        font-size: var(--text-2xl, 1.5rem);
        line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
        color: var(--color-white, #fff);
        img {
          margin-left: calc(var(--spacing, 0.25rem) * 2);
        }
      }
    }
    &>img {
      height: 100%;
      min-height: calc(var(--spacing, 0.25rem) * 24);
      width: 100%;
      object-fit: cover;
    }
    .flash_all {
      .swiper-pagination {
        position: absolute;
        bottom: 10%;
        left: calc(1/2 * 100%);
        margin-bottom: calc(var(--spacing, 0.25rem) * 10);
        display: none;
        height: calc(var(--spacing, 0.25rem) * 24);
        width: calc(var(--spacing, 0.25rem) * 24);
        --tw-translate-x: calc(calc(1/2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
        align-items: center;
        justify-content: center;
        border-radius: calc(infinity * 1px);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-white, #fff);
        --tw-tracking: var(--tracking-wider, 0.05em);
        letter-spacing: var(--tracking-wider, 0.05em);
        color: var(--color-white, #fff);
        @media (width >= 64rem) {
          display: flex;
        }
        @media (width >= 96rem) {
          bottom: 10%;
        }
        &::after {
          pointer-events: none;
          position: absolute;
          inset: calc(var(--spacing, 0.25rem) * 0);
          border-radius: calc(infinity * 1px);
          --tw-content: '';
          content: var(--tw-content);
          background: conic-gradient(from -90deg, #d9251b calc(var(--p, 0) * 1turn), transparent 0);
          -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), black calc(100% - 2px));
          mask: radial-gradient(farthest-side, transparent calc(100% - 2px), black calc(100% - 2px));
        }
        .num {
          display: flex;
          align-items: center;
          justify-content: center;
          :where(& > :not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing, 0.25rem) * 1) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing, 0.25rem) * 1) * calc(1 - var(--tw-space-x-reverse)));
          }
          font-size: var(--text-lg, 1.125rem);
          line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
        }
      }
      .swiper-button-next, .swiper-button-prev {
        display: none;
        height: calc(var(--spacing, 0.25rem) * 12);
        width: calc(var(--spacing, 0.25rem) * 12);
        border-radius: calc(infinity * 1px);
        background-color: var(--color-primary-200, #095fac);
        color: var(--color-white, #fff);
        opacity: 60%;
        @media (width >= 80rem) {
          display: flex;
        }
        &:hover {
          opacity: 100%;
        }
      }
    }
    .swiper-button-prev, .swiper-button-next {
      &:after {
        font-size: var(--text-base, 1rem);
        line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
      }
    }
  }
}
#subNav_box {
  background-color: var(--color-white, #fff);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  @media (width >= 64rem) {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  @media (width >= 96rem) {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    .subNav {
      flex-grow: 1;
      .swiper-slide {
        height: 4.25rem;
        @media (width >= 64rem) {
          width: auto;
        }
        a {
          position: relative;
          display: flex;
          height: 100%;
          width: 100%;
          align-items: center;
          justify-content: center;
          font-size: var(--text-xl, 1.25rem);
          line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
          color: var(--color-black, #000);
          transition-property: all;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
          transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
          --tw-duration: 300ms;
          transition-duration: 300ms;
          @media (width >= 64rem) {
            justify-content: flex-start;
          }
          @media (width >= 64rem) {
            font-size: var(--text-base, 1rem);
            line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
          }
          &::before {
            position: absolute;
            bottom: calc(var(--spacing, 0.25rem) * 0);
            left: calc(1/2 * 100%);
            height: calc(var(--spacing, 0.25rem) * 1);
            width: calc(var(--spacing, 0.25rem) * 0);
            --tw-translate-x: calc(calc(1/2 * 100%) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
            background-color: var(--color-primary-500, #0e66cc);
            opacity: 0%;
            transition-property: all;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
            transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
            --tw-duration: 300ms;
            transition-duration: 300ms;
            --tw-content: '';
            content: var(--tw-content);
          }
          &:hover::before, &.active::before {
            width: 100%;
            opacity: 100%;
          }
          &.active {
            --tw-font-weight: var(--font-weight-bold, 700);
            font-weight: var(--font-weight-bold, 700);
            color: var(--color-primary-500, #0e66cc);
            &::after {
              position: absolute;
              bottom: -5px;
              left: calc(1/2 * 100%);
              height: 3px;
              width: 1.25rem;
              --tw-translate-x: calc(calc(1/2 * 100%) * -1);
              translate: var(--tw-translate-x) var(--tw-translate-y);
              background-color: var(--color-primary-500, #0e66cc);
              --tw-content: '';
              content: var(--tw-content);
              border-radius: var(--radius-sm, 0.25rem);
            }
          }
        }
      }
    }
    .location {
      display: none;
      height: 4.25rem;
      flex-shrink: 0;
      align-items: center;
      justify-content: flex-end;
      font-size: var(--text-sm, 0.875rem);
      line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
      color: color-mix(in srgb, #000 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black, #000) 80%, transparent);
      }
      @media (width >= 48rem) {
        display: flex;
      }
      i {
        color: var(--color-primary-500, #0e66cc);
      }
    }
  }
}
#footer {
  position: relative;
  margin-bottom: calc(var(--spacing, 0.25rem) * 20);
  overflow: hidden;
  background-color: #181819;
  padding-top: calc(var(--spacing, 0.25rem) * 3);
  @media (width >= 96rem) {
    min-height: 433px;
  }
  @media (width >= 40rem) {
    padding-top: calc(var(--spacing, 0.25rem) * 3);
  }
  @media (width >= 48rem) {
    padding-top: calc(var(--spacing, 0.25rem) * 4);
  }
  @media (width >= 64rem) {
    padding-top: calc(var(--spacing, 0.25rem) * 6);
  }
  @media (width >= 80rem) {
    margin-bottom: calc(var(--spacing, 0.25rem) * 0);
  }
  @media (width >= 80rem) {
    padding-top: calc(var(--spacing, 0.25rem) * 8);
  }
  @media (width >= 80rem) {
    padding-bottom: calc(var(--spacing, 0.25rem) * 0);
  }
  @media (width >= 96rem) {
    padding-top: calc(var(--spacing, 0.25rem) * 11);
  }
  #lizi {
    position: absolute;
    top: calc(var(--spacing, 0.25rem) * 0);
    left: calc(var(--spacing, 0.25rem) * 0);
    z-index: 0;
    canvas {
      position: relative;
      top: calc(var(--spacing, 0.25rem) * -75);
    }
  }
  #footer_main {
    position: relative;
    z-index: 1;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white, #fff) 10%, transparent);
    }
    padding-block: calc(var(--spacing, 0.25rem) * 6);
    @media (width >= 96rem) {
      height: 19.375rem;
    }
    @media (width >= 96rem) {
      padding-block: calc(var(--spacing, 0.25rem) * 8);
    }
    .container {
      display: grid;
      height: 100%;
      gap: calc(var(--spacing, 0.25rem) * 6);
      @media (width >= 48rem) {
        grid-template-columns: repeat(12, minmax(0, 1fr));
      }
      @media (width >= 48rem) {
        align-items: flex-start;
      }
      .box_left {
        display: flex;
        width: 100%;
        justify-content: center;
        color: var(--color-white, #fff);
        @media (width >= 48rem) {
          grid-column: span 6 / span 6;
        }
        @media (width >= 64rem) {
          grid-column: span 3 / span 3;
        }
        @media (width >= 64rem) {
          justify-content: flex-start;
        }
        .contact_list {
          width: fit-content;
          :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing, 0.25rem) * 6) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing, 0.25rem) * 6) * calc(1 - var(--tw-space-y-reverse)));
          }
          .contact_item {
            display: flex;
            align-items: center;
            .icon {
              display: flex;
              height: calc(var(--spacing, 0.25rem) * 12);
              width: calc(var(--spacing, 0.25rem) * 12);
              flex-shrink: 0;
              align-items: center;
              justify-content: center;
              border-radius: calc(infinity * 1px);
              border-style: var(--tw-border-style);
              border-width: 1px;
              border-color: color-mix(in srgb, #fff 80%, transparent);
              @supports (color: color-mix(in lab, red, red)) {
                border-color: color-mix(in oklab, var(--color-white, #fff) 80%, transparent);
              }
              i {
                font-size: var(--text-xl, 1.25rem);
                line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
                color: var(--color-white, #fff);
              }
            }
            .info {
              margin-left: calc(var(--spacing, 0.25rem) * 3);
              .label {
                margin-bottom: calc(var(--spacing, 0.25rem) * 1);
                font-size: var(--text-sm, 0.875rem);
                line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
                color: color-mix(in srgb, #fff 70%, transparent);
                @supports (color: color-mix(in lab, red, red)) {
                  color: color-mix(in oklab, var(--color-white, #fff) 70%, transparent);
                }
              }
              .value {
                font-size: var(--text-lg, 1.125rem);
                line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
                --tw-font-weight: var(--font-weight-bold, 700);
                font-weight: var(--font-weight-bold, 700);
                color: var(--color-white, #fff);
              }
            }
          }
        }
      }
      .box_middle {
        display: none;
        width: 100%;
        @media (width >= 64rem) {
          grid-column: span 7 / span 7;
        }
        @media (width >= 64rem) {
          display: block;
        }
        @media (width >= 96rem) {
          padding-inline: calc(var(--spacing, 0.25rem) * 10);
        }
        .footer_cols {
          display: flex;
          width: 100%;
          justify-content: space-around;
          .col {
            color: var(--color-white, #fff);
            .col_title {
              --tw-font-weight: var(--font-weight-bold, 700);
              font-weight: var(--font-weight-bold, 700);
              a {
                color: var(--color-white, #fff);
                &:hover {
                  @media (hover: hover) {
                    color: var(--color-secondary, #d9251b);
                  }
                }
              }
              &::after {
                margin-top: calc(var(--spacing, 0.25rem) * 4);
                margin-bottom: calc(var(--spacing, 0.25rem) * 5);
                display: block;
                height: calc(var(--spacing, 0.25rem) * 0.5);
                width: calc(var(--spacing, 0.25rem) * 7);
                background-color: var(--color-primary-500, #0e66cc);
                --tw-content: '';
                content: var(--tw-content);
              }
            }
            .col_list {
              :where(& > :not(:last-child)) {
                --tw-space-y-reverse: 0;
                margin-block-start: calc(calc(var(--spacing, 0.25rem) * 2) * var(--tw-space-y-reverse));
                margin-block-end: calc(calc(var(--spacing, 0.25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
              }
              li {
                a {
                  font-size: var(--text-sm, 0.875rem);
                  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
                  --tw-leading: var(--leading-relaxed, 1.625);
                  line-height: var(--leading-relaxed, 1.625);
                  color: color-mix(in srgb, #fff 70%, transparent);
                  @supports (color: color-mix(in lab, red, red)) {
                    color: color-mix(in oklab, var(--color-white, #fff) 70%, transparent);
                  }
                  &:hover {
                    @media (hover: hover) {
                      color: var(--color-secondary, #d9251b);
                    }
                  }
                }
              }
            }
          }
        }
      }
      .box_right {
        @media (width >= 48rem) {
          grid-column: span 6 / span 6;
        }
        @media (width >= 64rem) {
          grid-column: span 2 / span 2;
        }
        .qr_col {
          display: flex;
          justify-content: center;
          @media (width >= 64rem) {
            justify-content: flex-end;
          }
          .qr_box {
            text-align: center;
            img {
              margin-inline: auto;
              height: calc(var(--spacing, 0.25rem) * 25);
              width: calc(var(--spacing, 0.25rem) * 25);
              object-fit: cover;
            }
            .qr_tips {
              margin-top: calc(var(--spacing, 0.25rem) * 3);
              font-size: var(--text-sm, 0.875rem);
              line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
              color: color-mix(in srgb, #fff 70%, transparent);
              @supports (color: color-mix(in lab, red, red)) {
                color: color-mix(in oklab, var(--color-white, #fff) 70%, transparent);
              }
            }
          }
        }
      }
    }
  }
  #footer_copy {
    position: relative;
    z-index: 1;
    display: none;
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    color: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white, #fff) 70%, transparent);
    }
    @media (width >= 80rem) {
      display: flex;
    }
    @media (width >= 80rem) {
      height: 100px;
    }
    .container {
      display: flex;
      height: 100%;
      width: 100%;
      cursor: pointer;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      :where(& > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing, 0.25rem) * 3) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing, 0.25rem) * 3) * calc(1 - var(--tw-space-x-reverse)));
      }
      @media (width >= 64rem) {
        flex-direction: row;
      }
      a {
        display: flex;
        align-items: center;
        gap: calc(var(--spacing, 0.25rem) * 2);
        color: color-mix(in srgb, #fff 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-white, #fff) 70%, transparent);
        }
        &:hover {
          color: var(--color-secondary, #d9251b);
          i {
            color: var(--color-secondary, #d9251b);
          }
        }
      }
      &>div {
        display: flex;
        align-items: center;
      }
    }
  }
}
#page-footer-gt {
  position: fixed;
  bottom: calc(var(--spacing, 0.25rem) * 0);
  z-index: 9;
  height: calc(var(--spacing, 0.25rem) * 20);
  width: 100%;
  background-color: var(--color-primary-500, #0e66cc);
  @media (width >= 80rem) {
    display: none;
  }
  ul {
    display: flex;
    height: 100%;
    width: 100%;
    flex: auto;
    align-items: center;
    justify-content: space-between;
  }
  li {
    height: 100%;
    width: calc(1/5 * 100%);
    a {
      display: flex;
      height: 100%;
      width: 100%;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: var(--color-white, #fff);
      p:first-child {
        margin-bottom: calc(var(--spacing, 0.25rem) * 1);
      }
      p:last-child {
        text-align: center;
        font-size: var(--text-base, 1rem);
        line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
      }
      i {
        font-size: var(--text-2xl, 1.5rem);
        line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
      }
    }
    &.active {
      a {
        background-color: var(--color-secondary, #d9251b);
        color: var(--color-white, #fff);
      }
    }
    &#back {
      a {
        i {
          font-size: var(--text-xl, 1.25rem);
          line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
        }
      }
    }
  }
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-leading: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-content: "";
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-tracking: initial;
      --tw-space-x-reverse: 0;
      --tw-space-y-reverse: 0;
    }
  }
}