@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

@-webkit-keyframes loopSlide {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes loopSlide {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

img {
  display: block;
  width: 100%;
  height: auto;
  border: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.fw-700 {
  font-weight: 700;
}

.fw-600 {
  font-weight: 600;
}

.fw-300 {
  font-weight: 300;
}

::-moz-selection {
  background: #009944;
  color: #fff;
}

::selection {
  background: #009944;
  color: #fff;
}

html, body {
  -webkit-text-size-adjust: none;
  -webkit-text-size-adjust: 100%;
  font-size: var(--font-size);
  font-weight: 400;
  color: #202020;
  line-height: 1.8;
  font-family: "Noto Sans TC", Arial, "儷黑 Pro", "LiHei Pro", sans-serif;
  --header-height: 80px;
  --menu-height: 60px;
  --font-size: 16px;
}
@media screen and (max-width: 1024px) {
  html, body {
    --font-size: 1.46vw;
    --header-height: 70px;
  }
}
@media screen and (max-width: 768px) {
  html, body {
    --header-height: 16vw;
    --menu-height: 9vw;
    --font-size: 2.92vw;
  }
}

#wrapper {
  position: relative;
  padding-top: var(--header-height);
  overflow: hidden;
}

a#Index_float_join {
  cursor: pointer;
  position: fixed;
  display: block;
  width: 120px;
  right: 8rem;
  bottom: 2rem;
  z-index: 98;
}
@media screen and (max-width: 1600px) {
  a#Index_float_join {
    right: 1rem;
  }
}
@media screen and (max-width: 768px) {
  a#Index_float_join {
    width: 5.35rem;
    bottom: 6rem;
  }
}

