@keyframes bodyFadeIn {
  0% {
    opacity: 0;
    visibility: hidden;

  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes bodyFadeIn {
  0% {
    opacity: 0;
    visibility: hidden;
  }

  100% {
    opacity: 1;
  }
}

body {
  height: 100%;
  width: 100%;
  background-color: #fff;
  overflow-x: hidden;
  animation: bodyFadeIn 3s ease-in-out 0s 1 normal !important;
}

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

#allWrap {
  position: relative;
  background-color: #fff;
  overflow: hidden;
  /* transform: skewY(-5deg);
  transform-origin: top left; */
}

/*
#allWrap::before {
  content: "";
  background-image: url(/pc/img/bg.jpg);
  background-position: 50% 100%;
  background-repeat: repeat;
  background-size: 400px auto;
  background-color: #fff;
  height: 200px;
  width: 100vw;
  transform: skewY(5deg);
  transform-origin: top left;
  position: absolute;
  top: -200px;
  left: 0;
}
*/

.cover-text {
  position: absolute;
  top: 70px;
  right: 80px;
  background-image: url(/index/img/right_text.png);
  background-repeat: no-repeat;
  width: 100%;
  height: calc(100vh - 200px);
  background-position: 100% 50%;
  background-size: auto 100%;

}

.indexLogo {
  position: absolute;
  width: 30%;
  max-width: 500px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -46%);
  mix-blend-mode: difference;
}

.indexLogo svg {
  width: 100%;
}

#cover.lighter {
  filter: blur(0);
  opacity: 1;
}

#cover.drkn {
  filter: blur(4px);
  opacity: 0.6;

}

.masthead {
  position: relative;
}

.masthead-video {}

#wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 0 50px 200px 50px;
  background-color: #f1f1f1;
  background-image: url(/index/img/enter_bg2.jpg);
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}

.wrapShadow {
  width: 100%;
  height: 300px;
  position: absolute;
  top: 0;
  left: 0%;
  background: rgb(222, 220, 223);
  background: linear-gradient(0deg, rgba(222, 220, 223, 0) 0%, rgba(222, 220, 223, 1) 100%);
  display: none;
}

.inner {
  position: relative;
}

h1 {
  font-size: 13px;
  color: #faf6ed;
  text-align: center;
  padding: 20px 0 40px 0;
  position: relative;
  z-index: 9001;
}

.pattern {
  position: fixed;
  width: 100%;
  height: 100%;
  max-height: 100%;
  background: url(/index/img/pattern_cover.png) repeat;
  top: 0;
  left: 0;
  z-index: 7;
  opacity: 0.4;
}

.coverWrap {
  position: relative;
  width: 100%;
  /* height: 100svh; */
  overflow: hidden;
  background-color: #fff;
}

.cover-in-border {
  position: absolute;
  top: 10px;
  left: 10px;
  border: 3px solid #fff;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  display: none;
}

#cover {
  position: relative;
  /* background-image: url(/index/img/cover.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 100dvw;
  height: 100svh; */
  /* width: calc(100% - 40px);
  height: calc(100vh - 40px);
  margin: 20px; */

  /* transition: 1s ease-in-out; */
}

#cover img {
  width: 100%;
}

#cover2 {
  position: relative;
  background-image: url(/index/img/cover2.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: calc(100% - 60px);
  height: calc(100vh - 60px);
  transition: 1s ease-in-out;
  margin: 30px;
}

@-webkit-keyframes squiggly-anim {
  0% {
    filter: url("#squiggly-0");
  }

  25% {
    filter: url("#squiggly-1");
  }

  50% {
    filter: url("#squiggly-2");
  }

  75% {
    filter: url("#squiggly-3");
  }

  100% {
    filter: url("#squiggly-4");
  }
}

@keyframes squiggly-anim {
  0% {
    filter: url("#squiggly-0");
  }

  25% {
    filter: url("#squiggly-1");
  }

  50% {
    filter: url("#squiggly-2");
  }

  75% {
    filter: url("#squiggly-3");
  }

  100% {
    filter: url("#squiggly-4");
  }
}

