@charset "UTF-8";
:root {
  --ani-offset: 100px;
  --c-icon-ar: 1 / 1;
  --c-icon-w: 1em;
  --c-icon: none;
  --c-wp-both: 30px;
  --fA: Arial, Noto Sans TC, 微軟正黑體, Microsoft JhengHei, sans-serif;
  --fTC: Noto Serif TC, Noto Sans TC, 微軟正黑體, Microsoft JhengHei, sans-serif;
  --fMJ: "微軟正黑體", "Microsoft JhengHei", sans-serif;
  --f11: 11px;
  --f: 16px;
  --f17: 17px;
  --f18: 18px;
  --f20: clamp(18px, 1.042dvw, 20px);
  --f22: clamp(18px, 1.146dvw, 22px);
  --f24: clamp(20px, 1.25dvw, 24px);
  --f26: clamp(21px, 1.354dvw, 26px);
  --f28: clamp(22px, 1.458dvw, 28px);
  --f42: clamp(34px, 2.188dvw, 42px);
  --f45: clamp(40px, 2.344dvw, 45px);
}

.animated15:has(.c-bg-fix), .animated15:has(.u-bg-fix) {
  -webkit-animation: none;
          animation: none;
}

html {
  scroll-behavior: smooth;
}

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

figure {
  margin: 0;
}

[class*=l-wp] {
  margin-inline: auto;
  width: clamp(var(--c-wp-min, 260px), var(--c-wp-flow, calc(100% - 60px)), var(--c-wp, 1024px));
}

.l-wp-html {
  width: 100%;
  max-width: 100%;
  min-width: 320px;
}
.l-wp-main {
  width: 100%;
  max-width: 100%;
}
.l-wp-full, .l-wp-max {
  max-width: 100%;
  width: 100%;
}

.l-wp-edit {
  width: 100%;
  font-family: "Noto Sans TC", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.0625em;
  color: #333;
  background: #FAF2ED;
}
.l-wp-edit .ins {
  position: relative;
  display: inline;
}
.l-wp-edit .ins::before {
  content: "";
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
  height: 0.5em;
  background: #F1DBC4;
}
.l-wp-edit .ins ins {
  position: relative;
}

[class*=u-imgfix], [class*=u-imgfit] {
  line-height: 0;
  overflow: hidden;
  text-align: center;
  position: relative;
  max-width: var(--c-imgfit-max, none);
  width: var(--c-imgfit-w, auto);
  aspect-ratio: var(--c-imgfit, 16/9);
}
[class*=u-imgfix] img, [class*=u-imgfit] img {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-position: var(--c-imgfit-pos, center);
     object-position: var(--c-imgfit-pos, center);
  -o-object-fit: var(--c-imgfit-type, cover);
     object-fit: var(--c-imgfit-type, cover);
}

.u-imgfix-full img, .u-imgfit-full img {
  --c-imgfit-type: scale-down;
}

.u-imgfix-out img, .u-imgfit-out img {
  --c-imgfit-type: cover;
}

.u-imgfix-cover img, .u-imgfit-cover img {
  --c-imgfit-type: cover;
}

.u-imgfix-cov img, .u-imgfit-cov img {
  --c-imgfit-type: cover;
}

.u-imgfix-in img, .u-imgfit-in img {
  --c-imgfit-type: contain;
}

.u-imgfix-contain img, .u-imgfit-contain img {
  --c-imgfit-type: contain;
}

.u-imgfix-con img, .u-imgfit-con img {
  --c-imgfit-type: contain;
}

.u-imgfix-fullScreen {
  width: 100%;
  min-width: 177.778dvh;
  height: 100dvh;
}
.u-imgfix-fullScreen img {
  --c-imgfit-type: cover;
}

.u-imgfix-full-screen {
  width: 100%;
  min-width: 177.778dvh;
  height: 100dvh;
}
.u-imgfix-full-screen img {
  --c-imgfit-type: cover;
}