header {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: var(--header-height);
  top: 0;
  left: 0;
  padding: 0 8rem;
  background: #fff;
  z-index: 99;
}
@media screen and (max-width: 1200px) {
  header {
    padding: 0 2%;
  }
}
@media screen and (max-width: 768px) {
  header {
    padding: 0 5%;
    display: block;
  }
}
header #menu_check {
  display: none;
}
@media screen and (max-width: 768px) {
  header #menu_check:checked ~ nav {
    pointer-events: auto;
    opacity: 1;
  }
  header #menu_check:checked ~ nav ul {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  header #menu_check:checked ~ label {
    background-color: transparent;
  }
  header #menu_check:checked ~ label i:nth-of-type(1) {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
  }
  header #menu_check:checked ~ label i:nth-of-type(2) {
    opacity: 0;
  }
  header #menu_check:checked ~ label i:nth-of-type(3) {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
  }
}
header #logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  height: 60%;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  header a {
    height: 42%;
  }
}
header a img {
  display: block;
  width: auto;
  height: 100%;
}
header nav {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 100%;
}
@media screen and (max-width: 768px) {
  header nav {
    position: fixed;
    inset: 0 0 0 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: unset;
    backdrop-filter: blur(5px);
    background: rgba(255, 255, 255, 0.8);
    padding: 2rem;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
}
header nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  color: #282828;
  font-weight: 700;
  font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
  header nav ul {
    width: 100%;
    gap: 2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.5rem;
    line-height: 1.3;
    -webkit-transform: translateY(-30%);
            transform: translateY(-30%);
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
  }
}
header nav ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  header nav ul > li {
    width: 100%;
    padding: 0 0 2rem 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  header nav ul > li:not(:last-of-type) {
    border-bottom: 1px solid rgba(0, 153, 68, 0.3);
  }
}
header nav ul > li a {
  cursor: pointer;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  padding: 0 0.8rem;
  color: inherit;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media screen and (max-width: 768px) {
  header nav ul > li a {
    padding: 0;
  }
  header nav ul > li a.sp {
    pointer-events: none;
  }
}
header nav ul > li a br {
  display: none;
}
@media screen and (max-width: 768px) {
  header nav ul > li a br {
    display: block;
  }
}
header nav ul > li a span {
  display: inline-block;
  margin: 0 0.25rem;
}
@media screen and (max-width: 768px) {
  header nav ul > li a span {
    display: none;
  }
}
header nav ul > li a::after {
  content: "";
  position: absolute;
  display: block;
  height: 6px;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, right top, from(#C9B77E), color-stop(50%, #BDA65B), to(#A89453));
  background: linear-gradient(to right, #C9B77E, #BDA65B 50%, #A89453);
  width: 0;
  -webkit-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
@media screen and (max-width: 768px) {
  header nav ul > li a::after {
    display: none;
    height: 4px;
    -webkit-transition: none;
    transition: none;
  }
}
header nav ul > li a:hover, header nav ul > li a.act {
  color: #AD9139;
}
@media screen and (max-width: 768px) {
  header nav ul > li a:hover, header nav ul > li a.act {
    color: #009944;
  }
}
header nav ul > li a:hover::after, header nav ul > li a.act::after {
  left: 0;
  width: 100%;
  -webkit-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
@media screen and (max-width: 768px) {
  header nav ul > li a:hover::after, header nav ul > li a.act::after {
    -webkit-transition: none;
    transition: none;
  }
}
header nav ul > li ol.sub {
  width: 100%;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  font-weight: 500;
  margin-top: 0.5rem;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  header nav ul > li ol.sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
header nav ul > li ol.sub li {
  width: 50%;
  border-radius: 5rem;
  margin: 0 auto;
}
header nav ul > li ol.sub li a {
  padding: 0.3rem;
  border: none;
}
header nav ul > li ol.sub li.act {
  background-color: #009944;
  color: #fff;
}
header label {
  display: none;
  pointer-events: auto;
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  right: 5%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
}
@media screen and (max-width: 768px) {
  header label {
    display: block;
  }
}
header label.sp i {
  background: #fff;
}
header label i {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 75%;
  height: 3px;
  background: #009944;
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
header label i:nth-of-type(1) {
  -webkit-transform: translate(-50%, -360%);
          transform: translate(-50%, -360%);
}
header label i:nth-of-type(2) {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
header label i:nth-of-type(3) {
  -webkit-transform: translate(-50%, 260%);
          transform: translate(-50%, 260%);
}

footer {
  position: relative;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#0A3A1A), color-stop(50%, #154B1D), to(#002A16));
  background: linear-gradient(to right, #0A3A1A, #154B1D 50%, #002A16);
}
footer .content {
  padding: 1.2rem 0.5rem;
}
footer p {
  text-align: center;
  font-size: 0.875rem;
  letter-spacing: 0.15rem;
  color: #fff;
}
footer p span {
  display: inline-block;
  margin: 0 0.23rem;
}
@media screen and (max-width: 768px) {
  footer p span {
    display: none;
  }
}
footer p br {
  display: none;
}
@media screen and (max-width: 768px) {
  footer p br {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  main.index #event_discount .content {
    padding-bottom: 10rem;
  }
}

#menu {
  position: relative;
  height: var(--menu-height);
}
#menu .menu-box {
  position: relative;
  left: 0;
  width: 100%;
  height: var(--menu-height);
  z-index: 98;
}
#menu .menu-box.is-sticky {
  position: fixed;
  top: var(--header-height);
}
#menu .menu-box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 1296px;
  height: 100%;
  margin: 0 auto;
  font-size: 1.25rem;
  letter-spacing: 0.5rem;
  background: #009944;
}
#menu .menu-box ul > li {
  position: relative;
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 25%;
  height: 100%;
  color: #fff;
}
#menu .menu-box ul > li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  z-index: 5;
}
#menu .menu-box ul > li a svg {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 0.6rem;
  height: auto;
  fill: currentColor;
  stroke: currentColor;
  stroke-width: 1;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
#menu .menu-box ul > li ol {
  pointer-events: none;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  z-index: 4;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#menu .menu-box ul > li ol > li {
  color: #04803b;
  border: 2px solid #04803b;
  background: #fff;
  height: var(--menu-height);
  -webkit-transition: background 0.3s, color 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  transition: background 0.3s, color 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  transition: background 0.3s, color 0.3s, transform 0.3s, opacity 0.3s;
  transition: background 0.3s, color 0.3s, transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translateY(-2rem);
          transform: translateY(-2rem);
}
#menu .menu-box ul > li ol > li:nth-child(1) {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  opacity: 0;
  -webkit-transform: translateY(calc(-50% - 2px));
          transform: translateY(calc(-50% - 2px));
}
#menu .menu-box ul > li ol > li:nth-child(2) {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  opacity: 0;
  -webkit-transform: translateY(calc(-100% - 2px));
          transform: translateY(calc(-100% - 2px));
}
#menu .menu-box ul > li ol > li:nth-child(3) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  opacity: 0;
  -webkit-transform: translateY(calc(-150% - 2px));
          transform: translateY(calc(-150% - 2px));
}
#menu .menu-box ul > li ol > li:nth-child(4) {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
  opacity: 0;
  -webkit-transform: translateY(calc(-200% - 2px));
          transform: translateY(calc(-200% - 2px));
}
#menu .menu-box ul > li ol > li:nth-child(5) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  opacity: 0;
  -webkit-transform: translateY(calc(-250% - 2px));
          transform: translateY(calc(-250% - 2px));
}
#menu .menu-box ul > li ol > li:nth-child(6) {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  opacity: 0;
  -webkit-transform: translateY(calc(-300% - 2px));
          transform: translateY(calc(-300% - 2px));
}
#menu .menu-box ul > li ol > li:nth-child(7) {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
  opacity: 0;
  -webkit-transform: translateY(calc(-350% - 2px));
          transform: translateY(calc(-350% - 2px));
}
#menu .menu-box ul > li ol > li:nth-child(8) {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
  opacity: 0;
  -webkit-transform: translateY(calc(-400% - 2px));
          transform: translateY(calc(-400% - 2px));
}
#menu .menu-box ul > li ol > li:nth-child(9) {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  opacity: 0;
  -webkit-transform: translateY(calc(-450% - 2px));
          transform: translateY(calc(-450% - 2px));
}
#menu .menu-box ul > li ol > li:nth-child(10) {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
  opacity: 0;
  -webkit-transform: translateY(calc(-500% - 2px));
          transform: translateY(calc(-500% - 2px));
}
#menu .menu-box ul > li ol > li:not(:last-of-type) {
  border-bottom: none;
}
#menu .menu-box ul > li ol > li:hover {
  color: #fff;
  background: #006e32;
}
#menu .menu-box ul > li ol > li.act {
  color: #04803b !important;
  background: #E6D69D !important;
}
#menu .menu-box ul > li::before {
  position: absolute;
  display: block;
  content: "";
  inset: 0 -1px;
  height: 100%;
  opacity: 0;
  background: #04803b;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 2;
}
#menu .menu-box ul > li:first-of-type::before {
  inset: 0 -1px 0 0;
}
#menu .menu-box ul > li:last-of-type::before {
  inset: 0 0 0 -1px;
}
#menu .menu-box ul > li:not(:last-of-type)::after {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  right: -1px;
  width: 2px;
  height: 60%;
  background: #fff;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}