.waveWrap {
  position: absolute;
  width: 300px;
  height: 290px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.wave {
  opacity: 0.5;
  position: absolute;
  top: 3%;
  left: 47%;
  background: #00BFFF;
  width: 500px;
  height: 490px;
  margin-left: -240px;
  margin-top: 0px;
  border-radius: 90%;
  transform-origin: 50% 48%;
  animation: drift 3000ms infinite linear;
}

.wave.three {
  animation: drift 5000ms infinite linear;
}

.wave.two {
  animation: drift 7000ms infinite linear;
  opacity: 0.1;
  background: yellow;
}

@keyframes drift {
  from {
    transform: rotate(0deg);
  }

  from {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes fadeIn2 {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.entrance {
  position: relative;
  text-align: center;
  margin: 0 auto;
}

.enterTxt {
  display: inline-block;
  vertical-align: middle;
  outline: none;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ENT-btn {
  display: block;
  position: relative;
  width: 96%;
  max-width: 700px;
  margin: 0 auto;
  padding: 50px 50px 20px 50px;
}

.ENT-btn a {
  display: block;
  position: relative;
}

.ENT-btn a b.enter {
  display: block;
  transition: 0.5s ease;
}

.ENT-btn a b.enterHover {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0.3s ease;
  opacity: 0;
}

.ENT-btn a:hover b.enterHover {
  opacity: 1;
}

.ENT-btn a b.enter img {
  width: 100%;
}

.ENT-btn a b.enterHover img {
  width: 100%;
}

.entrance p.under18 {
  position: relative;
  margin-top: 20px;
}

.entrance p.under18 span {
  font-size: 12px;
  line-height: 160%;
  padding: 10px 5%;
  color: #fff;
  display: inline-block;
  background: rgb(225, 210, 186);
  background: linear-gradient(90deg, rgba(225, 210, 186, 0) 0%, rgba(161, 139, 107, 1) 50%, rgba(225, 210, 186, 0) 100%);
}

.entrance p.under18 a {
  display: inline-block;
  color: yellow;
  font-size: 20px;
  vertical-align: bottom;
}

.noteWrap {
  position: relative;
  max-width: 1040px;
  margin: 60px auto 0 auto;
  text-align: center;
  min-width: 780px;
  background: rgb(225, 210, 186);
  background: linear-gradient(0deg, rgba(225, 210, 186, 1) 0%, rgba(161, 139, 107, 1) 100%);
  padding: 1px;
  display: none;
}

.note {
  position: relative;
  z-index: 0;
  background: #fbf7ef;
  padding: 30px 50px 40px 50px;
}

.note p b {
  font-size: 18px;
  line-height: 180%;
  color: #71675b;
  text-align: center;
  display: inline-block;
}

.note span {
  display: block;
  position: relative;
  padding-bottom: 20px;
}

.note span small {
  display: block;
  color: #71675b;
  font-family: "Oswald", sans-serif;
  font-size: 50px;
  white-space: nowrap;
  display: inline-block;
  background: rgb(225, 210, 186);
  background: linear-gradient(0deg, rgba(225, 210, 186, 1) 0%, rgba(161, 139, 107, 1) 100%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  overflow: hidden;
  text-align: center;
}

#footerWrap {
  position: relative;
  width: 100%;
  z-index: 9000;
  /* background: rgb(225,210,186);
  background: linear-gradient(0deg, rgba(225,210,186,1) 0%, rgba(161,139,107,1) 100%); */
  min-width: 780px;
  background: #a18b6b;

}

#footerWrap:before {
  content: "";
  position: absolute;
  height: 80px;
  width: 100%;
  top: 0;
  left: 0;
  background: #a18b6b;
  transform-origin: right bottom;
  transform: skewY(1.8deg);
  z-index: 7990;
}

#foot-frame {
  height: 150px;
  width: 150px;
  position: absolute;
  top: -75px;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, 0);
  padding: 20px 20px 0 20px;
}

#foot-frame img {
  width: 100%;
  animation: rotate-anime 5s ease-in-out infinite;
}

@keyframes rotate-anime {
  0% {
    transform: rotateY(0);
  }

  50% {
    transform: rotateY(180deg);
  }

  100% {
    transform: rotateY(360deg);
  }
}

#footer-inner {
  position: relative;
}