.u-imgfit-fullScreen {
  width: 100%;
  min-width: 177.778dvh;
  height: 100dvh;
}
.u-imgfit-fullScreen img {
  --c-imgfit-type: cover;
}

.u-imgfit-full-screen {
  width: 100%;
  min-width: 177.778dvh;
  height: 100dvh;
}
.u-imgfit-full-screen img {
  --c-imgfit-type: cover;
}

.u-re, .u-style-none {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 100%;
  font-weight: initial;
}

.u-clear-font, .u-re-font {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: initial;
}
.u-clear-list, .u-re-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.u-clear-link, .u-re-link {
  color: inherit;
  text-decoration: none;
}
.u-clear-link:active, .u-clear-link:hover, .u-clear-link:focus, .u-re-link:active, .u-re-link:hover, .u-re-link:focus {
  outline: 0;
  text-decoration: none;
}
.u-clear-table, .u-re-table {
  border-collapse: collapse;
  border-spacing: 0;
  text-indent: 0;
  border-color: inherit;
}
.u-clear-btn, .u-clear-button, .u-re-btn, .u-re-button {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  vertical-align: baseline;
  *vertical-align: middle;
  background: transparent;
  outline: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
.u-clear-btn:focus, .u-clear-button:focus, .u-re-btn:focus, .u-re-button:focus {
  outline: none;
}
.u-clear-input, .u-re-input {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  vertical-align: baseline;
  *vertical-align: middle;
  outline: none;
}
.u-clear-input:focus, .u-re-input:focus {
  outline: none;
}

.u-scroll-no {
  overflow: hidden;
}
.u-scroll-x {
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.u-scroll-y {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.u-t-hide, .u-text-hide {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(0px 0px 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
}

.u-googlemap {
  position: relative;
  overflow: hidden;
  aspect-ratio: var(--c-googlemap, 700/240);
}
.u-googlemap iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: fill;
     object-fit: fill;
  overflow: hidden;
}

.u-yt, .u-youtube {
  position: relative;
  max-width: var(--c-yt-w, 100%);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  aspect-ratio: var(--c-yt-ar, 16/9);
}
.u-yt iframe, .u-youtube iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: fill;
     object-fit: fill;
  overflow: hidden;
}

.u-gd {
  display: grid;
  gap: var(--c-gd-gap, var(--c-gd-y, 0) var(--c-gd-x, 0));
  grid-template-columns: repeat(var(--c-gd-col, auto), 1fr);
}

.u-fx-c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: var(--c-jc, center);
      -ms-flex-pack: var(--c-jc, center);
          justify-content: var(--c-jc, center);
}

.u-fx-cc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: var(--c-jc, center);
      -ms-flex-pack: var(--c-jc, center);
          justify-content: var(--c-jc, center);
  -webkit-box-align: var(--c-ai, center);
      -ms-flex-align: var(--c-ai, center);
          align-items: var(--c-ai, center);
}

.u-fx-ccc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: var(--c-fd, column);
          flex-direction: var(--c-fd, column);
  -webkit-box-pack: var(--c-jc, center);
      -ms-flex-pack: var(--c-jc, center);
          justify-content: var(--c-jc, center);
  -webkit-box-align: var(--c-ai, center);
      -ms-flex-align: var(--c-ai, center);
          align-items: var(--c-ai, center);
}

.u-ifx-c {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: var(--c-jc, center);
      -ms-flex-pack: var(--c-jc, center);
          justify-content: var(--c-jc, center);
}

.u-ifx-cc {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: var(--c-jc, center);
      -ms-flex-pack: var(--c-jc, center);
          justify-content: var(--c-jc, center);
  -webkit-box-align: var(--c-ai, center);
      -ms-flex-align: var(--c-ai, center);
          align-items: var(--c-ai, center);
}