#menu .menu-box ul > li.act {
  color: #006e32;
  font-weight: bold;
}
#menu .menu-box ul > li.act a svg {
  stroke-width: 2;
}
#menu .menu-box ul > li.act::before {
  opacity: 1;
  background: -webkit-gradient(linear, left top, left bottom, from(#E4D08D), to(#BDA65B)) !important;
  background: linear-gradient(to bottom, #E4D08D, #BDA65B) !important;
  z-index: 3;
}
#menu .menu-box ul > li:hover::before {
  opacity: 1;
}
#menu .menu-box ul > li:hover ol {
  pointer-events: auto;
  opacity: 1;
}
#menu .menu-box ul > li:hover ol li {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.content {
  position: relative;
  max-width: 1296px;
  width: 100%;
  margin: 0 auto;
  padding: 7rem 3rem;
}
@media screen and (max-width: 768px) {
  .content {
    padding: 3rem 1.8rem;
  }
}

h1.title {
  width: 30%;
  max-width: 400px;
  margin: 0 auto 3rem auto;
}
@media screen and (max-width: 768px) {
  h1.title {
    width: 50%;
  }
}

h2.title {
  font-size: 1.5rem;
  text-align: center;
  letter-spacing: 0.4rem;
}
h2.title.color-green {
  color: #154B1D;
}
h2.title.color-white {
  color: #fff;
}
h2.title br {
  display: none;
}
@media screen and (max-width: 768px) {
  h2.title br {
    display: block;
  }
}

h3.title {
  font-size: 2.25rem;
  text-align: center;
  margin: 0 auto;
  color: #154B1D;
}

h4.title {
  font-size: 1.65rem;
  text-align: center;
  margin: 1rem auto 7rem auto;
}
@media screen and (max-width: 768px) {
  h4.title {
    font-size: 1.5rem;
    margin: 1rem auto 3rem auto;
  }
}

p.notice {
  margin-top: 2.5rem;
  text-align: center;
  color: #999;
  font-size: 0.85rem;
}
@media screen and (max-width: 768px) {
  p.notice {
    font-size: 1rem;
  }
}

.icon {
  width: 3.75rem;
  margin: 0 auto;
}
.icon.color-grey {
  fill: #202020;
}
.icon.color-green {
  fill: #154B1D;
}
.icon.color-white {
  fill: #fff;
}

#event_kv {
  position: relative;
}
#event_kv .pc {
  display: block;
}
@media screen and (max-width: 768px) {
  #event_kv .pc {
    display: none;
  }
}
#event_kv .mob {
  display: none;
}
@media screen and (max-width: 768px) {
  #event_kv .mob {
    display: block;
  }
}
#event_kv.border-b {
  padding-bottom: 10px;
  background: -webkit-gradient(linear, left top, right top, from(#E2CE8F), to(#B0A06C));
  background: linear-gradient(to right, #E2CE8F, #B0A06C);
}
@media screen and (max-width: 768px) {
  #event_kv.border-b {
    padding-bottom: 5px;
  }
}
#event_kv #KV_swiper {
  position: relative;
}
#event_kv #KV_swiper .swiper-button-lock {
  display: none !important;
}
#event_kv #KV_swiper .swiper-button-prev, #event_kv #KV_swiper .swiper-button-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 4rem;
  height: 100%;
  margin: 0;
  padding: 0 0.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0.3;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  background: rgba(0, 0, 0, 0);
  z-index: 11;
  --swiper-navigation-sides-offset: 0;
}
@media screen and (max-width: 768px) {
  #event_kv #KV_swiper .swiper-button-prev, #event_kv #KV_swiper .swiper-button-next {
    display: none;
  }
}
#event_kv #KV_swiper .swiper-button-prev svg, #event_kv #KV_swiper .swiper-button-next svg {
  width: 50%;
  height: auto;
  fill: #fff;
  color: #fff;
}
#event_kv #KV_swiper .swiper-button-prev:hover, #event_kv #KV_swiper .swiper-button-next:hover {
  opacity: 1;
  background: rgba(0, 0, 0, 0.2);
}
#event_kv #KV_swiper .swiper-pagination {
  bottom: 1.5rem;
}
@media screen and (max-width: 768px) {
  #event_kv #KV_swiper .swiper-pagination {
    bottom: 0.5rem;
  }
}
#event_kv #KV_swiper .swiper-pagination span {
  opacity: 1;
  background: #fff;
  margin: 0 6px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#event_kv #KV_swiper .swiper-pagination span.swiper-pagination-bullet-active {
  -webkit-transform: scale(2);
          transform: scale(2);
  background: rgba(255, 255, 255, 0);
  border: 1px solid #D8C485;
}