#footer {
  position: relative;
  width: 100%;
  margin: 0 auto;
  max-width: 1060px;
  padding: 20px 10px 50px 10px;
}

#footer dt {
  width: 220px;
  position: absolute;
  top: 0;
  left: 20px;
}

#footer dt img {
  width: 100%;
}

#footer dd.footerInfo,
#footer dd.footerMenu {
  margin: 10px 0 10px auto;
  position: relative;
}

#footer dd.footerInfo {
  font-size: 16px;
  color: #717171;
}

#footer dd.footerInfo ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

#footer dd.footerInfo ul li {
  font-family: 'FunctionsPro', sans-serif;
  padding: 0 11px;
  color: #faf6ed;
  display: inline-block;

}

#footer dd.footerInfo ul li span.informationTitle {
  font-family: 'FunctionsPro', sans-serif;
  display: inline-block;
  background: #faf6ed;
  color: #717171;
  font-size: 16px;
  line-height: 1;
  padding: 2px 6px;
  margin: 0 5px 0 0;
}

#footer dd.footerInfo ul li a {
  font-family: 'FunctionsPro', sans-serif;
  color: #faf6ed;
  display: inline-block;
  font-size: 18px;
  line-height: 1;
}

#footer dd.footerMenu ul {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

#footer dd.footerMenu ul li {
  position: relative;
  display: inline-block;
  color: #faf6ed;
}

#footer dd.footerMenu ul li a {
  display: inline-block;
  padding: 0 12px;
  color: #faf6ed;
}

#footer dd.footerMenu ul li:last-child a {
  border: none;
}

#footer dd.footerMenu ul li b {
  color: #faf6ed;
}

#footer dd.footerMenu ul li a.active span {
  color: #faf6ed;
  text-decoration: underline;
}

#footer dd.footerMenu ul li a span {
  color: #faf6ed;
  font-family: 'FunctionsPro', sans-serif;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 2px
}

#footer dd.footerMenu ul li a span:hover {
  color: #333;
}

#footer span.footerBorder {
  display: block;
  height: 3px;
  background-color: #a18b6b;
  border-top: 1px solid #e1d2ba;
  width: auto;
  margin: 30px auto;
}

/*
#footer span.footerBorder {
  background: url(/pc/img/footer_border.png) repeat;
  height: 6px;
  width: auto;
  margin: 30px auto;
  display: block;
}
*/

#footer dd#copyRight {
  color: #faf6ed;
  font-size: 10px;
  letter-spacing: 1px;
  font-family: 'FunctionsPro', sans-serif;
  text-align: center;
}

.link-banner {
  position: relative;
  width: 90%;
  max-width: 480px;
  margin: 100px auto 50px auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  overflow: hidden;
}

.link-banner li {
  display: inline-block;
}

.link-banner li.spacer {
  width: 100%;
}

.link-banner li a {
  display: block;
  padding: 1px;
  margin: 3px;
  background-color: #333;
  border-radius: 3px;
  overflow: hidden;
}

.link-banner a img {
  width: 100%
}

#footerBottomWrap {
  position: relative;
  /*    background: #e5e5e5;*/
  background: #141414;
}

#footerBottom {
  position: relative;
  padding: 10px 6px;
  text-align: center;
  max-width: 1000px;
  margin: 0 auto;
}

#footerBottom span {
  display: block;
  margin-right: 10px;
  float: left;
  overflow: hidden;
}

#footerBottom span a {
  margin-right: 4px;
  display: block;
}

#footerBottom span img {
  width: 44px;
}

#footerBottom .link {
  font-size: 8px;
  color: #808080;
  display: inline-block;
  margin: 0 5px;
}

#footerBottom .link a {
  font-size: 10px;
  line-height: 10px;
  color: #808080;
  display: inline-block;
  margin: 0 0 0 5px;
}