.u-ifx-ccc {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: var(--c-fd, column);
          flex-direction: var(--c-fd, column);
  -webkit-box-pack: var(--c-jc, center);
      -ms-flex-pack: var(--c-jc, center);
          justify-content: var(--c-jc, center);
  -webkit-box-align: var(--c-ai, center);
      -ms-flex-align: var(--c-ai, center);
          align-items: var(--c-ai, center);
}

.u-fx-gd, .u-gd-fx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: var(--c-gd-jc);
      -ms-flex-pack: var(--c-gd-jc);
          justify-content: var(--c-gd-jc);
  gap: var(--c-gd-gap, var(--c-gd-y, 0) var(--c-gd-x, 0));
}
.u-fx-gd > *, .u-gd-fx > * {
  width: calc((100% - var(--c-gd-x, 0px) * (var(--c-gd-col, 1) - 1)) / var(--c-gd-col, 1));
}

.u-bg-fix {
  background-image: var(--c-bg);
  background-repeat: no-repeat;
  background-position: var(--c-bg-pos, center);
  background-size: cover;
}
@media (hover: hover) and (pointer: fine) {
  .u-bg-fix {
    background-attachment: fixed;
  }
}
.u-bg-cov {
  background-image: var(--c-bg);
  background-repeat: no-repeat;
  background-position: var(--c-bg-pos, center);
  background-size: var(--c-bg-size, cover);
}
.u-bg-con {
  background-image: var(--c-bg);
  background-repeat: no-repeat;
  background-position: var(--c-bg-pos, center);
  background-size: var(--c-bg-size, contain);
}

.u-text, .u-typo, .u-txt, .u-t {
  color: var(--c-cr, #333);
  font-family: var(--c-ff, Noto Sans TC, 微軟正黑體, Microsoft JhengHei, sans-serif);
  font-weight: var(--c-fw, normal);
  font-size: var(--c-fz, 16px);
  line-height: var(--c-lh, 1.5);
  letter-spacing: var(--c-ls, 0.0625em);
}

.u-space, .u-sp, .u-gap {
  padding: var(--c-pt, var(--c-py, var(--c-p, 0))) var(--c-pr, var(--c-px, var(--c-p, 0))) var(--c-pb, var(--c-py, var(--c-p, 0))) var(--c-pl, var(--c-px, var(--c-p, 0)));
  margin: var(--c-mt, var(--c-my, var(--c-m, 0))) var(--c-mr, var(--c-mx, var(--c-m, 0))) var(--c-mb, var(--c-my, var(--c-m, 0))) var(--c-ml, var(--c-mx, var(--c-m, 0)));
}

.u-list {
  display: grid;
  gap: var(--c-list-gap, var(--c-list-y, 0) var(--c-list-x, 0));
  grid-template-columns: repeat(var(--c-list-col, auto), 1fr);
}

.u-gp, [class*="u-gp:"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: var(--c-gp-wp, nowrap);
      flex-wrap: var(--c-gp-wp, nowrap);
  -webkit-box-align: var(--c-gp-ai, center);
      -ms-flex-align: var(--c-gp-ai, center);
          align-items: var(--c-gp-ai, center);
  -webkit-box-pack: var(--c-gp-jc, start);
      -ms-flex-pack: var(--c-gp-jc, start);
          justify-content: var(--c-gp-jc, start);
  gap: var(--c-gp-gap, var(--c-gp-y, 0) var(--c-gp-x, 0));
  max-width: var(--c-gp-max-w, 100%);
  width: var(--c-gp-w, 100%);
}

.u-gp\:center {
  --c-gp-jc: center;
}

.u-gp\:end {
  --c-gp-jc: end;
}

.swiper-button-disabled {
  pointer-events: none;
  opacity: 0.3;
}

.c-i {
  display: inline-block;
  aspect-ratio: var(--c-icon-ar, 1/1);
  width: var(--c-icon-w, 50px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: var(--c-icon, none);
}

.rel {
  position: relative;
}

.abs {
  position: absolute;
}

.fx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: var(--fx-fd);
          flex-direction: var(--fx-fd);
  -webkit-box-align: var(--fx-ai);
      -ms-flex-align: var(--fx-ai);
          align-items: var(--fx-ai);
  -webkit-box-pack: var(--fx-js);
      -ms-flex-pack: var(--fx-js);
          justify-content: var(--fx-js);
}

.fx-g1 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.fx-sk0 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

:is(.p, .l2p) {
  padding: var(--c-p, var(--c-pt, var(--c-py, 0)) var(--c-pr, var(--c-px, 0)) var(--c-pb, var(--c-py, 0)) var(--c-pl, var(--c-px, 0)));
  margin: var(--c-m, var(--c-mt, var(--c-my, 0)) var(--c-mr, var(--c-mx, 0)) var(--c-mb, var(--c-my, 0)) var(--c-ml, var(--c-mx, 0)));
  line-height: var(--p-lh, 1.75);
  letter-spacing: var(--p-ls, 0.1em);
}

[data-ani] {
  will-change: clip-path, transform, opacity, filter;
}

[data-ani-mask] {
  position: relative;
}

.ani-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--ani-mask-bg, #fff);
  z-index: var(--ani-mask-z, 1);
}

