@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;
  -webkit-text-size-adjust: 100%;
}

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

#allWrap {
  position: relative;
  min-width: 320px;
  max-width: 1080px;
  margin: 0 auto;
}

.cover-text {
  position: absolute;
  top: 15px;
  right: 15px;
  background-image: url(/sp/img/index/right_text.png);
  background-repeat: no-repeat;
  width: 100%;
  height: 64%;
  background-position: 100% 50%;
  background-size: auto 100%;
}

.indexLogo {
  position: absolute;
  width: 60%;
  max-width: 400px;
  top: 50%;
  left: 50%;
  transform: translate(calc(-50% - 10px), calc(-50% + 30px));
  /* mix-blend-mode: difference; */
}

.indexLogo svg {
  width: 100%;
}

#cover.lighter {
  opacity: 1;
}

#cover.drkn {
  opacity: 0.3;
}

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

.inner {
  position: relative;
}

h1 {
  text-align: center;
  padding-bottom: 40px;
}

h1 b {
  font-size: 13px;
  color: #ccc;
  display: inline-block;
  line-height: 140%;
}

.coverWrap {
  position: relative;
  overflow: hidden;
  max-width: 1080px;
  margin: 0 auto;
}

.cover-in-border {
  position: absolute;
  top: 5px;
  left: 5px;
  border: 4px solid #000;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
}

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

#cover2 {
  position: relative;

}

.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: 400px;
  height: 390px;
  margin-left: -190px;
  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);
  }
}

.entrance {
  position: relative;
  text-align: center;
  margin: -80px auto 20px auto;
  padding: 30px 0;
}

.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: 100%;
  max-width: 500px;
  margin: 0 auto;
}

.ENT-btn a {
  display: block;
}

.ENT-btn a:active {
  background: rgba(255, 255, 255, 0.2);
}

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

.entrance p.under18 span {
  padding: 10px 0;
  width: 100%;
  display: inline-block;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
}

.entrance p.under18 span b {
  display: inline-block;
  font-size: 12px;
  line-height: 160%;
  color: #fff;
}

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

.noteWrap {
  position: relative;
  max-width: 620px;
  margin: 60px auto 50px auto;
  min-width: 320px;
  background: linear-gradient(45deg, #54d0ff, #9f92ff 20%, #ff7689 90%);
  padding: 1px;
  border-radius: 50px 0 50px 0;
  overflow: hidden;
  display: none;
}

.note-inner {
  position: relative;
  z-index: 0;
  background: #000;
  padding: 30px 0 40px 0;
  border-radius: 50px 0 50px 0;
}

.note {
  position: relative;

}

.note p {
  position: relative;
  margin-top: 20px;
  padding: 0 5%;

}

.note p b {
  font-size: 14px;
  color: #ccc;
  display: inline-block;
  line-height: 180%;
  font-family: 'Noto Serif JP', serif;

}

.note span {
  display: block;
  position: relative;
  text-align: center;
}

.note span small {
  display: inline-block;
  color: #fff;
  font-family: "Oswald", sans-serif;
  font-size: 50px;
  background: linear-gradient(45deg, #54d0ff, #9f92ff 20%, #ff7689 90%);
  -webkit-text-fill-color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  overflow: hidden;
  text-align: center;
  padding: 0 5px;
}

#footerWrap {
  position: relative;
  width: 100%;
  z-index: 9000;
  background: #000;
  min-width: 320px;
}

#footer-inner {
  position: relative;
  background: #000;
}

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

#footer dt {
  width: 220px;
  position: relative;
  margin: 0 auto;
}

#footer dt img {
  width: 100%;
}

#footer dd.footerInfo {
  position: relative;
  font-size: 16px;
  color: #717171;
  text-align: center;
}

#footer dd.footerInfo ul {
  justify-content: center;
  margin-top: 10px;
}

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

}

#footer dd.footerInfo ul li span.infomationTitle {
  font-family: 'FunctionsPro', sans-serif;
  display: inline-block;
  background: #1c1c1c;
  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: #717171;
  display: inline-block;
  font-size: 18px;
  line-height: 1;
}

#footer dd.footerMenu {
  position: relative;
  margin-top: 10px;
}

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

#footer dd.footerMenu ul li {
  position: relative;
  display: inline-block;
  color: #717171;
  width: 50%;
}

#footer dd.footerMenu ul li:nth-child(odd) {
  text-align: right;
}

#footer dd.footerMenu ul li:nth-child(even) {
  text-align: left;
}

#footer dd.footerMenu ul li a {
  position: relative;
  display: inline-block;
  padding: 5px 12px;
  color: #717171;
}

#footer dd.footerMenu ul li:nth-child(odd) a::after {
  content: "";
  position: absolute;
  background: #717171;
  width: 2px;
  height: 8px;
  top: 50%;
  right: 0px;
  transform: translate(0, -50%);
  opacity: 0.3;
}

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

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

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

#footer dd#copyRight {
  text-align: center;
}

#footer dd#copyRight b {
  color: #717171;
  font-size: 10px;
  font-family: 'FunctionsPro', sans-serif;
  display: inline-block;
  line-height: 140%;
}

.link-banner {
  position: relative;
  width: 96%;
  max-width: 300px;
  margin: 50px auto 0 auto;
  overflow: hidden;
}

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

.link-banner li a {
  display: block;
  border: 2px solid #333;
  margin: 3px;
}

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

#footerBottomWrap {
  position: relative;
  background: #141414;
}


#footerBottom {
  position: relative;
  padding: 10px 0;
  max-width: 1080px;
  margin: 0 auto;
}

#footerBottom .link {}

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


/******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;
}