#event_info {
  position: relative;
  background: #EBEBEA;
}
#event_info .bg-text-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  overflow: hidden;
  -webkit-transform: translateY(120%);
          transform: translateY(120%);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #event_info .bg-text-slide {
    width: 200%;
    -webkit-transform: translateY(-160%);
            transform: translateY(-160%);
  }
}
#event_info .bg-text-slide > .slide-item {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 100%;
  -webkit-animation: loopSlide 30s linear infinite;
}
#event_info .content {
  position: relative;
  z-index: 2;
}
#event_info .content > h1 {
  text-align: center;
  font-size: 2.5rem;
  color: #202020;
  margin-bottom: 1.5rem;
}
#event_info .content > h1 span:nth-of-type(2) {
  display: none;
}
@media screen and (max-width: 768px) {
  #event_info .content > h1 span:nth-of-type(2) {
    display: inline-block;
  }
}
#event_info .content > h1 br {
  display: none;
}
@media screen and (max-width: 768px) {
  #event_info .content > h1 br {
    display: block;
  }
}
#event_info .content > h2 {
  text-align: center;
  font-size: 1.75rem;
  color: #224D10;
  margin-bottom: 1.5rem;
}
#event_info .content > p {
  text-align: center;
  font-size: 1.25rem;
  color: #595959;
}
#event_info .content .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 5rem;
}
@media screen and (max-width: 768px) {
  #event_info .content .info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
#event_info .content .info .img-box {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 50%;
}
@media screen and (max-width: 768px) {
  #event_info .content .info .img-box {
    width: 100%;
  }
}
#event_info .content .info .text-box {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(#B5A677), color-stop(64%, #957B2A), to(#B8A97A));
  background: linear-gradient(to bottom, #B5A677, #957B2A 64%, #B8A97A);
  padding: 5px 5px 5px 0;
}
@media screen and (max-width: 768px) {
  #event_info .content .info .text-box {
    width: 100%;
    padding: 3px 3px 0 3px;
  }
}
#event_info .content .info .text-box .text {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
}
@media screen and (max-width: 768px) {
  #event_info .content .info .text-box .text {
    height: auto;
    padding: 4rem 0;
  }
}
#event_info .content .info .text-box .text > img {
  position: absolute;
  top: -5px;
  right: 1.5rem;
  width: 13%;
}
@media screen and (max-width: 768px) {
  #event_info .content .info .text-box .text > img {
    top: -3px;
  }
}
#event_info .content .info .text-box .text > .info-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70%;
  -webkit-transform: translate(-50%, -55%);
          transform: translate(-50%, -55%);
}
@media screen and (max-width: 768px) {
  #event_info .content .info .text-box .text > .info-box {
    position: relative;
    top: 0;
    left: 0;
    width: 76%;
    margin: 0 auto;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
#event_info .content .info .text-box .text > .info-box h2 {
  font-size: 2rem;
  color: #AD9139;
  text-align: center;
  margin-bottom: 1rem;
}
#event_info .content .info .text-box .text > .info-box h5 {
  font-size: 1.5rem;
  text-align: center;
  line-height: 1.3;
  margin-bottom: 4rem;
}
@media screen and (max-width: 768px) {
  #event_info .content .info .text-box .text > .info-box h5 {
    margin-bottom: 2rem;
  }
}
#event_info .content .info .text-box .text > .info-box p, #event_info .content .info .text-box .text > .info-box ol {
  font-size: 1.25rem;
  line-height: 1.5;
}