[data-ani^=fade],
[data-ani=up],
[data-ani=down],
[data-ani=left],
[data-ani=right] {
  opacity: 0;
  -webkit-filter: blur(var(--ani-fade-blur, var(--ani-blur, 0)));
          filter: blur(var(--ani-fade-blur, var(--ani-blur, 0)));
  -webkit-transition: opacity var(--ani-fade-time, var(--ani-time, 1s)) var(--ani-fade-func, var(--ani-func, ease)), -webkit-transform var(--ani-fade-time, var(--ani-time, 1s)) var(--ani-fade-func, var(--ani-func, ease)), -webkit-filter var(--ani-fade-time, var(--ani-time, 1s)) var(--ani-fade-func, var(--ani-func, ease));
  transition: opacity var(--ani-fade-time, var(--ani-time, 1s)) var(--ani-fade-func, var(--ani-func, ease)), -webkit-transform var(--ani-fade-time, var(--ani-time, 1s)) var(--ani-fade-func, var(--ani-func, ease)), -webkit-filter var(--ani-fade-time, var(--ani-time, 1s)) var(--ani-fade-func, var(--ani-func, ease));
  transition: opacity var(--ani-fade-time, var(--ani-time, 1s)) var(--ani-fade-func, var(--ani-func, ease)), transform var(--ani-fade-time, var(--ani-time, 1s)) var(--ani-fade-func, var(--ani-func, ease)), filter var(--ani-fade-time, var(--ani-time, 1s)) var(--ani-fade-func, var(--ani-func, ease));
  transition: opacity var(--ani-fade-time, var(--ani-time, 1s)) var(--ani-fade-func, var(--ani-func, ease)), transform var(--ani-fade-time, var(--ani-time, 1s)) var(--ani-fade-func, var(--ani-func, ease)), filter var(--ani-fade-time, var(--ani-time, 1s)) var(--ani-fade-func, var(--ani-func, ease)), -webkit-transform var(--ani-fade-time, var(--ani-time, 1s)) var(--ani-fade-func, var(--ani-func, ease)), -webkit-filter var(--ani-fade-time, var(--ani-time, 1s)) var(--ani-fade-func, var(--ani-func, ease));
}

[data-ani^=fade].in-view,
[data-ani=up].in-view,
[data-ani=down].in-view,
[data-ani=left].in-view,
[data-ani=right].in-view {
  opacity: 1 !important;
  -webkit-transform: translate3d(0, 0, 0) !important;
          transform: translate3d(0, 0, 0) !important;
  -webkit-filter: blur(0) !important;
          filter: blur(0) !important;
  -webkit-transition-delay: var(--ani-fade-delay, var(--ani-delay));
          transition-delay: var(--ani-fade-delay, var(--ani-delay));
}