#footerBottom .link a:hover {
  background: #fff;
}

/******logo animation******/
/***************************************************
 * Generated by SVG Artista on 9/22/2022, 7:00:05 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 320.6394958496094px;
    stroke-dasharray: 320.6394958496094px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 320.6394958496094px;
  }
}

.svg-elem-1 {
  animation: animate-svg-stroke-1 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both,
    animate-svg-fill-1 1.7s ease-in-out 1s both;
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 66.08668518066406px;
    stroke-dasharray: 66.08668518066406px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 66.08668518066406px;
  }
}

.svg-elem-2 {
  animation: animate-svg-stroke-2 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.12s both,
    animate-svg-fill-2 1.7s ease-in-out 1.1s both;
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 64.64521026611328px;
    stroke-dasharray: 64.64521026611328px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 64.64521026611328px;
  }
}

.svg-elem-3 {
  animation: animate-svg-stroke-3 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.24s both,
    animate-svg-fill-3 1.7s ease-in-out 1.2s both;
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 81.03944396972656px;
    stroke-dasharray: 81.03944396972656px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 81.03944396972656px;
  }
}

.svg-elem-4 {
  animation: animate-svg-stroke-4 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3599999999999999s both,
    animate-svg-fill-4 1.7s ease-in-out 1.3s both;
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 57.34220886230469px;
    stroke-dasharray: 57.34220886230469px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 57.34220886230469px;
  }
}

.svg-elem-5 {
  animation: animate-svg-stroke-5 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.48s both,
    animate-svg-fill-5 1.7s ease-in-out 1.4s both;
}

@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 64.64501571655273px;
    stroke-dasharray: 64.64501571655273px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 64.64501571655273px;
  }
}

.svg-elem-6 {
  animation: animate-svg-stroke-6 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both,
    animate-svg-fill-6 1.7s ease-in-out 1.5s both;
}

@keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 68.53645324707031px;
    stroke-dasharray: 68.53645324707031px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 68.53645324707031px;
  }
}

.svg-elem-7 {
  animation: animate-svg-stroke-7 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.72s both,
    animate-svg-fill-7 1.7s ease-in-out 1.6s both;
}

@keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 55.224361419677734px;
    stroke-dasharray: 55.224361419677734px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 55.224361419677734px;
  }
}

.svg-elem-8 {
  animation: animate-svg-stroke-8 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8399999999999999s both,
    animate-svg-fill-8 1.7s ease-in-out 1.7000000000000002s both;
}

@keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 43.08164978027344px;
    stroke-dasharray: 43.08164978027344px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 43.08164978027344px;
  }
}

.svg-elem-9 {
  animation: animate-svg-stroke-9 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.96s both,
    animate-svg-fill-9 1.7s ease-in-out 1.8s both;
}

@keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 71.67375183105469px;
    stroke-dasharray: 71.67375183105469px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 71.67375183105469px;
  }
}

.svg-elem-10 {
  animation: animate-svg-stroke-10 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.08s both,
    animate-svg-fill-10 1.7s ease-in-out 1.9s both;
}

@keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 18.36711311340332px;
    stroke-dasharray: 18.36711311340332px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 18.36711311340332px;
  }
}

.svg-elem-11 {
  animation: animate-svg-stroke-11 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both,
    animate-svg-fill-11 1.7s ease-in-out 2s both;
}

@keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 14.116759300231934px;
    stroke-dasharray: 14.116759300231934px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 14.116759300231934px;
  }
}

.svg-elem-12 {
  animation: animate-svg-stroke-12 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.32s both,
    animate-svg-fill-12 1.7s ease-in-out 2.1s both;
}

@keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 25.021780014038086px;
    stroke-dasharray: 25.021780014038086px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 25.021780014038086px;
  }
}

.svg-elem-13 {
  animation: animate-svg-stroke-13 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.44s both,
    animate-svg-fill-13 1.7s ease-in-out 2.2s both;
}

@keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 24.849166870117188px;
    stroke-dasharray: 24.849166870117188px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 24.849166870117188px;
  }
}

.svg-elem-14 {
  animation: animate-svg-stroke-14 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.56s both,
    animate-svg-fill-14 1.7s ease-in-out 2.3s both;
}

@keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 17.838501930236816px;
    stroke-dasharray: 17.838501930236816px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 17.838501930236816px;
  }
}

.svg-elem-15 {
  animation: animate-svg-stroke-15 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6799999999999997s both,
    animate-svg-fill-15 1.7s ease-in-out 2.4000000000000004s both;
}

@keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 22.889558792114258px;
    stroke-dasharray: 22.889558792114258px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 22.889558792114258px;
  }
}

.svg-elem-16 {
  animation: animate-svg-stroke-16 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s both,
    animate-svg-fill-16 1.7s ease-in-out 2.5s both;
}

@keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 37.33285903930664px;
    stroke-dasharray: 37.33285903930664px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 37.33285903930664px;
  }
}

.svg-elem-17 {
  animation: animate-svg-stroke-17 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.92s both,
    animate-svg-fill-17 1.7s ease-in-out 2.6s both;
}

@keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 26.16069793701172px;
    stroke-dasharray: 26.16069793701172px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 26.16069793701172px;
  }
}

.svg-elem-18 {
  animation: animate-svg-stroke-18 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.04s both,
    animate-svg-fill-18 1.7s ease-in-out 2.7s both;
}

@keyframes animate-svg-stroke-19 {
  0% {
    stroke-dashoffset: 35.62600326538086px;
    stroke-dasharray: 35.62600326538086px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 35.62600326538086px;
  }
}

.svg-elem-19 {
  animation: animate-svg-stroke-19 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.16s both,
    animate-svg-fill-19 1.7s ease-in-out 2.8s both;
}

@keyframes animate-svg-stroke-20 {
  0% {
    stroke-dashoffset: 11.003946304321289px;
    stroke-dasharray: 11.003946304321289px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 11.003946304321289px;
  }
}

.svg-elem-20 {
  animation: animate-svg-stroke-20 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.28s both,
    animate-svg-fill-20 1.7s ease-in-out 2.9000000000000004s both;
}

@keyframes animate-svg-stroke-21 {
  0% {
    stroke-dashoffset: 33.11053276062012px;
    stroke-dasharray: 33.11053276062012px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 33.11053276062012px;
  }
}

.svg-elem-21 {
  animation: animate-svg-stroke-21 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4s both,
    animate-svg-fill-21 1.7s ease-in-out 3s both;
}

@keyframes animate-svg-stroke-22 {
  0% {
    stroke-dashoffset: 320.6394958496094px;
    stroke-dasharray: 320.6394958496094px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 320.6394958496094px;
  }
}

@keyframes animate-svg-fill-22 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(133, 103, 76);
  }
}

.svg-elem-22 {
  animation: animate-svg-stroke-22 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.52s both,
    animate-svg-fill-22 1.7s ease-in-out 3.1s both;
}

@keyframes animate-svg-stroke-23 {
  0% {
    stroke-dashoffset: 66.08668518066406px;
    stroke-dasharray: 66.08668518066406px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 66.08668518066406px;
  }
}

@keyframes animate-svg-fill-23 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(133, 103, 76);
  }
}

.svg-elem-23 {
  animation: animate-svg-stroke-23 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6399999999999997s both,
    animate-svg-fill-23 1.7s ease-in-out 3.2s both;
}

@keyframes animate-svg-stroke-24 {
  0% {
    stroke-dashoffset: 64.64521026611328px;
    stroke-dasharray: 64.64521026611328px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 64.64521026611328px;
  }
}

@keyframes animate-svg-fill-24 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(133, 103, 76);
  }
}

.svg-elem-24 {
  animation: animate-svg-stroke-24 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.76s both,
    animate-svg-fill-24 1.7s ease-in-out 3.3000000000000003s both;
}

@keyframes animate-svg-stroke-25 {
  0% {
    stroke-dashoffset: 81.03944396972656px;
    stroke-dasharray: 81.03944396972656px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 81.03944396972656px;
  }
}

@keyframes animate-svg-fill-25 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(133, 103, 76);
  }
}

.svg-elem-25 {
  animation: animate-svg-stroke-25 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.88s both,
    animate-svg-fill-25 1.7s ease-in-out 3.4000000000000004s both;
}

@keyframes animate-svg-stroke-26 {
  0% {
    stroke-dashoffset: 57.34220886230469px;
    stroke-dasharray: 57.34220886230469px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 57.34220886230469px;
  }
}

@keyframes animate-svg-fill-26 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(133, 103, 76);
  }
}

.svg-elem-26 {
  animation: animate-svg-stroke-26 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4s both,
    animate-svg-fill-26 1.7s ease-in-out 3.5s both;
}

@keyframes animate-svg-stroke-27 {
  0% {
    stroke-dashoffset: 64.64501571655273px;
    stroke-dasharray: 64.64501571655273px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 64.64501571655273px;
  }
}

@keyframes animate-svg-fill-27 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(133, 103, 76);
  }
}

.svg-elem-27 {
  animation: animate-svg-stroke-27 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.12s both,
    animate-svg-fill-27 1.7s ease-in-out 3.6s both;
}

@keyframes animate-svg-stroke-28 {
  0% {
    stroke-dashoffset: 68.53645324707031px;
    stroke-dasharray: 68.53645324707031px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 68.53645324707031px;
  }
}

@keyframes animate-svg-fill-28 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(133, 103, 76);
  }
}

.svg-elem-28 {
  animation: animate-svg-stroke-28 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.24s both,
    animate-svg-fill-28 1.7s ease-in-out 3.7s both;
}

@keyframes animate-svg-stroke-29 {
  0% {
    stroke-dashoffset: 55.224361419677734px;
    stroke-dasharray: 55.224361419677734px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 55.224361419677734px;
  }
}

@keyframes animate-svg-fill-29 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(133, 103, 76);
  }
}

.svg-elem-29 {
  animation: animate-svg-stroke-29 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.359999999999999s both,
    animate-svg-fill-29 1.7s ease-in-out 3.8000000000000003s both;
}

@keyframes animate-svg-stroke-30 {
  0% {
    stroke-dashoffset: 43.08164978027344px;
    stroke-dasharray: 43.08164978027344px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 43.08164978027344px;
  }
}

@keyframes animate-svg-fill-30 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(133, 103, 76);
  }
}

.svg-elem-30 {
  animation: animate-svg-stroke-30 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.48s both,
    animate-svg-fill-30 1.7s ease-in-out 3.9000000000000004s both;
}

@keyframes animate-svg-stroke-31 {
  0% {
    stroke-dashoffset: 71.67375183105469px;
    stroke-dasharray: 71.67375183105469px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 71.67375183105469px;
  }
}

@keyframes animate-svg-fill-31 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(133, 103, 76);
  }
}

.svg-elem-31 {
  animation: animate-svg-stroke-31 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6s both,
    animate-svg-fill-31 1.7s ease-in-out 4s both;
}

@keyframes animate-svg-stroke-32 {
  0% {
    stroke-dashoffset: 18.36711311340332px;
    stroke-dasharray: 18.36711311340332px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 18.36711311340332px;
  }
}

@keyframes animate-svg-fill-32 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(133, 103, 76);
  }
}

.svg-elem-32 {
  animation: animate-svg-stroke-32 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.72s both,
    animate-svg-fill-32 1.7s ease-in-out 4.1s both;
}

@keyframes animate-svg-stroke-33 {
  0% {
    stroke-dashoffset: 14.116759300231934px;
    stroke-dasharray: 14.116759300231934px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 14.116759300231934px;
  }
}

@keyframes animate-svg-fill-33 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(133, 103, 76);
  }
}

.svg-elem-33 {
  animation: animate-svg-stroke-33 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.84s both,
    animate-svg-fill-33 1.7s ease-in-out 4.2s both;
}

@keyframes animate-svg-stroke-34 {
  0% {
    stroke-dashoffset: 25.021780014038086px;
    stroke-dasharray: 25.021780014038086px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 25.021780014038086px;
  }
}

@keyframes animate-svg-fill-34 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(133, 103, 76);
  }
}

.svg-elem-34 {
  animation: animate-svg-stroke-34 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.96s both,
    animate-svg-fill-34 1.7s ease-in-out 4.300000000000001s both;
}

@keyframes animate-svg-stroke-35 {
  0% {
    stroke-dashoffset: 24.849166870117188px;
    stroke-dasharray: 24.849166870117188px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 24.849166870117188px;
  }
}

@keyframes animate-svg-fill-35 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(133, 103, 76);
  }
}

.svg-elem-35 {
  animation: animate-svg-stroke-35 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.08s both,
    animate-svg-fill-35 1.7s ease-in-out 4.4s both;
}

@keyframes animate-svg-stroke-36 {
  0% {
    stroke-dashoffset: 17.838501930236816px;
    stroke-dasharray: 17.838501930236816px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 17.838501930236816px;
  }
}

@keyframes animate-svg-fill-36 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(133, 103, 76);
  }
}

.svg-elem-36 {
  animation: animate-svg-stroke-36 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.2s both,
    animate-svg-fill-36 1.7s ease-in-out 4.5s both;
}

@keyframes animate-svg-stroke-37 {
  0% {
    stroke-dashoffset: 22.889558792114258px;
    stroke-dasharray: 22.889558792114258px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 22.889558792114258px;
  }
}

@keyframes animate-svg-fill-37 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(133, 103, 76);
  }
}

.svg-elem-37 {
  animation: animate-svg-stroke-37 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.32s both,
    animate-svg-fill-37 1.7s ease-in-out 4.6s both;
}

@keyframes animate-svg-stroke-38 {
  0% {
    stroke-dashoffset: 37.33285903930664px;
    stroke-dasharray: 37.33285903930664px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 37.33285903930664px;
  }
}

@keyframes animate-svg-fill-38 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(133, 103, 76);
  }
}

.svg-elem-38 {
  animation: animate-svg-stroke-38 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.4399999999999995s both,
    animate-svg-fill-38 1.7s ease-in-out 4.7s both;
}

@keyframes animate-svg-stroke-39 {
  0% {
    stroke-dashoffset: 26.16069793701172px;
    stroke-dasharray: 26.16069793701172px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 26.16069793701172px;
  }
}

@keyframes animate-svg-fill-39 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(133, 103, 76);
  }
}

.svg-elem-39 {
  animation: animate-svg-stroke-39 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.56s both,
    animate-svg-fill-39 1.7s ease-in-out 4.800000000000001s both;
}

@keyframes animate-svg-stroke-40 {
  0% {
    stroke-dashoffset: 35.62600326538086px;
    stroke-dasharray: 35.62600326538086px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 35.62600326538086px;
  }
}

@keyframes animate-svg-fill-40 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(133, 103, 76);
  }
}

.svg-elem-40 {
  animation: animate-svg-stroke-40 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.68s both,
    animate-svg-fill-40 1.7s ease-in-out 4.9s both;
}

@keyframes animate-svg-stroke-41 {
  0% {
    stroke-dashoffset: 11.003946304321289px;
    stroke-dasharray: 11.003946304321289px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 11.003946304321289px;
  }
}

@keyframes animate-svg-fill-41 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(133, 103, 76);
  }
}

.svg-elem-41 {
  animation: animate-svg-stroke-41 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.8s both,
    animate-svg-fill-41 1.7s ease-in-out 5s both;
}

@keyframes animate-svg-stroke-42 {
  0% {
    stroke-dashoffset: 33.11053276062012px;
    stroke-dasharray: 33.11053276062012px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 33.11053276062012px;
  }
}

@keyframes animate-svg-fill-42 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(133, 103, 76);
  }
}

.svg-elem-42 {
  animation: animate-svg-stroke-42 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.92s both,
    animate-svg-fill-42 1.7s ease-in-out 5.1000000000000005s both;
}