#event_itinerary {
  position: relative;
}
#event_itinerary .eva-img-box {
  margin: 2rem auto;
  width: 80%;
}
#event_itinerary.event {
  background: url("../images/event_itinerary_bg.png") bottom center/100% auto no-repeat, -webkit-gradient(linear, left top, left bottom, from(#22712E), to(#154B1D));
  background: url("../images/event_itinerary_bg.png") bottom center/100% auto no-repeat, linear-gradient(to bottom, #22712E, #154B1D);
}
#event_itinerary.event .itinerary {
  background: none;
}
#event_itinerary .itinerary {
  background: #E6D69D;
}
#event_itinerary .itinerary:not(:first-of-type) .content {
  padding-top: 4rem;
}
#event_itinerary .itinerary:not(:last-of-type) .content {
  padding-bottom: 1px;
}
#event_itinerary .itinerary.sp {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(18%, #E6D69D), color-stop(48%, #00883C), color-stop(77%, #154B1D), to(#002A16));
  background: linear-gradient(to bottom, #E6D69D 18%, #00883C 48%, #154B1D 77%, #002A16);
}
#event_itinerary .itinerary-list-tab {
  overflow: hidden;
  margin: 3rem 0;
  --text-color: #202020;
  --text-act-color: #fff;
  --boder-color: rgba(21, 75, 29, .5);
  --bg-color: linear-gradient(to right, #22712E, #154B1D);
  --hover-color: #ecdfb0;
}
@media screen and (max-width: 768px) {
  #event_itinerary .itinerary-list-tab {
    position: relative;
    width: calc(100% + 3.6rem);
    left: -1.8rem;
    overflow-x: auto;
    z-index: 5;
  }
}
#event_itinerary .itinerary-list-tab.sp {
  --text-color: #fff;
  --text-act-color: #224D10;
  --boder-color: #fff;
  --bg-color: linear-gradient(to right, #FFF0BE, #C9B77E 75%, #E9D79E);
  --hover-color: #087130;
}
#event_itinerary .itinerary-list-tab .itinerary-list-tab-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(115% - 2.5% * var(--item-num));
  left: 50%;
  -webkit-transform: translateX(-50.5%);
          transform: translateX(-50.5%);
}
@media screen and (max-width: 768px) {
  #event_itinerary .itinerary-list-tab .itinerary-list-tab-box {
    width: auto;
  }
}
#event_itinerary .itinerary-list-tab .list-tab {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  height: 4.6rem;
  line-height: 1.3;
  padding: 1rem 0.5rem;
  cursor: pointer;
  color: var(--text-color);
}
@media screen and (max-width: 768px) {
  #event_itinerary .itinerary-list-tab .list-tab {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 45vw;
    height: 13vw;
  }
}
#event_itinerary .itinerary-list-tab .list-tab span {
  position: relative;
  z-index: 6;
}
#event_itinerary .itinerary-list-tab .list-tab::before {
  pointer-events: none;
  position: absolute;
  display: block;
  inset: 0 -3px;
  content: "";
  height: 100%;
  background: var(--hover-color);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: skewX(-20deg) translateX(2.5%);
          transform: skewX(-20deg) translateX(2.5%);
  z-index: 2;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (max-width: 768px) {
  #event_itinerary .itinerary-list-tab .list-tab::before {
    -webkit-transform: skewX(0) translateX(0);
            transform: skewX(0) translateX(0);
    -webkit-transition: none;
    transition: none;
  }
}
#event_itinerary .itinerary-list-tab .list-tab::after {
  pointer-events: none;
  position: absolute;
  display: block;
  top: 50%;
  right: 0;
  content: "";
  width: 2px;
  height: 60%;
  background: var(--boder-color);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: skewX(-20deg) translateY(-50%);
          transform: skewX(-20deg) translateY(-50%);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #event_itinerary .itinerary-list-tab .list-tab::after {
    -webkit-transform: skewX(0) translateY(-50%);
            transform: skewX(0) translateY(-50%);
  }
}
#event_itinerary .itinerary-list-tab .list-tab:first-of-type span {
  -webkit-transform: translateX(8.5%);
          transform: translateX(8.5%);
}
@media screen and (max-width: 768px) {
  #event_itinerary .itinerary-list-tab .list-tab:first-of-type span {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
#event_itinerary .itinerary-list-tab .list-tab:last-of-type::after {
  display: none;
}
#event_itinerary .itinerary-list-tab .list-tab.act {
  font-weight: 700;
  color: var(--text-act-color);
}
#event_itinerary .itinerary-list-tab .list-tab.act::before {
  background: var(--bg-color) !important;
  opacity: 1;
  z-index: 5;
}
#event_itinerary .itinerary-list-tab .list-tab:hover::before {
  opacity: 1;
}
#event_itinerary .itinerary-list-content {
  --bg-color: linear-gradient(to right, #22712E, #154B1D);
}
#event_itinerary .itinerary-list-content.sp {
  --bg-color: linear-gradient(to right, #FFF0BE, #C9B77E 55%, #B0A06C);
}
#event_itinerary .itinerary-list-content .list-content {
  position: relative;
  display: none;
}
#event_itinerary .itinerary-list-content .list-content.act {
  display: block;
}
#event_itinerary .itinerary-list-content .list-content .img-box {
  position: relative;
  padding: 3px;
  background: var(--bg-color);
}
#event_itinerary .itinerary-list-content .list-content .img-box::after {
  position: absolute;
  left: 3px;
  right: 3px;
  bottom: 3px;
  content: "";
  display: block;
  height: 40%;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0));
  z-index: 2;
}
@media screen and (max-width: 768px) {
  #event_itinerary .itinerary-list-content .list-content .img-box::after {
    display: none;
  }
}
#event_itinerary .itinerary-list-content .list-content .text-box {
  position: absolute;
  width: 100%;
  padding: 2rem 3rem;
  left: 0;
  bottom: 0;
  color: #fff;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  #event_itinerary .itinerary-list-content .list-content .text-box {
    position: relative;
    color: #282828;
    background: #fff;
    padding: 2rem 1.5rem;
  }
  #event_itinerary .itinerary-list-content .list-content .text-box p {
    font-weight: 400 !important;
    margin-top: 1rem;
  }
}
#event_itinerary .itinerary-list-content .list-content .text-box > h6 {
  font-size: 1.125rem;
}