[data-ani=fade-up],
[data-ani=up] {
  -webkit-transform: translate3d(0, var(--ani-fade-offset, var(--ani-offset, 100px)), 0);
          transform: translate3d(0, var(--ani-fade-offset, var(--ani-offset, 100px)), 0);
}

[data-ani=fade-down],
[data-ani=down] {
  -webkit-transform: translate3d(0, calc(var(--ani-fade-offset, var(--ani-offset, 100px)) * -1), 0);
          transform: translate3d(0, calc(var(--ani-fade-offset, var(--ani-offset, 100px)) * -1), 0);
}

[data-ani=fade-right],
[data-ani=left] {
  -webkit-transform: translate3d(calc(var(--ani-fade-offset, var(--ani-offset, 100px)) * -1), 0, 0);
          transform: translate3d(calc(var(--ani-fade-offset, var(--ani-offset, 100px)) * -1), 0, 0);
}

[data-ani=fade-left],
[data-ani=right] {
  -webkit-transform: translate3d(var(--ani-fade-offset, var(--ani-offset, 100px)), 0, 0);
          transform: translate3d(var(--ani-fade-offset, var(--ani-offset, 100px)), 0, 0);
}

[data-ani=fade-up-right] {
  -webkit-transform: translate3d(calc(var(--ani-fade-offset, var(--ani-offset, 100px)) * -1), var(--ani-fade-offset, var(--ani-offset, 100px)), 0);
          transform: translate3d(calc(var(--ani-fade-offset, var(--ani-offset, 100px)) * -1), var(--ani-fade-offset, var(--ani-offset, 100px)), 0);
}

[data-ani=fade-up-left] {
  -webkit-transform: translate3d(var(--ani-fade-offset, var(--ani-offset, 100px)), var(--ani-fade-offset, var(--ani-offset, 100px)), 0);
          transform: translate3d(var(--ani-fade-offset, var(--ani-offset, 100px)), var(--ani-fade-offset, var(--ani-offset, 100px)), 0);
}

[data-ani=fade-down-right] {
  -webkit-transform: translate3d(calc(var(--ani-fade-offset, var(--ani-offset, 100px)) * -1), calc(var(--ani-fade-offset, var(--ani-offset, 100px)) * -1), 0);
          transform: translate3d(calc(var(--ani-fade-offset, var(--ani-offset, 100px)) * -1), calc(var(--ani-fade-offset, var(--ani-offset, 100px)) * -1), 0);
}

[data-ani=fade-down-left] {
  -webkit-transform: translate3d(var(--ani-fade-offset, var(--ani-offset, 100px)), calc(var(--ani-fade-offset, var(--ani-offset, 100px)) * -1), 0);
          transform: translate3d(var(--ani-fade-offset, var(--ani-offset, 100px)), calc(var(--ani-fade-offset, var(--ani-offset, 100px)) * -1), 0);
}

.c-btn, [class*=c-btn-] {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: var(--c-btn-ai, center);
      -ms-flex-align: var(--c-btn-ai, center);
          align-items: var(--c-btn-ai, center);
  -webkit-box-pack: var(--c-btn-jc, center);
      -ms-flex-pack: var(--c-btn-jc, center);
          justify-content: var(--c-btn-jc, center);
  line-height: 1;
  text-align: var(--c-btn-ta, center);
  vertical-align: var(--c-btn-va, middle);
  white-space: var(--c-btn-ws, nowrap);
  width: var(--c-btn-w, 100%);
  max-width: var(--c-btn-max, -webkit-fit-content);
  max-width: var(--c-btn-max, -moz-fit-content);
  max-width: var(--c-btn-max, fit-content);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: var(--c-btn-border, none);
  border-radius: var(--c-btn-radius, 0);
  -webkit-transition-property: var(--c-btn-trs-attr, all);
  transition-property: var(--c-btn-trs-attr, all);
  -webkit-transition-timing-function: var(--c-btn-trs-func, cubic-bezier(0.4, 0, 0.2, 1));
          transition-timing-function: var(--c-btn-trs-func, cubic-bezier(0.4, 0, 0.2, 1));
  -webkit-transition-duration: var(--c-btn-trs-time, 500ms);
          transition-duration: var(--c-btn-trs-time, 500ms);
  isolation: isolate;
}