#event_awards .event_blank {
  background: #ebebea;
  height: 5rem;
}
@media screen and (max-width: 768px) {
  #event_awards .event_blank {
    height: 3rem;
  }
}
#event_awards .event_awards_1 {
  background: #fff url(../images/event_awards_bg_1.png) no-repeat top center/100% auto;
}
#event_awards .event_awards_1 .content {
  padding-bottom: 1px;
}
@media screen and (max-width: 768px) {
  #event_awards .event_awards_1 .content {
    padding-top: 5rem;
  }
}
#event_awards .event_awards_1 ul.awards_list_1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2.5rem;
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  #event_awards .event_awards_1 ul.awards_list_1 {
    gap: 0.8rem;
  }
}
#event_awards .event_awards_1 ul.awards_list_1:not(:last-of-type) {
  margin-bottom: 2.5rem;
}
#event_awards .event_awards_1 ul.awards_list_1 li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#event_awards .event_awards_1 ul.awards_list_1 li .img-box {
  padding: 3px;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF0BE), to(#BBAA74));
  background: linear-gradient(to bottom, #FFF0BE, #BBAA74);
}
#event_awards .event_awards_1 ul.awards_list_1 li .text-box {
  text-align: center;
  margin-top: 1rem;
  line-height: 1.3;
}
#event_awards .event_awards_1 ul.awards_list_1 li .text-box h6 {
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
}
#event_awards .event_awards_1 ul.awards_list_1 li .text-box h6.green-text {
  color: #154B1D;
}
#event_awards .event_awards_1 ul.awards_list_1 li .text-box h6.flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
}
@media screen and (max-width: 768px) {
  #event_awards .event_awards_1 ul.awards_list_1 li .text-box h6.flex-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#event_awards .event_awards_1 ul.awards_list_1 li .text-box h6 span {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: auto;
}
@media screen and (max-width: 768px) {
  #event_awards .event_awards_1 ul.awards_list_1 li .text-box h6 span {
    font-size: 1.15rem;
    width: 100%;
  }
  #event_awards .event_awards_1 ul.awards_list_1 li .text-box h6 span br {
    display: none;
  }
}
#event_awards .event_awards_1 ul.awards_list_1 li .text-box h6 i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 3rem;
  height: 3rem;
  font-size: 1.6rem;
  border: 2px solid #154B1D;
  border-radius: 100%;
  color: #154B1D;
  background: -webkit-gradient(linear, left top, right top, from(#FFF0BE), color-stop(75%, #C9B77E), to(#E9D79E));
  background: linear-gradient(to right, #FFF0BE, #C9B77E 75%, #E9D79E);
  line-height: 1;
}
#event_awards .event_awards_1 ul.awards_list_1 li .text-box h6 i b {
  position: relative;
  top: -0.1rem;
}
#event_awards .event_awards_1 ul.awards_list_1 li .text-box p {
  font-size: 1rem;
}
#event_awards .event_awards_2 {
  position: relative;
  background: #fff url(../images/event_awards_bg_2.png) no-repeat bottom -90px center/2560px auto;
}
@media screen and (max-width: 1920px) {
  #event_awards .event_awards_2 {
    background: #fff url(../images/event_awards_bg_2.png) no-repeat bottom center/1920px auto;
  }
}
@media screen and (max-width: 768px) {
  #event_awards .event_awards_2 {
    background: #fff url(../images/event_awards_bg_2.png) no-repeat bottom center/300% auto;
  }
}
#event_awards .event_awards_2 .bg_img {
  position: absolute;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  left: 50%;
  bottom: 24%;
  width: 285px;
  -webkit-transform: translateX(115%);
          transform: translateX(115%);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #event_awards .event_awards_2 .bg_img {
    display: none;
  }
}
#event_awards .event_awards_2 small.msg {
  position: absolute;
  display: block;
  font-size: 0.75rem;
  letter-spacing: 0.15rem;
  color: #fff;
  text-align: center;
  bottom: 2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  #event_awards .event_awards_2 small.msg {
    width: 100%;
  }
}
#event_awards .event_awards_2 .content {
  padding-top: 5rem;
  padding-bottom: 10rem;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  #event_awards .event_awards_2 .content {
    padding-bottom: 7rem;
  }
}
#event_awards .event_awards_2 ul.awards_list_2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2.5rem;
}
@media screen and (max-width: 768px) {
  #event_awards .event_awards_2 ul.awards_list_2 {
    gap: 1.2rem;
  }
}
#event_awards .event_awards_2 ul.awards_list_2 li {
  width: 20%;
}
@media screen and (max-width: 768px) {
  #event_awards .event_awards_2 ul.awards_list_2 li {
    width: 30%;
  }
}
#event_awards .event_awards_2 ul.awards_list_2 li .img-box {
  overflow: hidden;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  border-radius: 100%;
  border: 3px solid #007634;
}
#event_awards .event_awards_2 ul.awards_list_2 li .text-box {
  color: #fff;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.3;
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  #event_awards .event_awards_2 ul.awards_list_2 li .text-box {
    font-size: 1rem;
  }
}

#event_daily_itinerary {
  background: #fff;
}

#event_discount {
  background: #EBEBEA;
}
#event_discount .sponsor_list_box {
  margin: 4rem auto 0 auto;
}
#event_discount .sponsor_list_box h2 {
  margin-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  #event_discount .sponsor_list_box .sponsor_list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1rem 4%;
  }
}
#event_discount .sponsor_list_box .sponsor_list .list_item {
  position: relative;
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 !important;
          flex: 1 !important;
  padding: 0.5rem 1rem;
  background: #fff;
  border-radius: 1.2rem;
  border: 5px solid #fff;
  -webkit-box-shadow: inset 0 0.4rem 0.4rem rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 0.4rem 0.4rem rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  #event_discount .sponsor_list_box .sponsor_list .list_item {
    -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
            flex: none !important;
    width: 48%;
  }
}
#event_discount .sponsor_list_box .sponsor_list .list_item:hover {
  -webkit-transform: translateY(-0.5rem);
          transform: translateY(-0.5rem);
  -webkit-box-shadow: inset 0 0.4rem 0.4rem rgba(0, 0, 0, 0.15), 0 0.5rem 0.5rem rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 0.4rem 0.4rem rgba(0, 0, 0, 0.15), 0 0.5rem 0.5rem rgba(0, 0, 0, 0.15);
}
#event_discount .banner_list {
  margin-top: 4rem;
}
#event_discount .banner_list .big_banner_img {
  margin-bottom: 2rem;
}
#event_discount .banner_list .swiper-button-prev {
  padding: 0.5rem 0.5rem 0.5rem 0.3rem;
}
#event_discount .banner_list .swiper-button-next {
  padding: 0.5rem 0.3rem 0.5rem 0.5rem;
}
#event_discount .banner_list .swiper-button-prev, #event_discount .banner_list .swiper-button-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 2rem;
  height: 2rem;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 100%;
  margin: 0 0.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