.c-btn__txt, .c-btn__name, .c-btn__label {
  color: var(--c-btn-cr, inherit);
}

.ui-btn {
  position: relative;
  cursor: pointer;
  display: var(--ui-btn-display, flex);
  -webkit-box-align: var(--ui-btn-ai, center);
      -ms-flex-align: var(--ui-btn-ai, center);
          align-items: var(--ui-btn-ai, center);
  -webkit-box-pack: var(--ui-btn-jc, center);
      -ms-flex-pack: var(--ui-btn-jc, center);
          justify-content: var(--ui-btn-jc, center);
  gap: var(--ui-btn-gap, 0);
  line-height: var(--ui-btn-lh, 1);
  color: var(--ui-btn-cr, #333);
  text-align: var(--ui-btn-ta, center);
  vertical-align: var(--ui-btn-va, middle);
  white-space: var(--ui-btn-ws, nowrap);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  max-width: var(--ui-btn-max, -webkit-fit-content);
  max-width: var(--ui-btn-max, -moz-fit-content);
  max-width: var(--ui-btn-max, fit-content);
  width: var(--ui-btn-w, 100%);
  background: var(--ui-btn-bg, transparent);
  border-radius: var(--ui-btn-radius);
  border-width: var(--ui-btn-border-w);
  border-style: var(--ui-btn-border-style);
  border-color: var(--ui-btn-border-cr);
  padding: var(--ui-btn-p, var(--ui-btn-pt, var(--ui-btn-py, 0)) var(--ui-btn-pr, var(--ui-btn-px, 0)) var(--ui-btn-pb, var(--ui-btn-py, 0)) var(--ui-btn-pl, var(--ui-btn-px, 0)));
  margin: var(--ui-btn-m, var(--ui-btn-mt, var(--ui-btn-my, 0)) var(--ui-btn-mr, var(--ui-btn-mx, 0)) var(--ui-btn-mb, var(--ui-btn-my, 0)) var(--ui-btn-ml, var(--ui-btn-mx, 0)));
  -webkit-transition-property: var(--ui-btn-trs-attr, all);
  transition-property: var(--ui-btn-trs-attr, all);
  -webkit-transition-timing-function: var(--ui-btn-trs-func, cubic-bezier(0.4, 0, 0.2, 1));
          transition-timing-function: var(--ui-btn-trs-func, cubic-bezier(0.4, 0, 0.2, 1));
  -webkit-transition-duration: var(--ui-btn-trs-time, 500ms);
          transition-duration: var(--ui-btn-trs-time, 500ms);
  isolation: isolate;
  overflow: hidden;
}
.ui-btn::before, .ui-btn::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 100%;
  left: 0;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
          transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.ui-btn::before {
  background: var(--ui-btn-before-bg, transparent);
}
.ui-btn::after {
  background: var(--ui-btn-after-bg, transparent);
}

@media (hover: hover) and (pointer: fine) {
  .ui-btn:hover {
    color: var(--ui-btn-hover-cr, var(--ui-btn-cr, #333));
    border-color: var(--ui-btn-hover-border-cr, transparent);
  }
  .ui-btn:hover::before, .ui-btn:hover::after {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  .ui-btn:hover::after {
    -webkit-transition-delay: 0.175s;
            transition-delay: 0.175s;
  }
}
.ui-btn {
  --ui-btn-cr: #795447;
  --ui-btn-radius: 50px;
  --ui-btn-border-w: 1px;
  --ui-btn-border-style: solid;
  --ui-btn-border-cr: #785447;
  --ui-btn-p: clamp(4px, 0.417dvw, 8px) clamp(15px, 1.302dvw, 25px);
  --ui-btn-hover-cr: #fff;
  --ui-btn-hover-border-cr: #785447;
  --ui-btn-before-bg: rgba(120, 84, 71, 0.5);
  --ui-btn-after-bg: #785447;
  letter-spacing: 0.1em;
}

.c-h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: var(--c-h1-ai);
      -ms-flex-align: var(--c-h1-ai);
          align-items: var(--c-h1-ai);
  -webkit-box-pack: var(--c-h1-jc);
      -ms-flex-pack: var(--c-h1-jc);
          justify-content: var(--c-h1-jc);
  margin-bottom: var(--c-h1-mb, 0);
}
.c-h1 .t-eng {
  font-family: var(--fA);
  font-size: var(--f45);
  font-style: italic;
  font-weight: 900;
  color: var(--c-h1-eng-cr, #FFF);
  letter-spacing: 0.1em;
  line-height: 1.18;
  margin-bottom: 10px;
}
.c-h1 .t-cht {
  color: var(--c-h1-cht-cr, #795447);
  font-size: var(--f24);
  letter-spacing: 0.3em;
}

@-webkit-keyframes effect_ {
  0% {
    color: var(--key-cr, inherit);
    background: var(--key-bg, inherit);
    opacity: var(--key-op, 1);
    -webkit-transform-origin: var(--key-trf-origin, center);
            transform-origin: var(--key-trf-origin, center);
    -webkit-transform: translate3d(var(--key-x, 0), var(--key-y, 0), var(--key-z, 0)) rotate(var(--key-r, 0)) scale(var(--key-s, 1));
            transform: translate3d(var(--key-x, 0), var(--key-y, 0), var(--key-z, 0)) rotate(var(--key-r, 0)) scale(var(--key-s, 1));
    -webkit-filter: var(--key-filter, none);
            filter: var(--key-filter, none);
    background-position: var(--key-bg-pos, 0 0);
    -webkit-mask-position: var(--key-mask-pos, 0 0);
            mask-position: var(--key-mask-pos, 0 0);
  }
  100% {
    color: var(--key-cr-end, inherit);
    background: var(--key-bg-end, inherit);
    opacity: var(--key-op-end, 1);
    -webkit-transform-origin: var(--key-trf-origin-end, center);
            transform-origin: var(--key-trf-origin-end, center);
    -webkit-transform: translate3d(var(--key-x-end, 0), var(--key-y-end, 0), var(--key-z-end, 0)) rotate(var(--key-r-end, 0)) scale(var(--key-s-end, 1));
            transform: translate3d(var(--key-x-end, 0), var(--key-y-end, 0), var(--key-z-end, 0)) rotate(var(--key-r-end, 0)) scale(var(--key-s-end, 1));
    -webkit-filter: var(--key-filter-end, none);
            filter: var(--key-filter-end, none);
    background-position: var(--key-bg-pos-end, 0 0);
    -webkit-mask-position: var(--key-mask-pos-end, 0 0);
            mask-position: var(--key-mask-pos-end, 0 0);
  }
}

@keyframes effect_ {
  0% {
    color: var(--key-cr, inherit);
    background: var(--key-bg, inherit);
    opacity: var(--key-op, 1);
    -webkit-transform-origin: var(--key-trf-origin, center);
            transform-origin: var(--key-trf-origin, center);
    -webkit-transform: translate3d(var(--key-x, 0), var(--key-y, 0), var(--key-z, 0)) rotate(var(--key-r, 0)) scale(var(--key-s, 1));
            transform: translate3d(var(--key-x, 0), var(--key-y, 0), var(--key-z, 0)) rotate(var(--key-r, 0)) scale(var(--key-s, 1));
    -webkit-filter: var(--key-filter, none);
            filter: var(--key-filter, none);
    background-position: var(--key-bg-pos, 0 0);
    -webkit-mask-position: var(--key-mask-pos, 0 0);
            mask-position: var(--key-mask-pos, 0 0);
  }
  100% {
    color: var(--key-cr-end, inherit);
    background: var(--key-bg-end, inherit);
    opacity: var(--key-op-end, 1);
    -webkit-transform-origin: var(--key-trf-origin-end, center);
            transform-origin: var(--key-trf-origin-end, center);
    -webkit-transform: translate3d(var(--key-x-end, 0), var(--key-y-end, 0), var(--key-z-end, 0)) rotate(var(--key-r-end, 0)) scale(var(--key-s-end, 1));
            transform: translate3d(var(--key-x-end, 0), var(--key-y-end, 0), var(--key-z-end, 0)) rotate(var(--key-r-end, 0)) scale(var(--key-s-end, 1));
    -webkit-filter: var(--key-filter-end, none);
            filter: var(--key-filter-end, none);
    background-position: var(--key-bg-pos-end, 0 0);
    -webkit-mask-position: var(--key-mask-pos-end, 0 0);
            mask-position: var(--key-mask-pos-end, 0 0);
  }
}
@-webkit-keyframes effect- {
  to {
    color: var(--key-cr, inherit);
    background: var(--key-bg, inherit);
    opacity: var(--key-op, 1);
    -webkit-transform-origin: var(--key-trf-origin, center);
            transform-origin: var(--key-trf-origin, center);
    -webkit-transform: translate3d(var(--key-x, 0), var(--key-y, 0), var(--key-z, 0)) rotate(var(--key-r, 0)) scale(var(--key-s, 1));
            transform: translate3d(var(--key-x, 0), var(--key-y, 0), var(--key-z, 0)) rotate(var(--key-r, 0)) scale(var(--key-s, 1));
    -webkit-filter: var(--key-filter, none);
            filter: var(--key-filter, none);
    background-position: var(--key-bg-pos, 0 0);
    -webkit-mask-position: var(--key-mask-pos, 0 0);
            mask-position: var(--key-mask-pos, 0 0);
  }
}
@keyframes effect- {
  to {
    color: var(--key-cr, inherit);
    background: var(--key-bg, inherit);
    opacity: var(--key-op, 1);
    -webkit-transform-origin: var(--key-trf-origin, center);
            transform-origin: var(--key-trf-origin, center);
    -webkit-transform: translate3d(var(--key-x, 0), var(--key-y, 0), var(--key-z, 0)) rotate(var(--key-r, 0)) scale(var(--key-s, 1));
            transform: translate3d(var(--key-x, 0), var(--key-y, 0), var(--key-z, 0)) rotate(var(--key-r, 0)) scale(var(--key-s, 1));
    -webkit-filter: var(--key-filter, none);
            filter: var(--key-filter, none);
    background-position: var(--key-bg-pos, 0 0);
    -webkit-mask-position: var(--key-mask-pos, 0 0);
            mask-position: var(--key-mask-pos, 0 0);
  }
}
@-webkit-keyframes fadeIn- {
  to {
    opacity: var(--key-op, 1);
  }
}
@keyframes fadeIn- {
  to {
    opacity: var(--key-op, 1);
  }
}
@-webkit-keyframes runBg- {
  to {
    background-position: var(--key-bg-pos, 0);
  }
}
@keyframes runBg- {
  to {
    background-position: var(--key-bg-pos, 0);
  }
}
@-webkit-keyframes rotate- {
  to {
    -webkit-transform: rotate(var(--key-r, 0));
            transform: rotate(var(--key-r, 0));
  }
}
@keyframes rotate- {
  to {
    -webkit-transform: rotate(var(--key-r, 0));
            transform: rotate(var(--key-r, 0));
  }
}
[data-tab-list] li {
  list-style: none;
}

[data-tab-panel] {
  display: none;
}