#event_discount .banner_list .swiper-button-prev svg, #event_discount .banner_list .swiper-button-next svg {
  fill: #282828;
  color: #282828;
}
#event_discount .banner_list .swiper-button-prev:hover, #event_discount .banner_list .swiper-button-next:hover {
  -webkit-transform: translateY(-50%) scale(1.2);
          transform: translateY(-50%) scale(1.2);
}

.daily-itinerary-list {
  width: 80%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .daily-itinerary-list {
    width: 100%;
  }
}
.daily-itinerary-list .table-box {
  width: 100%;
  border: 1px solid #E6D69D;
}
.daily-itinerary-list .table-box:not(:last-of-type) {
  margin-bottom: 2.5rem;
}
.daily-itinerary-list .table-box table {
  min-width: 100%;
  border-collapse: collapse;
}
@media screen and (max-width: 768px) {
  .daily-itinerary-list .table-box table.sp tr th, .daily-itinerary-list .table-box table.sp tr td {
    width: 20%;
  }
}
.daily-itinerary-list .table-box table.sp tr th br, .daily-itinerary-list .table-box table.sp tr td br {
  display: none;
}
@media screen and (max-width: 768px) {
  .daily-itinerary-list .table-box table.sp tr th br, .daily-itinerary-list .table-box table.sp tr td br {
    display: block;
  }
}
.daily-itinerary-list .table-box table tr th, .daily-itinerary-list .table-box table tr td {
  padding: 0.6rem 1.25rem;
  border-bottom: 1px solid #E6D69D;
}
@media screen and (max-width: 768px) {
  .daily-itinerary-list .table-box table tr th, .daily-itinerary-list .table-box table tr td {
    padding: 0.6rem 0.5rem;
  }
}
.daily-itinerary-list .table-box table tr th.t-c, .daily-itinerary-list .table-box table tr td.t-c {
  text-align: center;
}
.daily-itinerary-list .table-box table tr th.w-33, .daily-itinerary-list .table-box table tr td.w-33 {
  width: 33.33%;
}
.daily-itinerary-list .table-box table tr th.no-wrap, .daily-itinerary-list .table-box table tr td.no-wrap {
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .daily-itinerary-list .table-box table tr th.no-wrap, .daily-itinerary-list .table-box table tr td.no-wrap {
    white-space: unset;
  }
}
.daily-itinerary-list .table-box table tr th {
  background: #E6D69D;
  font-size: 1.125rem;
  font-weight: 500;
}
.daily-itinerary-list .table-box table tr th br.pc {
  display: block;
}
@media screen and (max-width: 768px) {
  .daily-itinerary-list .table-box table tr th br.pc {
    display: none;
  }
}
.daily-itinerary-list .table-box table tr td {
  font-size: 1rem;
  background: #fff;
}
.daily-itinerary-list .table-box table tr:last-of-type td {
  border-bottom: none;
}

.itinerary-list-slide {
  margin-top: 3rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#B5A677), color-stop(64%, #957B2A), to(#B8A97A));
  background: linear-gradient(to bottom, #B5A677, #957B2A 64%, #B8A97A);
  padding: var(--boder-size);
  --boder-size: 3px;
}
.itinerary-list-slide .itinerary-list-slide-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  padding: 1rem;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .itinerary-list-slide .itinerary-list-slide-tab {
    padding: 0.5rem 0;
    gap: 0.5rem;
  }
}
.itinerary-list-slide .itinerary-list-slide-tab .itinerary-list-slide-tab-box {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  max-width: 16%;
  padding: var(--boder-size);
  background: -webkit-gradient(linear, left top, left bottom, from(#B5A677), color-stop(64%, #957B2A), to(#B8A97A));
  background: linear-gradient(to bottom, #B5A677, #957B2A 64%, #B8A97A);
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .itinerary-list-slide .itinerary-list-slide-tab .itinerary-list-slide-tab-box {
    max-width: 23%;
    padding: calc(0.5 * var(--boder-size));
  }
}
.itinerary-list-slide .itinerary-list-slide-content-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: var(--boder-size);
}
@media screen and (max-width: 768px) {
  .itinerary-list-slide .itinerary-list-slide-content-box {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.itinerary-list-slide .itinerary-list-slide-content-box .img-box {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 66%;
}
@media screen and (max-width: 768px) {
  .itinerary-list-slide .itinerary-list-slide-content-box .img-box {
    width: 100%;
  }
}
.itinerary-list-slide .itinerary-list-slide-content-box .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.itinerary-list-slide .itinerary-list-slide-content-box .text-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 34%;
  background: #fff;
  padding: 4rem 2rem;
}
@media screen and (max-width: 768px) {
  .itinerary-list-slide .itinerary-list-slide-content-box .text-box {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
    padding: 2rem 1.5rem;
    left: calc(-1 * var(--boder-size));
    margin-top: var(--boder-size);
    width: calc(100% + var(--boder-size) * 2);
  }
}
.itinerary-list-slide .itinerary-list-slide-content-box .text-box h6 {
  font-size: 1.75rem;
  line-height: 1.2;
  margin-bottom: 1rem;
}

.itinerary-list-slide-1 {
  margin-top: 3rem;
}
.itinerary-list-slide-1 .swiper-button-prev {
  padding: 0.5rem 0.5rem 0.5rem 0.3rem;
}
.itinerary-list-slide-1 .swiper-button-next {
  padding: 0.5rem 0.3rem 0.5rem 0.5rem;
}
.itinerary-list-slide-1 .swiper-button-prev, .itinerary-list-slide-1 .swiper-button-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 2rem;
  height: 2rem;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 100%;
  margin: 0 0.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
@media screen and (max-width: 768px) {
  .itinerary-list-slide-1 .swiper-button-prev, .itinerary-list-slide-1 .swiper-button-next {
    top: 24vw;
    -webkit-transform: translateY(0%) scale(1) !important;
            transform: translateY(0%) scale(1) !important;
  }
}
.itinerary-list-slide-1 .swiper-button-prev svg, .itinerary-list-slide-1 .swiper-button-next svg {
  fill: #282828;
  color: #282828;
}
.itinerary-list-slide-1 .swiper-button-prev:hover, .itinerary-list-slide-1 .swiper-button-next:hover {
  -webkit-transform: translateY(-50%) scale(1.2);
          transform: translateY(-50%) scale(1.2);
}
.itinerary-list-slide-1 .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
}
.itinerary-list-slide-1 .img-box {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#B5A677), color-stop(64%, #957B2A), to(#B8A97A));
  background: linear-gradient(to bottom, #B5A677, #957B2A 64%, #B8A97A);
  padding: var(--boder-size);
  --boder-size: 3px;
}
.itinerary-list-slide-1 .text-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #fff;
  position: relative;
  color: #282828;
  padding: 2rem 1.5rem;
}
@media screen and (max-width: 768px) {
  .itinerary-list-slide-1 .text-box p {
    margin-top: 1rem;
  }
}
.itinerary-list-slide-1 .text-box > h6 {
  font-size: 1.125rem;
}

.sign_up_btn {
  display: block;
  text-decoration: none;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}
.sign_up_btn .flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2px 2px 0 2px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(18%, #B5A677), color-stop(64%, #957B2A), to(#B8A97A));
  background: linear-gradient(to bottom, #B5A677 18%, #957B2A 64%, #B8A97A);
}
.sign_up_btn .flex-box.sp {
  padding: 2px;
}
@media screen and (max-width: 768px) {
  .sign_up_btn .flex-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.sign_up_btn .flex-box .img-box {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .sign_up_btn .flex-box .img-box {
    width: 100%;
  }
}
.sign_up_btn .flex-box .text-box {
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 50%;
  background: #fff;
  text-decoration: none;
  padding: 0.5rem 2rem;
}
@media screen and (max-width: 768px) {
  .sign_up_btn .flex-box .text-box {
    width: 100%;
    padding: 2rem;
  }
}
.sign_up_btn .flex-box .text-box h2 {
  font-size: 2rem;
  color: #AD9139;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 768px) {
  .sign_up_btn .flex-box .text-box h2 {
    font-size: 1.5rem;
  }
}
.sign_up_btn .flex-box .text-box p {
  font-size: 1.5rem;
  line-height: 1.5;
  color: initial;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .sign_up_btn .flex-box .text-box p {
    font-size: 1.125rem;
  }
}
.sign_up_btn .btn-box {
  font-size: 1.25rem;
  color: #002A16;
  letter-spacing: 0.3rem;
  font-weight: 700;
  text-align: center;
  padding: 1rem;
  background: linear-gradient(120deg, #FFF0BE 18%, #C9B77E 55%, #C4B37B);
}
.sign_up_btn:hover .btn-box {
  color: #fff;
  background: linear-gradient(120deg, #22712E 18%, #154B1D);
}

.sponsor_list_box {
  max-width: 860px;
  width: 100%;
  margin: 4rem auto 0 auto;
}
.sponsor_list_box .sponsor_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 2rem;
}
.sponsor_list_box .sponsor_list .list_item:nth-of-type(1) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.sponsor_list_box .sponsor_list .list_item:nth-of-type(2) {
  -webkit-box-flex: 0.923;
      -ms-flex: 0.923;
          flex: 0.923;
}
.sponsor_list_box .sponsor_list .list_item:nth-of-type(3) {
  -webkit-box-flex: 0.833;
      -ms-flex: 0.833;
          flex: 0.833;
}
.sponsor_list_box .sponsor_list .list_item:nth-of-type(4) {
  -webkit-box-flex: 0.807;
      -ms-flex: 0.807;
          flex: 0.807;
}
.sponsor_list_box .msg {
  text-align: center;
  font-size: 1rem;
}