:root {
  --safe-top: env(safe-area-inset-top);
  --safe-left: env(safe-area-inset-left);
  --safe-bottom: env(safe-area-inset-bottom);
  --safe-right: env(safe-area-inset-right);
  --width-max: 1024px;
  --bgcolor: #fff;
}

* {
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-family: "Noto Sans TC", sans-serif;
  letter-spacing: 0;
  border: none;
  outline: none;
  background-color: transparent;
  color: #000;
  word-wrap: break-word;
  text-decoration: none;
  list-style: none;
  box-sizing: border-box;
  -ms-overflow-style: none;
  scrollbar-width: none;
  touch-action: manipulation;
  -webkit-touch-callout: inherit;
  -webkit-user-select: inherit;
  -khtml-user-select: inherit;
  -moz-user-select: inherit;
  -ms-user-select: inherit;
  user-select: inherit;
}
*::-webkit-scrollbar {
  display: none;
}
* [user-select=false],
* [user-select="0"] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
* [user-select=true],
* [user-select="1"] {
  -webkit-touch-callout: initial;
  -webkit-user-select: initial;
  -khtml-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
}

img {
  object-fit: cover;
}
img[data-src] {
  content: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
  background: linear-gradient(to right, #EEF0F3, #E0E2E8, #EEF0F3);
}

a[href]:not([href=""]),
button {
  cursor: pointer;
}

textarea {
  resize: none;
}

html {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

body {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--bgcolor);
  overflow: hidden scroll;
}
body section#body {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 1rem;
  margin: 0 auto;
  padding: 1rem 0;
  width: 100%;
}
body section#body h1 {
  width: 100%;
  line-height: 3rem;
  font-size: 3rem;
  text-align: center;
}
body section#body > p {
  padding-bottom: 2rem;
  width: 100%;
  text-align: center;
}
body section#body div.fr {
  --width-fr: 8rem;
  position: relative;
  flex-shrink: 0;
  width: var(--width-fr);
  height: var(--width-fr);
  background-color: #000;
  border-radius: calc(0.09375 * var(--width-fr));
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  body section#body div.fr {
    --width-fr: 16rem;
  }
}
body section#body div.fr img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0.3;
  width: 100%;
  height: 100%;
}
body section#body div.fr[no="001"], body section#body div.fr[no="1"] {
  background-color: #78D9AD;
}
body section#body div.fr[no="001"]::before, body section#body div.fr[no="1"]::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.578125 * var(--width-fr));
  border-top: calc(0.09765625 * var(--width-fr)) solid #75B87E;
  border-left: calc(0.03125 * var(--width-fr)) solid transparent;
  border-right: calc(0.03125 * var(--width-fr)) solid transparent;
}
body section#body div.fr[no="001"]::after, body section#body div.fr[no="1"]::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.078125 * var(--width-fr));
  border-top: calc(0.09375 * var(--width-fr)) solid #639868;
}
body section#body div.fr[no="001"] > div:nth-child(1), body section#body div.fr[no="1"] > div:nth-child(1) {
  position: absolute;
  z-index: 1;
  top: calc(0.09375 * var(--width-fr));
  left: 50%;
  width: calc(0.2109375 * var(--width-fr));
  height: calc(0.1015625 * var(--width-fr));
  background-color: #3C8A5D;
}
body section#body div.fr[no="001"] > div:nth-child(1)::before, body section#body div.fr[no="1"] > div:nth-child(1)::before {
  content: "";
  position: absolute;
  top: calc(0.0859375 * var(--width-fr));
  left: calc(-0.140625 * var(--width-fr));
  width: calc(0.0703125 * var(--width-fr));
  height: calc(0.0703125 * var(--width-fr));
  background-color: #3C8A5D;
}
body section#body div.fr[no="001"] > div:nth-child(1):after, body section#body div.fr[no="1"] > div:nth-child(1):after {
  content: "";
  position: absolute;
  top: calc(0.1953125 * var(--width-fr));
  left: calc(0.015625 * var(--width-fr));
  width: calc(0.1015625 * var(--width-fr));
  height: calc(0.1015625 * var(--width-fr));
  background-color: #3C8A5D;
}
body section#body div.fr[no="001"] > div:nth-child(2), body section#body div.fr[no="1"] > div:nth-child(2) {
  position: absolute;
  z-index: 0;
  top: calc(0.3125 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.859375 * var(--width-fr));
  height: calc(0.2578125 * var(--width-fr));
  background-color: #fff;
}
body section#body div.fr[no="001"] > div:nth-child(2)::before, body section#body div.fr[no="1"] > div:nth-child(2)::before {
  content: "";
  position: absolute;
  top: calc(0.0234375 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.7265625 * var(--width-fr));
  height: calc(0.234375 * var(--width-fr));
  background: linear-gradient(to bottom, #BD414F 0% 70%, #D6616D 70% 100%);
}
body section#body div.fr[no="001"] > div:nth-child(2)::after, body section#body div.fr[no="1"] > div:nth-child(2)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: calc(0.0546875 * var(--width-fr));
  right: 0;
  margin: 0 auto;
  width: calc(0.6171875 * var(--width-fr));
  height: calc(0.125 * var(--width-fr));
  background: linear-gradient(to right, #EFEFEF 0% 10%, transparent 10% 90%, #EFEFEF 90% 100%);
}
body section#body div.fr[no="001"] > div:nth-child(3), body section#body div.fr[no="1"] > div:nth-child(3) {
  position: absolute;
  z-index: 0;
  left: 0;
  bottom: calc(0.21875 * var(--width-fr));
  right: 0;
  margin: 0 auto;
  width: calc(0.7421875 * var(--width-fr));
  height: calc(0.15625 * var(--width-fr));
  background-color: #CE779F;
  border-top: calc(0.078125 * var(--width-fr)) solid #944368;
  border-left: calc(0.09375 * var(--width-fr)) solid #944368;
  border-right: calc(0.09375 * var(--width-fr)) solid #944368;
}
body section#body div.fr[no="001"] > div:nth-child(3)::before, body section#body div.fr[no="1"] > div:nth-child(3)::before {
  content: "";
  position: absolute;
  top: calc(-0.390625 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.3671875 * var(--width-fr));
  border-top: calc(0.26171875 * var(--width-fr)) solid #78D9AD;
  border-left: calc(0.0546875 * var(--width-fr)) solid transparent;
  border-right: calc(0.0546875 * var(--width-fr)) solid transparent;
}
body section#body div.fr[no="001"] > div:nth-child(3)::after, body section#body div.fr[no="1"] > div:nth-child(3)::after {
  content: "";
  position: absolute;
  top: calc(-0.078125 * var(--width-fr));
  left: calc(-0.0390625 * var(--width-fr));
  right: 0;
  margin: 0 auto;
  width: calc(0.5 * var(--width-fr));
  height: calc(0.046875 * var(--width-fr));
  border-left: calc(0.0703125 * var(--width-fr)) solid #EFEFEF;
  border-right: calc(0.0703125 * var(--width-fr)) solid #EFEFEF;
}
body section#body div.fr[no="001"] > div:nth-child(4), body section#body div.fr[no="1"] > div:nth-child(4) {
  position: absolute;
  bottom: calc(0.3984375 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.09375 * var(--width-fr));
  height: calc(0.0390625 * var(--width-fr));
  border-left: calc(0.015625 * var(--width-fr)) solid #5AAA84;
  border-right: calc(0.015625 * var(--width-fr)) solid #5AAA84;
}
body section#body div.fr[no="002"], body section#body div.fr[no="2"] {
  background-color: #81BBC6;
}
body section#body div.fr[no="002"]::before, body section#body div.fr[no="2"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.5859375 * var(--width-fr));
  border-top: calc(0.1171875 * var(--width-fr)) solid #D87289;
  border-left: calc(0.078125 * var(--width-fr)) solid transparent;
  border-right: calc(0.078125 * var(--width-fr)) solid transparent;
}
body section#body div.fr[no="002"]::after, body section#body div.fr[no="2"]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.484375 * var(--width-fr));
  height: calc(0.1171875 * var(--width-fr));
  background-color: #6BA470;
}
body section#body div.fr[no="002"] > div:nth-child(1), body section#body div.fr[no="2"] > div:nth-child(1) {
  position: absolute;
  z-index: 1;
  top: calc(0.3359375 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.5703125 * var(--width-fr));
  border-top: calc(0.3125 * var(--width-fr)) solid #81BBC6;
  border-left: calc(0.1796875 * var(--width-fr)) solid transparent;
  border-right: calc(0.1796875 * var(--width-fr)) solid transparent;
}
body section#body div.fr[no="002"] > div:nth-child(1)::before, body section#body div.fr[no="2"] > div:nth-child(1)::before {
  content: "";
  position: absolute;
  top: calc(-0.3671875 * var(--width-fr));
  left: calc(-0.046875 * var(--width-fr));
  width: calc(0.03125 * var(--width-fr));
  border-top: calc(0.0859375 * var(--width-fr)) solid #317D94;
  border-left: calc(0.03125 * var(--width-fr)) solid transparent;
  border-right: calc(0.03125 * var(--width-fr)) solid transparent;
}
body section#body div.fr[no="002"] > div:nth-child(1)::after, body section#body div.fr[no="2"] > div:nth-child(1)::after {
  content: "";
  position: absolute;
  top: calc(-0.53125 * var(--width-fr));
  left: calc(0.015625 * var(--width-fr));
  width: calc(0.0859375 * var(--width-fr));
  border-top: calc(0.1953125 * var(--width-fr)) solid #317D94;
  border-left: calc(0.109375 * var(--width-fr)) solid transparent;
  border-right: calc(0.109375 * var(--width-fr)) solid transparent;
}
body section#body div.fr[no="002"] > div:nth-child(2), body section#body div.fr[no="2"] > div:nth-child(2) {
  position: absolute;
  top: calc(0.3359375 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.875 * var(--width-fr));
  height: calc(0.203125 * var(--width-fr));
  background-color: #fff;
}
body section#body div.fr[no="002"] > div:nth-child(2)::before, body section#body div.fr[no="2"] > div:nth-child(2)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.71875 * var(--width-fr));
  height: calc(0.203125 * var(--width-fr));
  background: linear-gradient(to bottom, #C84652 0% 69.23%, #E14E5A 69.23% 100%);
}
body section#body div.fr[no="002"] > div:nth-child(2)::after, body section#body div.fr[no="2"] > div:nth-child(2)::after {
  content: "";
  position: absolute;
  top: calc(0.0078125 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.453125 * var(--width-fr));
  height: calc(0.1640625 * var(--width-fr));
  border-left: calc(0.0625 * var(--width-fr)) solid #3C292B;
  border-right: calc(0.0625 * var(--width-fr)) solid #3C292B;
}
body section#body div.fr[no="002"] > div:nth-child(3), body section#body div.fr[no="2"] > div:nth-child(3) {
  position: absolute;
  left: 0;
  bottom: calc(0.234375 * var(--width-fr));
  right: 0;
  margin: 0 auto;
  width: calc(0.796875 * var(--width-fr));
  height: calc(0.1640625 * var(--width-fr));
  background-color: #CE779F;
  border-top: calc(0.09375 * var(--width-fr)) solid #944368;
  border-left: calc(0.09375 * var(--width-fr)) solid #944368;
  border-right: calc(0.09375 * var(--width-fr)) solid #944368;
}
body section#body div.fr[no="002"] > div:nth-child(3)::before, body section#body div.fr[no="2"] > div:nth-child(3)::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: calc(-0.125 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.0703125 * var(--width-fr));
  height: calc(0.046875 * var(--width-fr));
  border-left: calc(0.015625 * var(--width-fr)) solid #6B9AA5;
  border-right: calc(0.015625 * var(--width-fr)) solid #6B9AA5;
}
body section#body div.fr[no="002"] > div:nth-child(3)::after, body section#body div.fr[no="2"] > div:nth-child(3)::after {
  content: "";
  position: absolute;
  top: calc(-0.09375 * var(--width-fr));
  left: calc(-0.0390625 * var(--width-fr));
  right: 0;
  margin: 0 auto;
  width: calc(0.5 * var(--width-fr));
  height: calc(0.0703125 * var(--width-fr));
  border-left: calc(0.09375 * var(--width-fr)) solid #EFEFEF;
  border-right: calc(0.09375 * var(--width-fr)) solid #EFEFEF;
}
body section#body div.fr[no="003"], body section#body div.fr[no="3"] {
  background: linear-gradient(to bottom, #E1808E 0% 14.84%, #8CC7C3 14.84% 68.75%, #864244 68.75% 78.91%, #9C7B94 78.91% 85.94%, #8CC7C3 85.94% 100%);
}
body section#body div.fr[no="003"]::before, body section#body div.fr[no="3"]::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.421875 * var(--width-fr));
  height: calc(0.2109375 * var(--width-fr));
  background: linear-gradient(to bottom, #8C7152 0% 29.63%, #7B634A 29.63% 67.86%, #8C7152 67.86% 100%);
}
body section#body div.fr[no="003"]::after, body section#body div.fr[no="3"]::after {
  content: "";
  position: absolute;
  top: calc(0.2109375 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.546875 * var(--width-fr));
  height: calc(0.0390625 * var(--width-fr));
  background-color: #759A78;
}
body section#body div.fr[no="003"] > div:nth-child(1), body section#body div.fr[no="3"] > div:nth-child(1) {
  position: absolute;
  z-index: 1;
  top: 0;
  left: calc(0.09375 * var(--width-fr));
  width: calc(0.0546875 * var(--width-fr));
  height: calc(0.0546875 * var(--width-fr));
  background-color: #F4D3D3;
}
body section#body div.fr[no="003"] > div:nth-child(1)::before, body section#body div.fr[no="3"] > div:nth-child(1)::before {
  content: "";
  position: absolute;
  top: 0;
  right: calc(-0.734375 * var(--width-fr));
  width: calc(0.109375 * var(--width-fr));
  height: calc(0.109375 * var(--width-fr));
  background-color: #F4D3D3;
}
body section#body div.fr[no="003"] > div:nth-child(1)::after, body section#body div.fr[no="3"] > div:nth-child(1)::after {
  content: "";
  position: absolute;
  top: calc(0.078125 * var(--width-fr));
  right: calc(-0.1015625 * var(--width-fr));
  width: calc(0.078125 * var(--width-fr));
  height: calc(0.078125 * var(--width-fr));
  background-color: #F4D3D3;
}
body section#body div.fr[no="003"] > div:nth-child(2), body section#body div.fr[no="3"] > div:nth-child(2) {
  position: absolute;
  top: calc(0.140625 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.7890625 * var(--width-fr));
  border-top: calc(0.0234375 * var(--width-fr)) solid #E1808E;
  border-left: calc(0.0234375 * var(--width-fr)) solid transparent;
  border-right: calc(0.0234375 * var(--width-fr)) solid transparent;
}
body section#body div.fr[no="003"] > div:nth-child(2)::before, body section#body div.fr[no="3"] > div:nth-child(2)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.7109375 * var(--width-fr));
  border-top: calc(0.0859375 * var(--width-fr)) solid #E1808E;
  border-left: calc(0.015625 * var(--width-fr)) solid transparent;
  border-right: calc(0.015625 * var(--width-fr)) solid transparent;
}
body section#body div.fr[no="003"] > div:nth-child(2)::after, body section#body div.fr[no="3"] > div:nth-child(2)::after {
  content: "";
  position: absolute;
  top: calc(0.0859375 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.6796875 * var(--width-fr));
  border-top: calc(0.078125 * var(--width-fr)) solid #81A884;
  border-left: calc(0.015625 * var(--width-fr)) solid transparent;
  border-right: calc(0.015625 * var(--width-fr)) solid transparent;
}
body section#body div.fr[no="003"] > div:nth-child(3), body section#body div.fr[no="3"] > div:nth-child(3) {
  position: absolute;
  top: calc(0.328125 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.5 * var(--width-fr));
  height: calc(0.125 * var(--width-fr));
  background-color: #81A884;
}
body section#body div.fr[no="003"] > div:nth-child(3)::before, body section#body div.fr[no="3"] > div:nth-child(3)::before {
  content: "";
  position: absolute;
  top: calc(0.125 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.421875 * var(--width-fr));
  border-top: calc(0.0390625 * var(--width-fr)) solid #81A884;
  border-left: calc(0.0390625 * var(--width-fr)) solid transparent;
  border-right: calc(0.0390625 * var(--width-fr)) solid transparent;
}
body section#body div.fr[no="003"] > div:nth-child(3)::after, body section#body div.fr[no="3"] > div:nth-child(3)::after {
  content: "";
  position: absolute;
  top: calc(-0.078125 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.046875 * var(--width-fr));
  height: calc(0.15625 * var(--width-fr));
  background-color: #759A78;
}
body section#body div.fr[no="003"] > div:nth-child(4), body section#body div.fr[no="3"] > div:nth-child(4) {
  position: absolute;
  top: calc(0.1953125 * var(--width-fr));
  left: 0;
  right: 0;
  width: 100%;
  height: calc(0.1328125 * var(--width-fr));
  border-left: calc(0.1015625 * var(--width-fr)) solid #BD5F6D;
  border-right: calc(0.1015625 * var(--width-fr)) solid #BD5F6D;
}
body section#body div.fr[no="003"] > div:nth-child(4)::before, body section#body div.fr[no="3"] > div:nth-child(4)::before {
  content: "";
  position: absolute;
  top: calc(-0.015625 * var(--width-fr));
  left: calc(-0.1015625 * var(--width-fr));
  width: calc(0.078125 * var(--width-fr));
  border-bottom: calc(0.015625 * var(--width-fr)) solid #BD5F6D;
  border-right: calc(0.0234375 * var(--width-fr)) solid transparent;
}
body section#body div.fr[no="003"] > div:nth-child(4)::after, body section#body div.fr[no="3"] > div:nth-child(4)::after {
  content: "";
  position: absolute;
  top: calc(-0.015625 * var(--width-fr));
  right: calc(-0.1015625 * var(--width-fr));
  width: calc(0.078125 * var(--width-fr));
  border-bottom: calc(0.015625 * var(--width-fr)) solid #BD5F6D;
  border-left: calc(0.0234375 * var(--width-fr)) solid transparent;
}
body section#body div.fr[no="003"] > div:nth-child(5), body section#body div.fr[no="3"] > div:nth-child(5) {
  position: absolute;
  top: calc(0.5078125 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.890625 * var(--width-fr));
  height: calc(0.1328125 * var(--width-fr));
  border-left: calc(0.1875 * var(--width-fr)) solid #FFFFFF;
  border-right: calc(0.1875 * var(--width-fr)) solid #FFFFFF;
}
body section#body div.fr[no="003"] > div:nth-child(5)::before, body section#body div.fr[no="3"] > div:nth-child(5)::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(-0.140625 * var(--width-fr));
  width: calc(0.59375 * var(--width-fr));
  height: calc(0.1015625 * var(--width-fr));
  border-left: calc(0.1015625 * var(--width-fr)) solid #C65563;
  border-right: calc(0.1015625 * var(--width-fr)) solid #C65563;
}
body section#body div.fr[no="003"] > div:nth-child(5)::after, body section#body div.fr[no="3"] > div:nth-child(5)::after {
  content: "";
  position: absolute;
  top: calc(0 * var(--width-fr));
  left: calc(-0.109375 * var(--width-fr));
  width: calc(0.65625 * var(--width-fr));
  height: calc(0.0703125 * var(--width-fr));
  border-left: calc(0.0390625 * var(--width-fr)) solid #FFF;
  border-right: calc(0.0390625 * var(--width-fr)) solid #FFF;
}
body section#body div.fr[no="003"] > div:nth-child(6), body section#body div.fr[no="3"] > div:nth-child(6) {
  position: absolute;
  top: calc(0.6875 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.2578125 * var(--width-fr));
  border-top: calc(0.0390625 * var(--width-fr)) solid #8CC7C3;
  border-left: calc(0.03125 * var(--width-fr)) solid transparent;
  border-right: calc(0.03125 * var(--width-fr)) solid transparent;
}
body section#body div.fr[no="003"] > div:nth-child(6)::before, body section#body div.fr[no="3"] > div:nth-child(6)::before {
  content: "";
  position: absolute;
  top: calc(-0.2734375 * var(--width-fr));
  left: calc(-0.34765625 * var(--width-fr));
  height: calc(0.0546875 * var(--width-fr));
  border-bottom: calc(0.078125 * var(--width-fr)) solid transparent;
  border-right: calc(0.1875 * var(--width-fr)) solid #86C0BD;
}
body section#body div.fr[no="003"] > div:nth-child(6)::after, body section#body div.fr[no="3"] > div:nth-child(6)::after {
  content: "";
  position: absolute;
  top: calc(-0.2734375 * var(--width-fr));
  left: calc(0.35546875 * var(--width-fr));
  height: calc(0.0546875 * var(--width-fr));
  border-bottom: calc(0.078125 * var(--width-fr)) solid transparent;
  border-left: calc(0.1875 * var(--width-fr)) solid #86C0BD;
}
body section#body div.fr[no="003"] > div:nth-child(7), body section#body div.fr[no="3"] > div:nth-child(7) {
  position: absolute;
  top: calc(0.6875 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.90625 * var(--width-fr));
  height: calc(0.0703125 * var(--width-fr));
  border-left: calc(0.0703125 * var(--width-fr)) solid #fff;
  border-right: calc(0.0703125 * var(--width-fr)) solid #fff;
}
body section#body div.fr[no="003"] > div:nth-child(7)::before, body section#body div.fr[no="3"] > div:nth-child(7)::before {
  content: "";
  position: absolute;
  left: calc(-0.0390625 * var(--width-fr));
  bottom: calc(-0.1015625 * var(--width-fr));
  right: calc(-0.0390625 * var(--width-fr));
  width: calc(0.84375 * var(--width-fr));
  height: calc(0.046875 * var(--width-fr));
  background: linear-gradient(to right, #fff 0% 7.41%, transparent 7.41% 12.04%, #fff 12.04% 19.44%, transparent 19.44% 80.56%, #fff 80.56% 87.96%, transparent 87.96% 92.59%, #fff 92.59% 100%);
}
body section#body div.fr[no="003"] > div:nth-child(7)::after, body section#body div.fr[no="3"] > div:nth-child(7)::after {
  content: "";
  position: absolute;
  top: calc(-0.0078125 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.0859375 * var(--width-fr));
  height: calc(0.03125 * var(--width-fr));
  border-left: calc(0.0234375 * var(--width-fr)) solid #6B9A99;
  border-right: calc(0.0234375 * var(--width-fr)) solid #6B9A99;
}
body section#body div.fr.no004 {
  background-color: #EFAF84;
}
body section#body div.fr.no004 > div:nth-child(1) {
  position: relative;
  margin: calc(0.125 * var(--width-fr)) auto 0;
  width: calc(0.8125 * var(--width-fr));
  height: calc(0.3359375 * var(--width-fr));
}
body section#body div.fr.no004 > div:nth-child(1) > div {
  position: absolute;
  top: 0;
  width: calc(0.21875 * var(--width-fr));
  height: 100%;
  background-color: #1E2C31;
}
body section#body div.fr.no004 > div:nth-child(1) > div:nth-child(1) {
  left: 0;
}
body section#body div.fr.no004 > div:nth-child(1) > div:nth-child(1) div {
  right: calc(0.046875 * var(--width-fr));
}
body section#body div.fr.no004 > div:nth-child(1) > div:nth-child(2) {
  right: 0;
}
body section#body div.fr.no004 > div:nth-child(1) > div:nth-child(2) div {
  left: calc(0.046875 * var(--width-fr));
}
body section#body div.fr.no004 > div:nth-child(1) > div::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: calc(0.09375 * var(--width-fr));
  background-color: #396D7E;
}
body section#body div.fr.no004 > div:nth-child(1) > div::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 0.125 * var(--width-fr));
  height: calc(100% - 0.09375 * var(--width-fr));
  background-color: #182226;
}
body section#body div.fr.no004 > div:nth-child(1) > div div {
  position: absolute;
  z-index: 1;
  top: calc(0.015625 * var(--width-fr));
  width: calc(0.078125 * var(--width-fr));
  height: calc(0.125 * var(--width-fr));
  background-color: #FCFDFF;
}
body section#body div.fr.no004 > div:nth-child(2) {
  position: relative;
  margin: calc(0.09375 * var(--width-fr)) auto 0;
  width: calc(0.140625 * var(--width-fr));
  height: calc(0.0625 * var(--width-fr));
}
body section#body div.fr.no004 > div:nth-child(2)::before {
  left: 0;
}
body section#body div.fr.no004 > div:nth-child(2)::after {
  right: 0;
}
body section#body div.fr.no004 > div:nth-child(2)::before, body section#body div.fr.no004 > div:nth-child(2)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(0.03125 * var(--width-fr));
  height: 100%;
  background-color: #D39873;
}
body section#body div.fr.no004 > div:nth-child(3) {
  position: relative;
  margin: calc(0.03125 * var(--width-fr)) auto 0;
  width: calc(0.78125 * var(--width-fr));
  height: calc(0.2421875 * var(--width-fr));
  background-color: #A26F8E;
}
body section#body div.fr.no004 > div:nth-child(3)::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.625 * var(--width-fr));
  height: calc(0.125 * var(--width-fr));
  background-color: #CB98C0;
}
body section#body div.fr.no004 > div:nth-child(3) > div:nth-child(1) {
  position: relative;
  margin: 0 auto;
  width: calc(0.6796875 * var(--width-fr));
  height: calc(0.078125 * var(--width-fr));
}
body section#body div.fr.no004 > div:nth-child(3) > div:nth-child(1)::before {
  left: 0;
}
body section#body div.fr.no004 > div:nth-child(3) > div:nth-child(1)::after {
  right: 0;
}
body section#body div.fr.no004 > div:nth-child(3) > div:nth-child(1)::before, body section#body div.fr.no004 > div:nth-child(3) > div:nth-child(1)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(0.078125 * var(--width-fr));
  height: 100%;
  background-color: #fff;
}
body section#body div.fr.no004 > div:nth-child(3) > div:nth-child(2) {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.546875 * var(--width-fr));
  height: calc(0.0625 * var(--width-fr));
}
body section#body div.fr.no004 > div:nth-child(3) > div:nth-child(2)::before {
  left: 0;
}
body section#body div.fr.no004 > div:nth-child(3) > div:nth-child(2)::after {
  right: 0;
}
body section#body div.fr.no004 > div:nth-child(3) > div:nth-child(2)::before, body section#body div.fr.no004 > div:nth-child(3) > div:nth-child(2)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(0.0703125 * var(--width-fr));
  height: 100%;
  background-color: #fff;
}
body section#body div.fr.no005 {
  background-color: #EF8B78;
}
body section#body div.fr.no005 > div:nth-child(1) {
  position: relative;
  margin: calc(0.1875 * var(--width-fr)) auto 0;
  width: calc(0.828125 * var(--width-fr));
  height: calc(0.234375 * var(--width-fr));
}
body section#body div.fr.no005 > div:nth-child(1) > div {
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(0.265625 * var(--width-fr));
  height: 100%;
  background-color: #fff;
}
body section#body div.fr.no005 > div:nth-child(1) > div:nth-child(1) {
  left: 0;
}
body section#body div.fr.no005 > div:nth-child(1) > div:nth-child(1)::before {
  border-left: calc(0.265625 * var(--width-fr)) solid transparent;
}
body section#body div.fr.no005 > div:nth-child(1) > div:nth-child(1)::after {
  left: calc(0.1015625 * var(--width-fr));
}
body section#body div.fr.no005 > div:nth-child(1) > div:nth-child(1) > div {
  right: 0;
}
body section#body div.fr.no005 > div:nth-child(1) > div:nth-child(1) > div::after {
  left: calc(0.046875 * var(--width-fr));
}
body section#body div.fr.no005 > div:nth-child(1) > div:nth-child(2) {
  right: 0;
}
body section#body div.fr.no005 > div:nth-child(1) > div:nth-child(2)::before {
  border-right: calc(0.265625 * var(--width-fr)) solid transparent;
}
body section#body div.fr.no005 > div:nth-child(1) > div:nth-child(2)::after {
  right: calc(0.1015625 * var(--width-fr));
}
body section#body div.fr.no005 > div:nth-child(1) > div:nth-child(2) > div {
  left: 0;
}
body section#body div.fr.no005 > div:nth-child(1) > div:nth-child(2) > div::after {
  right: calc(0.046875 * var(--width-fr));
}
body section#body div.fr.no005 > div:nth-child(1) > div::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  border-top: calc(0.234375 * var(--width-fr)) solid #EF8B78;
}
body section#body div.fr.no005 > div:nth-child(1) > div::after {
  content: "";
  position: absolute;
  width: calc(0.046875 * var(--width-fr));
  height: calc(100% - 0.0703125 * var(--width-fr));
  background-color: #fff;
}
body section#body div.fr.no005 > div:nth-child(1) > div > div {
  position: absolute;
  z-index: 0;
  width: calc(0.1875 * var(--width-fr));
  height: 100%;
  background-color: #3C5668;
}
body section#body div.fr.no005 > div:nth-child(1) > div > div::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: calc(0.0390625 * var(--width-fr));
  background-color: #47657B;
}
body section#body div.fr.no005 > div:nth-child(1) > div > div::after {
  content: "";
  position: absolute;
  bottom: calc(0.03125 * var(--width-fr));
  width: calc(0.0703125 * var(--width-fr));
  height: calc(100% - 0.03125 * var(--width-fr));
  background-color: #231A1E;
}
body section#body div.fr.no005 > div:nth-child(2) {
  position: relative;
  margin: calc(-0.125 * var(--width-fr)) auto 0;
  width: calc(0.15625 * var(--width-fr));
  height: calc(0.125 * var(--width-fr));
}
body section#body div.fr.no005 > div:nth-child(2)::before {
  left: 0;
}
body section#body div.fr.no005 > div:nth-child(2)::after {
  right: 0;
}
body section#body div.fr.no005 > div:nth-child(2)::before, body section#body div.fr.no005 > div:nth-child(2)::after {
  content: "";
  position: absolute;
  width: calc(0.015625 * var(--width-fr));
  height: 100%;
  background-color: #D67D6B;
}
body section#body div.fr.no005 > div:nth-child(3) {
  position: relative;
  z-index: 1;
  margin: calc(0.1484375 * var(--width-fr)) auto 0;
  width: calc(0.125 * var(--width-fr));
  height: calc(0.046875 * var(--width-fr));
}
body section#body div.fr.no005 > div:nth-child(3)::before {
  left: 0;
}
body section#body div.fr.no005 > div:nth-child(3)::after {
  right: 0;
}
body section#body div.fr.no005 > div:nth-child(3)::before, body section#body div.fr.no005 > div:nth-child(3)::after {
  content: "";
  position: absolute;
  width: calc(0.0234375 * var(--width-fr));
  height: 100%;
  background-color: #D67D6B;
}
body section#body div.fr.no005 > div:nth-child(4) {
  position: relative;
  z-index: 0;
  margin: calc(-0.0078125 * var(--width-fr)) auto 0;
  width: calc(0.8515625 * var(--width-fr));
  height: calc(0.2265625 * var(--width-fr));
  background-color: #A26F8E;
}
body section#body div.fr.no005 > div:nth-child(4)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.2109375 * var(--width-fr));
  border-top: calc(0.0625 * var(--width-fr)) solid #EF8B78;
  border-left: calc(0.0234375 * var(--width-fr)) solid transparent;
  border-right: calc(0.0234375 * var(--width-fr)) solid transparent;
}
body section#body div.fr.no005 > div:nth-child(4)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.6875 * var(--width-fr));
  height: calc(0.109375 * var(--width-fr));
  background-color: #CB98C0;
}
body section#body div.fr.no005 > div:nth-child(4) > div:nth-child(1) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.7578125 * var(--width-fr));
  height: calc(0.078125 * var(--width-fr));
}
body section#body div.fr.no005 > div:nth-child(4) > div:nth-child(1)::before {
  left: 0;
}
body section#body div.fr.no005 > div:nth-child(4) > div:nth-child(1)::after {
  right: 0;
}
body section#body div.fr.no005 > div:nth-child(4) > div:nth-child(1)::before, body section#body div.fr.no005 > div:nth-child(4) > div:nth-child(1)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(0.0859375 * var(--width-fr));
  height: 100%;
  background-color: #fff;
}
body section#body div.fr.no005 > div:nth-child(4) > div:nth-child(2) {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.5625 * var(--width-fr));
  height: calc(0.0625 * var(--width-fr));
}
body section#body div.fr.no005 > div:nth-child(4) > div:nth-child(2)::before {
  left: 0;
}
body section#body div.fr.no005 > div:nth-child(4) > div:nth-child(2)::after {
  right: 0;
}
body section#body div.fr.no005 > div:nth-child(4) > div:nth-child(2)::before, body section#body div.fr.no005 > div:nth-child(4) > div:nth-child(2)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(0.0625 * var(--width-fr));
  height: 100%;
  background-color: #fff;
}
body section#body div.fr.no006 {
  background-color: #F1633C;
}
body section#body div.fr.no006::before {
  content: "";
  position: absolute;
  top: calc(0.09375 * var(--width-fr));
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  background-color: #F4AF63;
}
body section#body div.fr.no006 > div:nth-child(1) {
  position: relative;
  margin: 0 auto;
  width: calc(0.78125 * var(--width-fr));
  height: calc(0.09375 * var(--width-fr));
}
body section#body div.fr.no006 > div:nth-child(1)::before {
  left: 0;
}
body section#body div.fr.no006 > div:nth-child(1)::after {
  right: 0;
}
body section#body div.fr.no006 > div:nth-child(1)::before, body section#body div.fr.no006 > div:nth-child(1)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(0.21875 * var(--width-fr));
  height: 100%;
  background-color: #F9B365;
}
body section#body div.fr.no006 > div:nth-child(2) {
  position: relative;
  margin: calc(0.15625 * var(--width-fr)) auto 0;
  width: calc(0.828125 * var(--width-fr));
  height: calc(0.1796875 * var(--width-fr));
}
body section#body div.fr.no006 > div:nth-child(2)::before {
  left: calc(0.2734375 * var(--width-fr));
}
body section#body div.fr.no006 > div:nth-child(2)::after {
  right: calc(0.2734375 * var(--width-fr));
}
body section#body div.fr.no006 > div:nth-child(2)::before, body section#body div.fr.no006 > div:nth-child(2)::after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  width: calc(0.03125 * var(--width-fr));
  height: calc(0.1328125 * var(--width-fr));
  background-color: #E7A660;
}
body section#body div.fr.no006 > div:nth-child(2) > div {
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(0.2734375 * var(--width-fr));
  height: 100%;
  background-color: #fff;
}
body section#body div.fr.no006 > div:nth-child(2) > div:nth-child(1) {
  left: 0;
}
body section#body div.fr.no006 > div:nth-child(2) > div:nth-child(1)::before {
  border-left: calc(0.2734375 * var(--width-fr)) solid transparent;
}
body section#body div.fr.no006 > div:nth-child(2) > div:nth-child(1)::after {
  left: calc(0.125 * var(--width-fr));
}
body section#body div.fr.no006 > div:nth-child(2) > div:nth-child(1) > div {
  right: calc(0.0390625 * var(--width-fr));
}
body section#body div.fr.no006 > div:nth-child(2) > div:nth-child(1) > div::after {
  left: calc(0.046875 * var(--width-fr));
}
body section#body div.fr.no006 > div:nth-child(2) > div:nth-child(2) {
  right: 0;
}
body section#body div.fr.no006 > div:nth-child(2) > div:nth-child(2)::before {
  border-right: calc(0.2734375 * var(--width-fr)) solid transparent;
}
body section#body div.fr.no006 > div:nth-child(2) > div:nth-child(2)::after {
  right: calc(0.125 * var(--width-fr));
}
body section#body div.fr.no006 > div:nth-child(2) > div:nth-child(2) > div {
  left: calc(0.0390625 * var(--width-fr));
}
body section#body div.fr.no006 > div:nth-child(2) > div:nth-child(2) > div::after {
  right: calc(0.0390625 * var(--width-fr));
}
body section#body div.fr.no006 > div:nth-child(2) > div::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  border-top: calc(0.1796875 * var(--width-fr)) solid #F4AF63;
}
body section#body div.fr.no006 > div:nth-child(2) > div::after {
  content: "";
  position: absolute;
  width: calc(0.0546875 * var(--width-fr));
  height: calc(100% - 0.0625 * var(--width-fr));
  background-color: #fff;
}
body section#body div.fr.no006 > div:nth-child(2) > div > div {
  position: absolute;
  z-index: 0;
  width: calc(0.15625 * var(--width-fr));
  height: 100%;
  background-color: #3C5668;
}
body section#body div.fr.no006 > div:nth-child(2) > div > div::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: calc(0.0390625 * var(--width-fr));
  background-color: #47657B;
}
body section#body div.fr.no006 > div:nth-child(2) > div > div::after {
  content: "";
  position: absolute;
  bottom: calc(0.03125 * var(--width-fr));
  width: calc(0.0546875 * var(--width-fr));
  height: calc(100% - 0.03125 * var(--width-fr));
  background-color: #231A1E;
}
body section#body div.fr.no006 > div:nth-child(3) {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  width: calc(0.15625 * var(--width-fr));
  height: calc(0.0546875 * var(--width-fr));
}
body section#body div.fr.no006 > div:nth-child(3)::before {
  left: 0;
}
body section#body div.fr.no006 > div:nth-child(3)::after {
  right: 0;
}
body section#body div.fr.no006 > div:nth-child(3)::before, body section#body div.fr.no006 > div:nth-child(3)::after {
  content: "";
  position: absolute;
  width: calc(0.03125 * var(--width-fr));
  height: 100%;
  background-color: #D09454;
}
body section#body div.fr.no006 > div:nth-child(4) {
  position: relative;
  z-index: 0;
  margin: calc(0.140625 * var(--width-fr)) auto 0;
  width: calc(0.8828125 * var(--width-fr));
  height: calc(0.2421875 * var(--width-fr));
  background-color: #A26F8E;
}
body section#body div.fr.no006 > div:nth-child(4)::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.7265625 * var(--width-fr));
  height: calc(0.109375 * var(--width-fr));
  background-color: #CB98C0;
}
body section#body div.fr.no006 > div:nth-child(4) > div:nth-child(1) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.7890625 * var(--width-fr));
  height: calc(0.09375 * var(--width-fr));
}
body section#body div.fr.no006 > div:nth-child(4) > div:nth-child(1)::before {
  left: 0;
}
body section#body div.fr.no006 > div:nth-child(4) > div:nth-child(1)::after {
  right: 0;
}
body section#body div.fr.no006 > div:nth-child(4) > div:nth-child(1)::before, body section#body div.fr.no006 > div:nth-child(4) > div:nth-child(1)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(0.09375 * var(--width-fr));
  height: 100%;
  background-color: #fff;
}
body section#body div.fr.no006 > div:nth-child(4) > div:nth-child(2) {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.640625 * var(--width-fr));
  height: calc(0.0625 * var(--width-fr));
}
body section#body div.fr.no006 > div:nth-child(4) > div:nth-child(2)::before {
  left: 0;
}
body section#body div.fr.no006 > div:nth-child(4) > div:nth-child(2)::after {
  right: 0;
}
body section#body div.fr.no006 > div:nth-child(4) > div:nth-child(2)::before, body section#body div.fr.no006 > div:nth-child(4) > div:nth-child(2)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(0.078125 * var(--width-fr));
  height: 100%;
  background-color: #fff;
}
body section#body div.fr.no007 {
  background-color: #84C5D6;
}
body section#body div.fr.no007 > div:nth-child(1) {
  position: relative;
  margin: calc(0.2265625 * var(--width-fr)) auto 0;
  width: calc(0.8125 * var(--width-fr));
  height: calc(0.3046875 * var(--width-fr));
}
body section#body div.fr.no007 > div:nth-child(1)::before {
  left: 0;
}
body section#body div.fr.no007 > div:nth-child(1)::after {
  right: 0;
}
body section#body div.fr.no007 > div:nth-child(1)::before, body section#body div.fr.no007 > div:nth-child(1)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(0.0546875 * var(--width-fr));
  height: calc(0.3046875 * var(--width-fr));
  background-color: #fff;
}
body section#body div.fr.no007 > div:nth-child(1) > div {
  position: absolute;
  top: 0;
  width: calc(0.1640625 * var(--width-fr));
  height: 100%;
  background-color: #331E29;
}
body section#body div.fr.no007 > div:nth-child(1) > div:nth-child(1) {
  left: calc(0.0546875 * var(--width-fr));
}
body section#body div.fr.no007 > div:nth-child(1) > div:nth-child(1) div {
  right: calc(0.046875 * var(--width-fr));
}
body section#body div.fr.no007 > div:nth-child(1) > div:nth-child(2) {
  right: calc(0.0546875 * var(--width-fr));
}
body section#body div.fr.no007 > div:nth-child(1) > div:nth-child(2) div {
  left: calc(0.046875 * var(--width-fr));
}
body section#body div.fr.no007 > div:nth-child(1) > div::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: calc(0.078125 * var(--width-fr));
  background-color: #91526D;
}
body section#body div.fr.no007 > div:nth-child(1) > div::after {
  content: "";
  position: absolute;
  top: calc(0.015625 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.078125 * var(--width-fr));
  height: calc(0.2421875 * var(--width-fr));
  background-color: #182226;
}
body section#body div.fr.no007 > div:nth-child(1) > div div {
  position: absolute;
  z-index: 1;
  top: calc(0.015625 * var(--width-fr));
  width: calc(0.078125 * var(--width-fr));
  height: calc(0.0703125 * var(--width-fr));
  background-color: #FCFDFF;
}
body section#body div.fr.no007 > div:nth-child(2) {
  position: relative;
  z-index: 1;
  margin: calc(0.0703125 * var(--width-fr)) auto 0;
  width: calc(0.1015625 * var(--width-fr));
  height: calc(0.0390625 * var(--width-fr));
}
body section#body div.fr.no007 > div:nth-child(2)::before {
  left: 0;
}
body section#body div.fr.no007 > div:nth-child(2)::after {
  right: 0;
}
body section#body div.fr.no007 > div:nth-child(2)::before, body section#body div.fr.no007 > div:nth-child(2)::after {
  content: "";
  position: absolute;
  width: calc(0.03125 * var(--width-fr));
  height: 100%;
  background-color: #73A6B5;
}
body section#body div.fr.no007 > div:nth-child(3) {
  position: relative;
  z-index: 0;
  margin: 0 auto;
  width: calc(0.8671875 * var(--width-fr));
  height: calc(0.15625 * var(--width-fr));
  background-color: #994B78;
}
body section#body div.fr.no007 > div:nth-child(3)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.09375 * var(--width-fr));
  border-top: calc(0.046875 * var(--width-fr)) solid #84C5D6;
  border-left: calc(0.078125 * var(--width-fr)) solid transparent;
  border-right: calc(0.078125 * var(--width-fr)) solid transparent;
}
body section#body div.fr.no007 > div:nth-child(3)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.6875 * var(--width-fr));
  height: calc(0.078125 * var(--width-fr));
  background-color: #D084AD;
}
body section#body div.fr.no008 {
  background-color: #75A4DB;
}
body section#body div.fr.no008::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: calc(0.1015625 * var(--width-fr));
  background-color: #E1D1AF;
}
body section#body div.fr.no008::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.5390625 * var(--width-fr));
  border-top: calc(0.1015625 * var(--width-fr)) solid #546165;
  border-left: calc(0.0390625 * var(--width-fr)) solid transparent;
  border-right: calc(0.0390625 * var(--width-fr)) solid transparent;
}
body section#body div.fr.no008 > div:nth-child(1) {
  position: relative;
  margin: calc(0.2578125 * var(--width-fr)) auto 0;
  width: calc(0.8125 * var(--width-fr));
  height: calc(0.3125 * var(--width-fr));
}
body section#body div.fr.no008 > div:nth-child(1)::before {
  left: 0;
}
body section#body div.fr.no008 > div:nth-child(1)::after {
  right: 0;
}
body section#body div.fr.no008 > div:nth-child(1)::before, body section#body div.fr.no008 > div:nth-child(1)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(0.0859375 * var(--width-fr));
  height: calc(0.3125 * var(--width-fr));
  background-color: #fff;
}
body section#body div.fr.no008 > div:nth-child(1) > div {
  position: absolute;
  top: 0;
  width: calc(0.1640625 * var(--width-fr));
  height: 100%;
  background-color: #70473F;
}
body section#body div.fr.no008 > div:nth-child(1) > div:nth-child(1) {
  left: calc(0.0859375 * var(--width-fr));
}
body section#body div.fr.no008 > div:nth-child(1) > div:nth-child(1) div:nth-child(1) {
  right: calc(0.046875 * var(--width-fr));
}
body section#body div.fr.no008 > div:nth-child(1) > div:nth-child(1) div:nth-child(2)::before {
  right: 0;
  border-left: calc(0.078125 * var(--width-fr)) solid transparent;
}
body section#body div.fr.no008 > div:nth-child(1) > div:nth-child(1) div:nth-child(2)::after {
  left: calc(-0.1796875 * var(--width-fr));
}
body section#body div.fr.no008 > div:nth-child(1) > div:nth-child(2) {
  right: calc(0.0859375 * var(--width-fr));
}
body section#body div.fr.no008 > div:nth-child(1) > div:nth-child(2) div:nth-child(1) {
  left: calc(0.046875 * var(--width-fr));
}
body section#body div.fr.no008 > div:nth-child(1) > div:nth-child(2) div:nth-child(2)::before {
  left: 0;
  border-right: calc(0.078125 * var(--width-fr)) solid transparent;
}
body section#body div.fr.no008 > div:nth-child(1) > div:nth-child(2) div:nth-child(2)::after {
  right: calc(-0.1796875 * var(--width-fr));
}
body section#body div.fr.no008 > div:nth-child(1) > div::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: calc(0.078125 * var(--width-fr));
  background-color: #7E4F47;
}
body section#body div.fr.no008 > div:nth-child(1) > div::after {
  content: "";
  position: absolute;
  top: calc(0.015625 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.078125 * var(--width-fr));
  height: calc(0.2421875 * var(--width-fr));
  background-color: #182226;
}
body section#body div.fr.no008 > div:nth-child(1) > div > div:nth-child(1) {
  position: absolute;
  z-index: 1;
  top: calc(0.015625 * var(--width-fr));
  width: calc(0.0859375 * var(--width-fr));
  height: calc(0.0703125 * var(--width-fr));
  background-color: #FCFDFF;
}
body section#body div.fr.no008 > div:nth-child(1) > div > div:nth-child(2) {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
body section#body div.fr.no008 > div:nth-child(1) > div > div:nth-child(2)::before {
  content: "";
  position: absolute;
  top: 0;
  border-top: calc(0.3125 * var(--width-fr)) solid #75A4DB;
}
body section#body div.fr.no008 > div:nth-child(1) > div > div:nth-child(2)::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: calc(0.09375 * var(--width-fr));
  height: calc(0.046875 * var(--width-fr));
  background-color: #6892C3;
}
body section#body div.fr.no008 > div:nth-child(2) {
  position: relative;
  z-index: 1;
  margin: calc(0.046875 * var(--width-fr)) auto 0;
  width: calc(0.09375 * var(--width-fr));
  height: calc(0.046875 * var(--width-fr));
}
body section#body div.fr.no008 > div:nth-child(2)::before {
  left: 0;
}
body section#body div.fr.no008 > div:nth-child(2)::after {
  right: 0;
}
body section#body div.fr.no008 > div:nth-child(2)::before, body section#body div.fr.no008 > div:nth-child(2)::after {
  content: "";
  position: absolute;
  width: calc(0.0234375 * var(--width-fr));
  height: 100%;
  background-color: #638EBE;
}
body section#body div.fr.no008 > div:nth-child(3) {
  position: relative;
  z-index: 0;
  margin: 0 auto;
  width: calc(0.78125 * var(--width-fr));
  height: calc(0.1328125 * var(--width-fr));
  background-color: #994B78;
}
body section#body div.fr.no008 > div:nth-child(3)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.1171875 * var(--width-fr));
  border-top: calc(0.0390625 * var(--width-fr)) solid #75A4DB;
  border-left: calc(0.03125 * var(--width-fr)) solid transparent;
  border-right: calc(0.03125 * var(--width-fr)) solid transparent;
}
body section#body div.fr.no008 > div:nth-child(3)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.5234375 * var(--width-fr));
  height: calc(0.0703125 * var(--width-fr));
  background-color: #D084AD;
}
body section#body div.fr.no008 > div:nth-child(3) div:nth-child(1) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.71875 * var(--width-fr));
  height: calc(0.0703125 * var(--width-fr));
}
body section#body div.fr.no008 > div:nth-child(3) div:nth-child(1)::before {
  left: 0;
}
body section#body div.fr.no008 > div:nth-child(3) div:nth-child(1)::after {
  right: 0;
}
body section#body div.fr.no008 > div:nth-child(3) div:nth-child(1)::before, body section#body div.fr.no008 > div:nth-child(3) div:nth-child(1)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(0.0703125 * var(--width-fr));
  height: 100%;
  background-color: #fff;
}
body section#body div.fr.no009 {
  background-color: #94B7E1;
}
body section#body div.fr.no009::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.5234375 * var(--width-fr));
  border-top: calc(0.078125 * var(--width-fr)) solid #A58B6D;
  border-left: calc(0.03125 * var(--width-fr)) solid transparent;
  border-right: calc(0.03125 * var(--width-fr)) solid transparent;
}
body section#body div.fr.no009::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: calc(0.25 * var(--width-fr));
  background-color: #E1D1AF;
}
body section#body div.fr.no009 > div:nth-child(1) {
  position: relative;
  margin: calc(0.21875 * var(--width-fr)) auto 0;
  width: calc(0.84375 * var(--width-fr));
  height: calc(0.2265625 * var(--width-fr));
}
body section#body div.fr.no009 > div:nth-child(1)::before {
  left: calc(0.296875 * var(--width-fr));
}
body section#body div.fr.no009 > div:nth-child(1)::after {
  right: calc(0.296875 * var(--width-fr));
}
body section#body div.fr.no009 > div:nth-child(1)::before, body section#body div.fr.no009 > div:nth-child(1)::after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  width: calc(0.03125 * var(--width-fr));
  height: calc(0.1328125 * var(--width-fr));
  background-color: #89ACD3;
}
body section#body div.fr.no009 > div:nth-child(1) > div {
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(0.296875 * var(--width-fr));
  height: 100%;
  background-color: #fff;
}
body section#body div.fr.no009 > div:nth-child(1) > div:nth-child(1) {
  left: 0;
}
body section#body div.fr.no009 > div:nth-child(1) > div:nth-child(1)::before {
  border-left: calc(0.296875 * var(--width-fr)) solid transparent;
}
body section#body div.fr.no009 > div:nth-child(1) > div:nth-child(1)::after {
  left: calc(0.125 * var(--width-fr));
}
body section#body div.fr.no009 > div:nth-child(1) > div:nth-child(1) > div {
  right: calc(0.0390625 * var(--width-fr));
}
body section#body div.fr.no009 > div:nth-child(1) > div:nth-child(1) > div::after {
  left: calc(0.046875 * var(--width-fr));
}
body section#body div.fr.no009 > div:nth-child(1) > div:nth-child(2) {
  right: 0;
}
body section#body div.fr.no009 > div:nth-child(1) > div:nth-child(2)::before {
  border-right: calc(0.296875 * var(--width-fr)) solid transparent;
}
body section#body div.fr.no009 > div:nth-child(1) > div:nth-child(2)::after {
  right: calc(0.125 * var(--width-fr));
}
body section#body div.fr.no009 > div:nth-child(1) > div:nth-child(2) > div {
  left: calc(0.0390625 * var(--width-fr));
}
body section#body div.fr.no009 > div:nth-child(1) > div:nth-child(2) > div::after {
  right: calc(0.046875 * var(--width-fr));
}
body section#body div.fr.no009 > div:nth-child(1) > div::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  border-top: calc(0.21875 * var(--width-fr)) solid #94B7E1;
}
body section#body div.fr.no009 > div:nth-child(1) > div::after {
  content: "";
  position: absolute;
  width: calc(0.0390625 * var(--width-fr));
  height: calc(100% - 0.078125 * var(--width-fr));
  background-color: #fff;
}
body section#body div.fr.no009 > div:nth-child(1) > div > div {
  position: absolute;
  z-index: 0;
  width: calc(0.15625 * var(--width-fr));
  height: 100%;
  background-color: #635142;
}
body section#body div.fr.no009 > div:nth-child(1) > div > div::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: calc(0.0390625 * var(--width-fr));
  background-color: #7B6552;
}
body section#body div.fr.no009 > div:nth-child(1) > div > div::after {
  content: "";
  position: absolute;
  bottom: calc(0.03125 * var(--width-fr));
  width: calc(0.0546875 * var(--width-fr));
  height: calc(100% - 0.03125 * var(--width-fr));
  background-color: #312921;
}
body section#body div.fr.no009 > div:nth-child(2) {
  position: relative;
  margin: calc(0.125 * var(--width-fr)) auto 0;
  width: calc(0.2734375 * var(--width-fr));
  height: calc(0.046875 * var(--width-fr));
}
body section#body div.fr.no009 > div:nth-child(2)::before {
  left: 0;
}
body section#body div.fr.no009 > div:nth-child(2)::after {
  right: 0;
}
body section#body div.fr.no009 > div:nth-child(2)::before, body section#body div.fr.no009 > div:nth-child(2)::after {
  content: "";
  position: absolute;
  top: 0;
  width: calc(0.046875 * var(--width-fr));
  height: calc(0.0234375 * var(--width-fr));
  background-color: #7B9ABD;
}
body section#body div.fr.no009 > div:nth-child(2) div {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.21875 * var(--width-fr));
  height: calc(0.0234375 * var(--width-fr));
  background-color: #84A4C8;
}
body section#body div.fr.no009 > div:nth-child(3) {
  position: relative;
  z-index: 1;
  margin: calc(0.078125 * var(--width-fr)) auto 0;
  width: calc(0.890625 * var(--width-fr));
  height: calc(0.171875 * var(--width-fr));
  background-color: #6B4B4A;
}
body section#body div.fr.no009 > div:nth-child(3)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.6796875 * var(--width-fr));
  height: calc(0.078125 * var(--width-fr));
  background-color: #B76B7E;
}
body section#body div.fr.no009 > div:nth-child(3) div:nth-child(1) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.6875 * var(--width-fr));
  height: calc(0.0546875 * var(--width-fr));
}
body section#body div.fr.no009 > div:nth-child(3) div:nth-child(1)::before {
  left: 0;
}
body section#body div.fr.no009 > div:nth-child(3) div:nth-child(1)::after {
  right: 0;
}
body section#body div.fr.no009 > div:nth-child(3) div:nth-child(1)::before, body section#body div.fr.no009 > div:nth-child(3) div:nth-child(1)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(0.0703125 * var(--width-fr));
  height: 100%;
  background-color: #fff;
}
body section#body div.fr.no009 > div:nth-child(3) div:nth-child(2) {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.6796875 * var(--width-fr));
  height: calc(0.0390625 * var(--width-fr));
}
body section#body div.fr.no009 > div:nth-child(3) div:nth-child(2)::before {
  left: 0;
}
body section#body div.fr.no009 > div:nth-child(3) div:nth-child(2)::after {
  right: 0;
}
body section#body div.fr.no009 > div:nth-child(3) div:nth-child(2)::before, body section#body div.fr.no009 > div:nth-child(3) div:nth-child(2)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(0.0703125 * var(--width-fr));
  height: 100%;
  background-color: #fff;
}
body section#body div.fr.no009 > div:nth-child(3) div:nth-child(3) {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.890625 * var(--width-fr));
  height: calc(0.0390625 * var(--width-fr));
}
body section#body div.fr.no009 > div:nth-child(3) div:nth-child(3)::before {
  left: 0;
}
body section#body div.fr.no009 > div:nth-child(3) div:nth-child(3)::after {
  right: 0;
}
body section#body div.fr.no009 > div:nth-child(3) div:nth-child(3)::before, body section#body div.fr.no009 > div:nth-child(3) div:nth-child(3)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(0.0546875 * var(--width-fr));
  height: 100%;
  background-color: #fff;
}
body section#body div.fr.no010 {
  background-color: #6D8F45;
}
body section#body div.fr.no010::before {
  content: "";
  position: absolute;
  top: calc(0.15625 * var(--width-fr));
  left: calc(0.1328125 * var(--width-fr));
  width: calc(0.078125 * var(--width-fr));
  height: calc(0.234375 * var(--width-fr));
  background-color: #E08355;
}
body section#body div.fr.no010::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(0.609375 * var(--width-fr));
  height: calc(0.109375 * var(--width-fr));
  background-color: #98C275;
}
body section#body div.fr.no010 > div:nth-child(1) {
  position: absolute;
  left: calc(0.078125 * var(--width-fr));
  bottom: calc(0.15625 * var(--width-fr));
  width: calc(0.09375 * var(--width-fr));
  height: calc(0.40625 * var(--width-fr));
  background-color: #98C275;
}
body section#body div.fr.no010 > div:nth-child(1)::before {
  content: "";
  position: absolute;
  right: calc(-0.0390625 * var(--width-fr));
  bottom: 0;
  width: calc(0.0390625 * var(--width-fr));
  height: calc(0.40625 * var(--width-fr));
  background-color: #7A9D5C;
}
body section#body div.fr.no010 > div:nth-child(2) {
  position: absolute;
  right: 0;
  bottom: calc(0.15625 * var(--width-fr));
  width: calc(0.7890625 * var(--width-fr));
  height: calc(0.703125 * var(--width-fr));
  background-color: #98C275;
}
body section#body div.fr.no010 > div:nth-child(2)::before {
  content: "";
  position: absolute;
  top: calc(-0.046875 * var(--width-fr));
  width: calc(0.7421875 * var(--width-fr));
  border-bottom: calc(0.046875 * var(--width-fr)) solid #98C275;
  border-left: calc(0.046875 * var(--width-fr)) solid transparent;
}
body section#body div.fr.no010 > div:nth-child(2)::after {
  content: "";
  position: absolute;
  bottom: calc(-0.046875 * var(--width-fr));
  width: calc(0.7421875 * var(--width-fr));
  border-top: calc(0.046875 * var(--width-fr)) solid #98C275;
  border-left: calc(0.046875 * var(--width-fr)) solid transparent;
}
body section#body div.fr.no010 > div:nth-child(2) div {
  position: absolute;
  top: calc(0.09375 * var(--width-fr));
  left: calc(0.140625 * var(--width-fr));
  width: calc(0.4296875 * var(--width-fr));
  height: calc(0.4296875 * var(--width-fr));
  background-color: #FCECA8;
}
body section#body div.fr.no010 > div:nth-child(2) div::before {
  content: "";
  position: absolute;
  top: calc(0.05859375 * var(--width-fr));
  left: calc(0.05859375 * var(--width-fr));
  width: calc(0.3125 * var(--width-fr));
  height: calc(0.3125 * var(--width-fr));
  background-color: #2B2A29;
}
body section#body div.fr.no010 > div:nth-child(2) div::after {
  content: "";
  position: absolute;
  top: calc(0.078125 * var(--width-fr));
  left: calc(0.12890625 * var(--width-fr));
  width: calc(0.171875 * var(--width-fr));
  height: calc(0.171875 * var(--width-fr));
  background-color: #757775;
}
body section#body div.fr.no011 {
  background-color: #6D8F45;
}
body section#body div.fr.no011::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(0.15625 * var(--width-fr));
  width: calc(0.4453125 * var(--width-fr));
  height: calc(0.125 * var(--width-fr));
  background-color: #BBD481;
}
body section#body div.fr.no011::after {
  content: "";
  position: absolute;
  bottom: calc(0.140625 * var(--width-fr));
  right: calc(0.0859375 * var(--width-fr));
  width: calc(0.1640625 * var(--width-fr));
  height: calc(0.3359375 * var(--width-fr));
  background-color: #BBD481;
}
body section#body div.fr.no011 > div:nth-child(1) {
  position: absolute;
  top: calc(0.125 * var(--width-fr));
  left: 0;
  width: calc(0.6953125 * var(--width-fr));
  height: calc(0.875 * var(--width-fr));
  background-color: #BBD481;
}
body section#body div.fr.no011 > div:nth-child(1)::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: calc(-0.0546875 * var(--width-fr));
  height: calc(0.875 * var(--width-fr));
  border-top: calc(0.0546875 * var(--width-fr)) solid transparent;
  border-left: calc(0.0546875 * var(--width-fr)) solid #BBD481;
}
body section#body div.fr.no011 > div:nth-child(1)::after {
  content: "";
  position: absolute;
  left: calc(0.1953125 * var(--width-fr));
  bottom: 0;
  width: calc(0.09375 * var(--width-fr));
  height: calc(0.1953125 * var(--width-fr));
  background-color: #ABC276;
}
body section#body div.fr.no011 > div:nth-child(1) > div:nth-child(1) {
  position: absolute;
  left: 0;
  bottom: calc(0.1953125 * var(--width-fr));
  width: calc(0.2890625 * var(--width-fr));
  height: calc(0.078125 * var(--width-fr));
  background-color: #ABC276;
}
body section#body div.fr.no011 > div:nth-child(1) > div:nth-child(1)::before {
  content: "";
  position: absolute;
  left: calc(0.0703125 * var(--width-fr));
  bottom: calc(0.078125 * var(--width-fr));
  width: calc(0.09375 * var(--width-fr));
  height: calc(0.28125 * var(--width-fr));
  background-color: #ABC276;
}
body section#body div.fr.no011 > div:nth-child(1) > div:nth-child(1)::after {
  content: "";
  position: absolute;
  left: calc(0.0703125 * var(--width-fr));
  bottom: calc(0.2734375 * var(--width-fr));
  width: calc(0.2265625 * var(--width-fr));
  height: calc(0.09375 * var(--width-fr));
  background-color: #ABC276;
}
body section#body div.fr.no011 > div:nth-child(1) > div:nth-child(2) {
  position: absolute;
  left: calc(0.296875 * var(--width-fr));
  bottom: calc(0.4296875 * var(--width-fr));
  width: calc(0.265625 * var(--width-fr));
  height: calc(0.265625 * var(--width-fr));
  background-color: #fff;
}
body section#body div.fr.no011 > div:nth-child(1) > div:nth-child(2)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: calc(0.125 * var(--width-fr));
  background-color: #ABC276;
}
body section#body div.fr.no011 > div:nth-child(1) > div:nth-child(2)::after {
  content: "";
  position: absolute;
  top: calc(0.125 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.1171875 * var(--width-fr));
  height: calc(0.0703125 * var(--width-fr));
  background-color: #3C3C3C;
}
body section#body div.fr.no011 > div:nth-child(2) {
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(0.25 * var(--width-fr));
  height: calc(0.0625 * var(--width-fr));
  background-color: #BBD481;
}
body section#body div.fr.no011 > div:nth-child(2)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: calc(0.0859375 * var(--width-fr));
  height: 100%;
  background-color: #ABC276;
}
body section#body div.fr.no012 {
  background-color: #746F87;
}
body section#body div.fr.no012 > div:nth-child(1) {
  position: relative;
  margin: calc(0.1171875 * var(--width-fr)) auto 0;
  width: calc(0.875 * var(--width-fr));
  height: calc(0.4296875 * var(--width-fr));
}
body section#body div.fr.no012 > div:nth-child(1) > div {
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(0.328125 * var(--width-fr));
  height: 100%;
  background-color: #CE7A73;
}
body section#body div.fr.no012 > div:nth-child(1) > div:nth-child(1) {
  left: 0;
}
body section#body div.fr.no012 > div:nth-child(1) > div:nth-child(1)::before {
  right: 0;
}
body section#body div.fr.no012 > div:nth-child(1) > div:nth-child(1)::after {
  right: calc(0.03125 * var(--width-fr));
}
body section#body div.fr.no012 > div:nth-child(1) > div:nth-child(2) {
  right: 0;
}
body section#body div.fr.no012 > div:nth-child(1) > div:nth-child(2)::before {
  left: 0;
}
body section#body div.fr.no012 > div:nth-child(1) > div:nth-child(2)::after {
  left: calc(0.03125 * var(--width-fr));
}
body section#body div.fr.no012 > div:nth-child(1) > div::before {
  content: "";
  position: absolute;
  top: 0;
  width: calc(0.25 * var(--width-fr));
  height: calc(0.2734375 * var(--width-fr));
  background-color: #DD837C;
}
body section#body div.fr.no012 > div:nth-child(1) > div::after {
  content: "";
  position: absolute;
  top: calc(0.03125 * var(--width-fr));
  width: calc(0.1328125 * var(--width-fr));
  height: calc(0.1328125 * var(--width-fr));
  background-color: #E4BEBB;
}
body section#body div.fr.no012 > div:nth-child(2) {
  position: relative;
  margin: calc(0.0234375 * var(--width-fr)) auto;
  width: calc(0.2109375 * var(--width-fr));
  height: calc(0.1171875 * var(--width-fr));
  background-color: #688EA3;
}
body section#body div.fr.no012 > div:nth-child(2)::before {
  left: 0;
}
body section#body div.fr.no012 > div:nth-child(2)::after {
  right: 0;
}
body section#body div.fr.no012 > div:nth-child(2)::before, body section#body div.fr.no012 > div:nth-child(2)::after {
  content: "";
  position: absolute;
  bottom: calc(-0.046875 * var(--width-fr));
  width: calc(0.046875 * var(--width-fr));
  height: calc(0.046875 * var(--width-fr));
  background-color: #EAF1F8;
}
body section#body div.fr.no012 > div:nth-child(3) {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: calc(0.234375 * var(--width-fr));
}
body section#body div.fr.no012 > div:nth-child(3) div {
  position: absolute;
  top: 0;
  width: calc(0.109375 * var(--width-fr));
  height: calc(0.1484375 * var(--width-fr));
  background-color: #EAF1F8;
}
body section#body div.fr.no012 > div:nth-child(3) div:nth-child(1) {
  left: 0;
}
body section#body div.fr.no012 > div:nth-child(3) div:nth-child(2) {
  right: 0;
}
body section#body div.fr.no012 > div:nth-child(3) div::before {
  content: "";
  position: absolute;
  top: calc(0.1484375 * var(--width-fr));
  left: 0;
  right: 0;
  width: 100%;
  height: calc(0.0859375 * var(--width-fr));
  background-color: #605F60;
}
body section#body div.fr.no012 > div:nth-child(4) {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.484375 * var(--width-fr));
  height: calc(0.1171875 * var(--width-fr));
}
body section#body div.fr.no012 > div:nth-child(4) div {
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(0.109375 * var(--width-fr));
  height: calc(0.1171875 * var(--width-fr));
  background-color: #688FA3;
}
body section#body div.fr.no012 > div:nth-child(4) div:nth-child(1) {
  left: 0;
}
body section#body div.fr.no012 > div:nth-child(4) div:nth-child(1)::before {
  left: calc(-0.015625 * var(--width-fr));
  border-right: calc(0.015625 * var(--width-fr)) solid #688FA3;
}
body section#body div.fr.no012 > div:nth-child(4) div:nth-child(1)::after {
  right: calc(-0.0234375 * var(--width-fr));
  border-left: calc(0.0234375 * var(--width-fr)) solid #688FA3;
}
body section#body div.fr.no012 > div:nth-child(4) div:nth-child(2) {
  right: 0;
}
body section#body div.fr.no012 > div:nth-child(4) div:nth-child(2)::before {
  right: calc(-0.015625 * var(--width-fr));
  border-left: calc(0.015625 * var(--width-fr)) solid #688FA3;
}
body section#body div.fr.no012 > div:nth-child(4) div:nth-child(2)::after {
  left: calc(-0.0234375 * var(--width-fr));
  border-right: calc(0.0234375 * var(--width-fr)) solid #688FA3;
}
body section#body div.fr.no012 > div:nth-child(4) div::before {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  border-top: calc(0.015625 * var(--width-fr)) solid transparent;
}
body section#body div.fr.no012 > div:nth-child(4) div::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  border-top: calc(0.015625 * var(--width-fr)) solid transparent;
}
body section#body div.fr[no="13"], body section#body div.fr[no="013"] {
  background: linear-gradient(to bottom, #6D8F45 0% 17.19%, #DCB57A 17.19% 100%);
}
body section#body div.fr[no="13"]::before, body section#body div.fr[no="013"]::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.296875 * var(--width-fr));
  height: calc(0.171875 * var(--width-fr));
  background-color: #EFF1F1;
}
body section#body div.fr[no="13"]::after, body section#body div.fr[no="013"]::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: calc(0.640625 * var(--width-fr));
  left: calc(0.390625 * var(--width-fr));
  width: calc(0.1015625 * var(--width-fr));
  height: calc(0.09375 * var(--width-fr));
  background-color: #E4BDD5;
}
body section#body div.fr[no="13"] > div:nth-child(1), body section#body div.fr[no="013"] > div:nth-child(1) {
  position: relative;
  z-index: 1;
  margin: calc(0.4140625 * var(--width-fr)) auto 0;
  width: calc(0.6875 * var(--width-fr));
  height: calc(0.140625 * var(--width-fr));
  background: linear-gradient(to right, #413A37 0% 20%, transparent 20% 80%, #413A37 80% 100%);
}
body section#body div.fr[no="13"] > div:nth-child(1)::before, body section#body div.fr[no="013"] > div:nth-child(1)::before {
  content: "";
  position: absolute;
  top: calc(0.0078125 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.5859375 * var(--width-fr));
  height: calc(0.0546875 * var(--width-fr));
  background: linear-gradient(to right, #fff 0% 9.33%, transparent 9.33% 90.67%, #fff 90.67% 100%);
}
body section#body div.fr[no="13"] > div:nth-child(2), body section#body div.fr[no="013"] > div:nth-child(2) {
  position: relative;
  z-index: 1;
  margin: calc(0.0703125 * var(--width-fr)) auto;
  width: calc(0.53125 * var(--width-fr));
  height: calc(0.2890625 * var(--width-fr));
  background-color: #D393B8;
}
body section#body div.fr[no="13"] > div:nth-child(2)::before, body section#body div.fr[no="013"] > div:nth-child(2)::before {
  content: "";
  position: absolute;
  top: calc(-0.03125 * var(--width-fr));
  left: 0;
  right: 0;
  width: calc(0.46875 * var(--width-fr));
  border-left: calc(0.03125 * var(--width-fr)) solid transparent;
  border-bottom: calc(0.03125 * var(--width-fr)) solid #D393B8;
  border-right: calc(0.03125 * var(--width-fr)) solid transparent;
}
body section#body div.fr[no="13"] > div:nth-child(2)::after, body section#body div.fr[no="013"] > div:nth-child(2)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: calc(-0.0390625 * var(--width-fr));
  right: 0;
  width: calc(0.453125 * var(--width-fr));
  border-top: calc(0.0390625 * var(--width-fr)) solid #D393B8;
  border-left: calc(0.0390625 * var(--width-fr)) solid transparent;
  border-right: calc(0.0390625 * var(--width-fr)) solid transparent;
}
body section#body div.fr[no="14"], body section#body div.fr[no="014"] {
  background-color: #DACA76;
}
body section#body div.fr[no="14"]::before, body section#body div.fr[no="014"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: calc(-0.09375 * var(--width-fr)) auto 0;
  width: calc(0.296875 * var(--width-fr));
  height: calc(0.2265625 * var(--width-fr));
  background-color: #C5B76A;
}
body section#body div.fr[no="14"]::after, body section#body div.fr[no="014"]::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.21875 * var(--width-fr));
  height: calc(0.1328125 * var(--width-fr));
  background-color: #DACA76;
}
body section#body div.fr[no="14"] > div:nth-child(1), body section#body div.fr[no="014"] > div:nth-child(1) {
  position: relative;
  margin: calc(0.1796875 * var(--width-fr)) auto 0;
  width: calc(0.8515625 * var(--width-fr));
  height: calc(0.1875 * var(--width-fr));
  background: linear-gradient(to bottom, #2B2C29 0% 71%, #46413F 71% 100%);
}
body section#body div.fr[no="14"] > div:nth-child(1)::before, body section#body div.fr[no="014"] > div:nth-child(1)::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: calc(0.0390625 * var(--width-fr));
  right: 0;
  margin: 0 auto;
  width: calc(0.5703125 * var(--width-fr));
  height: calc(0.078125 * var(--width-fr));
  background-color: #FFFFFC;
}
body section#body div.fr[no="14"] > div:nth-child(1)::after, body section#body div.fr[no="014"] > div:nth-child(1)::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.25 * var(--width-fr));
  border-top: calc(0.1875 * var(--width-fr)) solid #DACA76;
  border-left: calc(0.1796875 * var(--width-fr)) solid transparent;
  border-right: calc(0.1796875 * var(--width-fr)) solid transparent;
}
body section#body div.fr[no="14"] > div:nth-child(2), body section#body div.fr[no="014"] > div:nth-child(2) {
  position: relative;
  z-index: 1;
  margin-top: calc(0.140625 * var(--width-fr));
  width: 100%;
  height: calc(0.359375 * var(--width-fr));
  background: linear-gradient(to bottom, #C5B76A 0% 17.4%, transparent 17.4% 56.5%, #C5B76A 56.5% 73.9%, transparent 73.9% 100%);
}
body section#body div.fr[no="14"] > div:nth-child(2)::before, body section#body div.fr[no="014"] > div:nth-child(2)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.21875 * var(--width-fr));
  border-top: calc(0.359375 * var(--width-fr)) solid #C5B76A;
  border-left: calc(0.15625 * var(--width-fr)) solid transparent;
  border-right: calc(0.15625 * var(--width-fr)) solid transparent;
}
body section#body div.fr[no="14"] > div:nth-child(2)::after, body section#body div.fr[no="014"] > div:nth-child(2)::after {
  content: "";
  position: absolute;
  top: calc(0.0625 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.15625 * var(--width-fr));
  border-top: calc(0.234375 * var(--width-fr)) solid #DACA76;
  border-left: calc(0.1015625 * var(--width-fr)) solid transparent;
  border-right: calc(0.1015625 * var(--width-fr)) solid transparent;
}
body section#body div.fr[no="15"], body section#body div.fr[no="015"] {
  background-color: #EDDC76;
}
body section#body div.fr[no="15"]::before, body section#body div.fr[no="015"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.609375 * var(--width-fr));
  height: calc(0.2421875 * var(--width-fr));
  background: linear-gradient(to right, #A2A3B3 0% 16.7%, transparent 16.7% 83.3%, #A2A3B3 83.3% 100%);
}
body section#body div.fr[no="15"]::after, body section#body div.fr[no="015"]::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: calc(0.40625 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.8671875 * var(--width-fr));
  height: calc(0.2578125 * var(--width-fr));
  background-color: #B0595F;
}
body section#body div.fr[no="15"] > div:nth-child(1), body section#body div.fr[no="015"] > div:nth-child(1) {
  position: absolute;
  z-index: 1;
  top: calc(0.421875 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.6796875 * var(--width-fr));
  height: calc(0.0625 * var(--width-fr));
  background: linear-gradient(to right, #E8D6D8 0% 17.2%, transparent 17.2% 82.8%, #E8D6D8 82.8% 100%);
}
body section#body div.fr[no="15"] > div:nth-child(1)::before, body section#body div.fr[no="015"] > div:nth-child(1)::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: calc(0.1796875 * var(--width-fr));
  left: calc(-0.04296875 * var(--width-fr));
  right: 0;
  margin: 0 auto;
  width: calc(0.765625 * var(--width-fr));
  height: calc(0.0625 * var(--width-fr));
  background: linear-gradient(to right, #DDA789 0% 28.6%, transparent 28.6% 71.4%, #DDA789 71.4% 100%);
}
body section#body div.fr[no="15"] > div:nth-child(1)::after, body section#body div.fr[no="015"] > div:nth-child(1)::after {
  content: "";
  position: absolute;
  top: calc(-0.015625 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.2109375 * var(--width-fr));
  border-top: calc(0.265625 * var(--width-fr)) solid #EDDC76;
  border-left: calc(0.1015625 * var(--width-fr)) solid transparent;
  border-right: calc(0.1015625 * var(--width-fr)) solid transparent;
}
body section#body div.fr[no="16"], body section#body div.fr[no="016"] {
  background: linear-gradient(to bottom, #C0A06F 0% 10.94%, #372E27 10.94% 38.28%, #F5ECBD 38.28% 100%);
}
body section#body div.fr[no="16"]::before, body section#body div.fr[no="016"]::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.3203125 * var(--width-fr));
  border-top: calc(0.3203125 * var(--width-fr)) solid #F5ECBD;
  border-left: calc(0.2734375 * var(--width-fr)) solid transparent;
  border-right: calc(0.2734375 * var(--width-fr)) solid transparent;
}
body section#body div.fr[no="16"]::after, body section#body div.fr[no="016"]::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.3203125 * var(--width-fr));
  height: calc(0.4140625 * var(--width-fr));
  background-color: #C0A06F;
}
body section#body div.fr[no="16"] > div:nth-child(1), body section#body div.fr[no="016"] > div:nth-child(1) {
  position: absolute;
  z-index: 0;
  top: calc(0.203125 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.6640625 * var(--width-fr));
  height: calc(0.171875 * var(--width-fr));
  outline: calc(0.0390625 * var(--width-fr)) solid #fff;
}
body section#body div.fr[no="16"] > div:nth-child(1)::before, body section#body div.fr[no="016"] > div:nth-child(1)::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: calc(0.5234375 * var(--width-fr));
  height: calc(0.0859375 * var(--width-fr));
  background: linear-gradient(to right, #fff 0% 11.94%, transparent 11.94% 88.06%, #fff 88.06% 100%);
}
body section#body div.fr[no="16"] > div:nth-child(1)::after, body section#body div.fr[no="016"] > div:nth-child(1)::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: calc(0.0625 * var(--width-fr));
  background: linear-gradient(to right, #483D3A 0% 14.12%, transparent 14.12% 85.88%, #483D3A 85.88% 100%);
}
body section#body div.fr[no="16"] > div:nth-child(2), body section#body div.fr[no="016"] > div:nth-child(2) {
  position: absolute;
  z-index: 0;
  top: calc(0.4140625 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.46875 * var(--width-fr));
  height: calc(0.46875 * var(--width-fr));
  background-color: #C8A8B2;
}
body section#body div.fr[no="16"] > div:nth-child(2)::before, body section#body div.fr[no="016"] > div:nth-child(2)::before {
  content: "";
  z-index: 1;
  position: absolute;
  top: calc(0.203125 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.28125 * var(--width-fr));
  height: calc(0.1015625 * var(--width-fr));
  background-color: #AF8491;
  border-top: calc(0.0546875 * var(--width-fr)) solid #8C747B;
  border-left: calc(0.0546875 * var(--width-fr)) solid #8C747B;
  border-right: calc(0.0546875 * var(--width-fr)) solid #8C747B;
}
body section#body div.fr[no="17"], body section#body div.fr[no="017"] {
  background: linear-gradient(to bottom, #C56D6E 0% 23.44%, #3F3F3F 23.44% 92.19%, #B88E52 92.19% 100%);
}
body section#body div.fr[no="17"]::before, body section#body div.fr[no="017"]::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: calc(0.234375 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.1796875 * var(--width-fr));
  border-top: calc(0.171875 * var(--width-fr)) solid #C56D6E;
  border-left: calc(0.41015625 * var(--width-fr)) solid transparent;
  border-right: calc(0.41015625 * var(--width-fr)) solid transparent;
}
body section#body div.fr[no="17"]::after, body section#body div.fr[no="017"]::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.1796875 * var(--width-fr));
  height: calc(0.46875 * var(--width-fr));
  background: linear-gradient(to right, #C56D6E 0% 34.78%, #B96766 34.78% 78.26%, #C56D6E 78.26% 100%);
}
body section#body div.fr[no="17"] > div:nth-child(1), body section#body div.fr[no="017"] > div:nth-child(1) {
  position: absolute;
  z-index: 0;
  left: 0;
  bottom: calc(0.078125 * var(--width-fr));
  right: 0;
  margin: 0 auto;
  width: calc(0.8046875 * var(--width-fr));
  height: calc(0.65625 * var(--width-fr));
  background-color: #F8F5C0;
}
body section#body div.fr[no="17"] > div:nth-child(1)::before, body section#body div.fr[no="017"] > div:nth-child(1)::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: calc(0.1875 * var(--width-fr));
  background: linear-gradient(to right, #fff 0% 33.98%, transparent 33.98% 66.02%, #fff 66.02% 100%);
}
body section#body div.fr[no="17"] > div:nth-child(2), body section#body div.fr[no="017"] > div:nth-child(2) {
  position: absolute;
  z-index: 0;
  top: calc(0.265625 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.5703125 * var(--width-fr));
  height: calc(0.125 * var(--width-fr));
  background: linear-gradient(to right, #250201 0% 21.92%, transparent 21.92% 78.08%, #250201 78.08% 100%);
}
body section#body div.fr[no="17"] > div:nth-child(2)::before, body section#body div.fr[no="017"] > div:nth-child(2)::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: calc(-0.0390625 * var(--width-fr));
  right: 0;
  width: calc(0.5703125 * var(--width-fr));
  height: calc(0.046875 * var(--width-fr));
  background: linear-gradient(to right, #371A19 0% 21.92%, transparent 21.92% 78.08%, #371A19 78.08% 100%);
}
body section#body div.fr[no="17"] > div:nth-child(2)::after, body section#body div.fr[no="017"] > div:nth-child(2)::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: calc(-0.0078125 * var(--width-fr));
  right: 0;
  margin: 0 auto;
  width: calc(0.4765625 * var(--width-fr));
  height: calc(0.0625 * var(--width-fr));
  background: linear-gradient(to right, #fff 0% 6.56%, transparent 6.56% 93.44%, #fff 93.44% 100%);
}
body section#body div.fr[no="17"] > div:nth-child(3), body section#body div.fr[no="017"] > div:nth-child(3) {
  position: absolute;
  z-index: 0;
  bottom: calc(0.140625 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.3046875 * var(--width-fr));
  height: calc(0.390625 * var(--width-fr));
  background-color: #C8A9B6;
}
body section#body div.fr[no="17"] > div:nth-child(3)::before, body section#body div.fr[no="017"] > div:nth-child(3)::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: calc(0.09375 * var(--width-fr));
  right: 0;
  margin: 0 auto;
  width: calc(0.1640625 * var(--width-fr));
  height: calc(0.0625 * var(--width-fr));
  background-color: #AF8491;
  border-top: calc(0.046875 * var(--width-fr)) solid #8C747B;
  border-left: calc(0.03125 * var(--width-fr)) solid #8C747B;
  border-right: calc(0.03125 * var(--width-fr)) solid #8C747B;
}
body section#body div.fr[no="18"], body section#body div.fr[no="018"] {
  background: linear-gradient(to bottom, #F5CF5D 0% 5.7%, #D46A45 5.7% 21.88%, #3C3A39 21.88% 92.19%, #C0A162 92.19% 100%);
}
body section#body div.fr[no="18"]::before, body section#body div.fr[no="018"]::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: calc(0.21875 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.21875 * var(--width-fr));
  border-top: calc(0.1875 * var(--width-fr)) solid #D46A45;
  border-left: calc(0.390625 * var(--width-fr)) solid transparent;
  border-right: calc(0.390625 * var(--width-fr)) solid transparent;
}
body section#body div.fr[no="18"]::after, body section#body div.fr[no="018"]::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: calc(0.0546875 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.0859375 * var(--width-fr));
  border-top: calc(0.28125 * var(--width-fr)) solid #F5CF5D;
  border-left: calc(0.45703125 * var(--width-fr)) solid transparent;
  border-right: calc(0.45703125 * var(--width-fr)) solid transparent;
}
body section#body div.fr[no="18"] > div:nth-child(1), body section#body div.fr[no="018"] > div:nth-child(1) {
  position: absolute;
  z-index: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.8125 * var(--width-fr));
  height: calc(0.7421875 * var(--width-fr));
  background-color: #F8F5C0;
}
body section#body div.fr[no="18"] > div:nth-child(1)::before, body section#body div.fr[no="018"] > div:nth-child(1)::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: calc(0.1484375 * var(--width-fr));
  background-color: #fff;
}
body section#body div.fr[no="18"] > div:nth-child(2), body section#body div.fr[no="018"] > div:nth-child(2) {
  position: absolute;
  z-index: 0;
  top: calc(0.265625 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.6015625 * var(--width-fr));
  height: calc(0.109375 * var(--width-fr));
  background: linear-gradient(to right, #292829 0% 18.18%, transparent 18.18% 81.82%, #292829 81.82% 100%);
}
body section#body div.fr[no="18"] > div:nth-child(2)::before, body section#body div.fr[no="018"] > div:nth-child(2)::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: calc(-0.03125 * var(--width-fr));
  right: 0;
  width: calc(0.6015625 * var(--width-fr));
  height: calc(0.03125 * var(--width-fr));
  background: linear-gradient(to right, #3D3936 0% 18.18%, transparent 18.18% 81.82%, #3D3936 81.82% 100%);
}
body section#body div.fr[no="18"] > div:nth-child(2)::after, body section#body div.fr[no="018"] > div:nth-child(2)::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: calc(-0.015625 * var(--width-fr));
  right: 0;
  margin: 0 auto;
  width: calc(0.5234375 * var(--width-fr));
  height: calc(0.0625 * var(--width-fr));
  background: linear-gradient(to right, #fff 0% 6.56%, transparent 6.56% 93.44%, #fff 93.44% 100%);
}
body section#body div.fr[no="18"] > div:nth-child(3), body section#body div.fr[no="018"] > div:nth-child(3) {
  position: absolute;
  z-index: 2;
  bottom: calc(0.15625 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.390625 * var(--width-fr));
  height: calc(0.4140625 * var(--width-fr));
  background-color: #E0BDC8;
}
body section#body div.fr[no="18"] > div:nth-child(3)::before, body section#body div.fr[no="018"] > div:nth-child(3)::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: calc(-0.09375 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.21875 * var(--width-fr));
  height: calc(0.09375 * var(--width-fr));
  background: linear-gradient(to right, #D46A45 0% 30.35%, #F5CF5D 30.35% 69.65%, #D46A45 60.65% 100%);
}
body section#body div.fr[no="18"] > div:nth-child(3)::after, body section#body div.fr[no="018"] > div:nth-child(3)::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  bottom: calc(0.09375 * var(--width-fr));
  right: 0;
  margin: 0 auto;
  width: calc(0.203125 * var(--width-fr));
  height: calc(0.046875 * var(--width-fr));
  background-color: #C099AE;
  border-top: calc(0.0390625 * var(--width-fr)) solid #997C79;
  border-left: calc(0.0625 * var(--width-fr)) solid #997C79;
  border-right: calc(0.0625 * var(--width-fr)) solid #997C79;
}
body section#body div.fr[no="19"], body section#body div.fr[no="019"] {
  background: linear-gradient(to bottom, #A58CBA 0% 49.22%, #E2D7BD 49.22% 100%);
}
body section#body div.fr[no="19"]::before, body section#body div.fr[no="019"]::before {
  content: "";
  position: absolute;
  top: calc(0.125 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.8515625 * var(--width-fr));
  height: calc(0.21875 * var(--width-fr));
  background-color: #fff;
}
body section#body div.fr[no="19"]::after, body section#body div.fr[no="019"]::after {
  content: "";
  position: absolute;
  top: calc(0.125 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.2578125 * var(--width-fr));
  border-top: calc(0.21875 * var(--width-fr)) solid #A58CBA;
  border-left: calc(0.296875 * var(--width-fr)) solid transparent;
  border-right: calc(0.296875 * var(--width-fr)) solid transparent;
}
body section#body div.fr[no="19"] > div:nth-child(1), body section#body div.fr[no="019"] > div:nth-child(1) {
  position: absolute;
  top: calc(0.1875 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.6875 * var(--width-fr));
  height: calc(0.15625 * var(--width-fr));
  background-color: #975356;
}
body section#body div.fr[no="19"] > div:nth-child(1)::before, body section#body div.fr[no="019"] > div:nth-child(1)::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: calc(0.0390625 * var(--width-fr));
  background: linear-gradient(to right, #AB5E62 0% 14.77%, transparent 14.77% 85.23%, #AB5E62 85.23% 100%);
}
body section#body div.fr[no="19"] > div:nth-child(1)::after, body section#body div.fr[no="019"] > div:nth-child(1)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: calc(0.03125 * var(--width-fr));
  right: 0;
  margin: 0 auto;
  width: calc(0.546875 * var(--width-fr));
  height: calc(0.0703125 * var(--width-fr));
  background: linear-gradient(to right, #FDF5FE 0% 8.57%, transparent 8.57% 91.43%, #FDF5FE 91.43% 100%);
}
body section#body div.fr[no="19"] > div:nth-child(2), body section#body div.fr[no="019"] > div:nth-child(2) {
  position: absolute;
  left: 0;
  bottom: calc(0.0703125 * var(--width-fr));
  right: 0;
  margin: 0 auto;
  width: calc(0.515625 * var(--width-fr));
  height: calc(0.328125 * var(--width-fr));
  background-color: #CAACB2;
  border-top: calc(0.15625 * var(--width-fr)) solid #927083;
  border-left: calc(0.03125 * var(--width-fr)) solid #927083;
  border-right: calc(0.03125 * var(--width-fr)) solid #927083;
}
body section#body div.fr[no="19"] > div:nth-child(2)::before, body section#body div.fr[no="019"] > div:nth-child(2)::before {
  content: "";
  position: absolute;
  top: calc(-0.3203125 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.09375 * var(--width-fr));
  height: calc(0.046875 * var(--width-fr));
  border-left: calc(0.03125 * var(--width-fr)) solid #685671;
  border-right: calc(0.03125 * var(--width-fr)) solid #685671;
}
body section#body div.fr[no="19"] > div:nth-child(2)::after, body section#body div.fr[no="019"] > div:nth-child(2)::after {
  content: "";
  position: absolute;
  top: calc(-0.15625 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.046875 * var(--width-fr));
  height: calc(0.125 * var(--width-fr));
  background-color: #E5E7E1;
  border-top: calc(0.0703125 * var(--width-fr)) solid #F8FCF7;
  border-left: calc(0.1171875 * var(--width-fr)) solid #F8FCF7;
  border-right: calc(0.1171875 * var(--width-fr)) solid #F8FCF7;
}
body section#body div.fr[no="20"], body section#body div.fr[no="020"] {
  background-color: #C69D52;
}
body section#body div.fr[no="20"]::before, body section#body div.fr[no="020"]::before {
  content: "";
  position: absolute;
  top: calc(0.078125 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.8359375 * var(--width-fr));
  height: calc(0.1484375 * var(--width-fr));
  background-color: #fff;
}
body section#body div.fr[no="20"]::after, body section#body div.fr[no="020"]::after {
  content: "";
  position: absolute;
  top: calc(0.078125 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.3515625 * var(--width-fr));
  border-top: calc(0.15625 * var(--width-fr)) solid #C69D52;
  border-left: calc(0.2421875 * var(--width-fr)) solid transparent;
  border-right: calc(0.2421875 * var(--width-fr)) solid transparent;
}
body section#body div.fr[no="20"] > div:nth-child(1), body section#body div.fr[no="020"] > div:nth-child(1) {
  position: absolute;
  top: calc(0.078125 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.65625 * var(--width-fr));
  height: calc(0.1484375 * var(--width-fr));
  background-color: #433C3C;
}
body section#body div.fr[no="20"] > div:nth-child(1)::before, body section#body div.fr[no="020"] > div:nth-child(1)::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: calc(0.03125 * var(--width-fr));
  background: linear-gradient(to right, #584F4F 0% 10.71%, transparent 10.71% 89.29%, #584F4F 89.29% 100%);
}
body section#body div.fr[no="20"] > div:nth-child(1)::after, body section#body div.fr[no="020"] > div:nth-child(1)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: calc(0.015625 * var(--width-fr));
  right: 0;
  margin: 0 auto;
  width: calc(0.546875 * var(--width-fr));
  height: calc(0.0703125 * var(--width-fr));
  background: linear-gradient(to right, #FDF5FE 0% 4.29%, transparent 4.29% 95.71%, #FDF5FE 95.71% 100%);
}
body section#body div.fr[no="20"] > div:nth-child(2), body section#body div.fr[no="020"] > div:nth-child(2) {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.8046875 * var(--width-fr));
  height: calc(0.7109375 * var(--width-fr));
  background-color: #E9DDC0;
}
body section#body div.fr[no="20"] > div:nth-child(2)::before, body section#body div.fr[no="020"] > div:nth-child(2)::before {
  content: "";
  position: absolute;
  top: calc(-0.03125 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.34375 * var(--width-fr));
  height: calc(0.03125 * var(--width-fr));
  background-color: #E9DDC0;
}
body section#body div.fr[no="20"] > div:nth-child(2)::after, body section#body div.fr[no="020"] > div:nth-child(2)::after {
  content: "";
  position: absolute;
  top: calc(-0.0078125 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.046875 * var(--width-fr));
  height: calc(0.046875 * var(--width-fr));
  border-left: calc(0.0234375 * var(--width-fr)) solid #C4B89F;
  border-right: calc(0.0234375 * var(--width-fr)) solid #C4B89F;
}
body section#body div.fr[no="20"] > div:nth-child(3), body section#body div.fr[no="020"] > div:nth-child(3) {
  position: absolute;
  left: 0;
  bottom: calc(0.0703125 * var(--width-fr));
  right: 0;
  margin: 0 auto;
  width: calc(0.5 * var(--width-fr));
  height: calc(0.578125 * var(--width-fr));
  background-color: #CAACB2;
  border-top: calc(0.2109375 * var(--width-fr)) solid #927083;
  border-left: calc(0.0390625 * var(--width-fr)) solid #927083;
  border-right: calc(0.0390625 * var(--width-fr)) solid #927083;
}
body section#body div.fr[no="20"] > div:nth-child(3)::before, body section#body div.fr[no="020"] > div:nth-child(3)::before {
  content: "";
  position: absolute;
  top: calc(-0.2109375 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.0390625 * var(--width-fr));
  height: calc(0.125 * var(--width-fr));
  background-color: #E5E7E1;
  border-top: calc(0.15625 * var(--width-fr)) solid #F8FCF7;
  border-left: calc(0.125 * var(--width-fr)) solid #F8FCF7;
  border-right: calc(0.125 * var(--width-fr)) solid #F8FCF7;
}
body section#body div.fr[no="20"] > div:nth-child(3)::after, body section#body div.fr[no="020"] > div:nth-child(3)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.0390625 * var(--width-fr));
  height: calc(0.1171875 * var(--width-fr));
  background-color: #E5E7E1;
  border-left: calc(0.125 * var(--width-fr)) solid #F8FCF7;
  border-bottom: calc(0.1484375 * var(--width-fr)) solid #F8FCF7;
  border-right: calc(0.125 * var(--width-fr)) solid #F8FCF7;
}
body section#body div.fr[no="21"], body section#body div.fr[no="021"] {
  background: linear-gradient(to bottom, #BA845A 0% 84.37%, #FCEFD6 84.37% 100%);
}
body section#body div.fr[no="21"]::before, body section#body div.fr[no="021"]::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: calc(0.203125 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.4921875 * var(--width-fr));
  height: calc(0.1484375 * var(--width-fr));
  background: linear-gradient(to right, #fff 0% 6.35%, transparent 6.35% 93.65%, #fff 93.65% 100%);
}
body section#body div.fr[no="21"]::after, body section#body div.fr[no="021"]::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: calc(0.203125 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.3125 * var(--width-fr));
  border-top: calc(0.0859375 * var(--width-fr)) solid #BA845A;
  border-left: calc(0.265625 * var(--width-fr)) solid transparent;
  border-right: calc(0.265625 * var(--width-fr)) solid transparent;
}
body section#body div.fr[no="21"] div:nth-child(1), body section#body div.fr[no="021"] div:nth-child(1) {
  position: relative;
  z-index: 0;
  margin: calc(0.203125 * var(--width-fr)) auto 0;
  width: calc(0.84375 * var(--width-fr));
  height: calc(0.1875 * var(--width-fr));
  background-color: #fff;
}
body section#body div.fr[no="21"] div:nth-child(1)::before, body section#body div.fr[no="021"] div:nth-child(1)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.6171875 * var(--width-fr));
  height: calc(0.1875 * var(--width-fr));
  background: linear-gradient(to bottom, #2E2A2B 0% 79.17%, #52494A 79.17% 100%);
}
body section#body div.fr[no="21"] div:nth-child(1)::after, body section#body div.fr[no="021"] div:nth-child(1)::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.3125 * var(--width-fr));
  height: calc(0.1875 * var(--width-fr));
  background-color: #BA845A;
}
body section#body div.fr[no="21"] div:nth-child(2), body section#body div.fr[no="021"] div:nth-child(2) {
  position: relative;
  z-index: 1;
  margin: calc(0.03125 * var(--width-fr)) auto 0;
  width: calc(0.40625 * var(--width-fr));
  height: calc(0.328125 * var(--width-fr));
  background-color: #F1D1D6;
}
body section#body div.fr[no="21"] div:nth-child(2)::before, body section#body div.fr[no="021"] div:nth-child(2)::before {
  content: "";
  position: absolute;
  top: calc(-0.09375 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.171875 * var(--width-fr));
  height: calc(0.09375 * var(--width-fr));
  background-color: #F1D1D6;
}
body section#body div.fr[no="21"] div:nth-child(2)::after, body section#body div.fr[no="021"] div:nth-child(2)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: calc(0.0625 * var(--width-fr));
  right: 0;
  margin: 0 auto;
  width: calc(0.203125 * var(--width-fr));
  height: calc(0.0625 * var(--width-fr));
  background-color: #C3969C;
  border-top: calc(0.046875 * var(--width-fr)) solid #AD7D8C;
  border-left: calc(0.0625 * var(--width-fr)) solid #AD7D8C;
  border-right: calc(0.0625 * var(--width-fr)) solid #AD7D8C;
}
body section#body div.fr[no="21"] div:nth-child(3), body section#body div.fr[no="021"] div:nth-child(3) {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.6875 * var(--width-fr));
  height: calc(0.15625 * var(--width-fr));
  background: linear-gradient(to right, #BA845A 0% 22.73%, transparent 22.73% 35.23%, #BA845A 35.23% 64.77%, transparent 64.77% 77.27%, #BA845A 77.27% 100%);
}
body section#body div.fr[no="22"], body section#body div.fr[no="022"] {
  background: linear-gradient(to bottom, #B5F9FF 0% 17.97%, #DB7663 17.97% 33.59%, #BD864F 33.59% 100%);
}
body section#body div.fr[no="22"]::before, body section#body div.fr[no="022"]::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.2109375 * var(--width-fr));
  height: calc(0.1796875 * var(--width-fr));
  background-color: #DB7663;
}
body section#body div.fr[no="22"]::after, body section#body div.fr[no="022"]::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.421875 * var(--width-fr));
  height: calc(0.296875 * var(--width-fr));
  background-color: #EFCDD8;
}
body section#body div.fr[no="22"] div:nth-child(1), body section#body div.fr[no="022"] div:nth-child(1) {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: calc(0.296875 * var(--width-fr));
  right: 0;
  margin: 0 auto;
  width: calc(0.84375 * var(--width-fr));
  height: calc(0.3671875 * var(--width-fr));
  background-color: #FFF;
}
body section#body div.fr[no="22"] div:nth-child(1)::before, body section#body div.fr[no="022"] div:nth-child(1)::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.515625 * var(--width-fr));
  height: calc(0.2890625 * var(--width-fr));
  background: linear-gradient(to right, #313031 0% 12.12%, transparent 12.12% 87.88%, #313031 87.88% 100%);
}
body section#body div.fr[no="22"] div:nth-child(1)::after, body section#body div.fr[no="022"] div:nth-child(1)::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  width: calc(0.1875 * var(--width-fr));
  border-top: calc(0.3671875 * var(--width-fr)) solid #DB7663;
  border-left: calc(0.328125 * var(--width-fr)) solid transparent;
  border-right: calc(0.328125 * var(--width-fr)) solid transparent;
}
body section#body div.fr[no="23"], body section#body div.fr[no="023"] {
  background: linear-gradient(to bottom, #BD8CC0 0% 45.31%, #8E4694 45.31% 100%);
}
body section#body div.fr[no="23"] div:nth-child(1), body section#body div.fr[no="023"] div:nth-child(1) {
  position: absolute;
  z-index: 1;
  top: calc(0.09375 * var(--width-fr));
  right: calc(0.15625 * var(--width-fr));
  width: calc(0.28125 * var(--width-fr));
  height: calc(0.28125 * var(--width-fr));
  background-color: #3C3421;
  border-left: calc(0.109375 * var(--width-fr)) solid #F1DFAA;
  border-bottom: calc(0.0703125 * var(--width-fr)) solid #F1DFAA;
  border-right: calc(0.109375 * var(--width-fr)) solid #F1DFAA;
}
body section#body div.fr[no="23"] div:nth-child(1)::before, body section#body div.fr[no="023"] div:nth-child(1)::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: calc(-0.09375 * var(--width-fr));
  left: calc(-0.671875 * var(--width-fr));
  width: calc(0.140625 * var(--width-fr));
  height: calc(0.1796875 * var(--width-fr));
  background-color: #8E4694;
}
body section#body div.fr[no="23"] div:nth-child(1)::after, body section#body div.fr[no="023"] div:nth-child(1)::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  left: calc(-0.53125 * var(--width-fr));
  width: calc(0.421875 * var(--width-fr));
  height: calc(0.0859375 * var(--width-fr));
  background-color: #AD80AF;
}
body section#body div.fr[no="23"] div:nth-child(2), body section#body div.fr[no="023"] div:nth-child(2) {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: calc(0.125 * var(--width-fr));
  right: calc(0.03125 * var(--width-fr));
  margin: 0 auto;
  width: calc(0.328125 * var(--width-fr));
  height: calc(0.21875 * var(--width-fr));
  background-color: #D39CA2;
}
body section#body div.fr[no="23"] div:nth-child(2)::before, body section#body div.fr[no="023"] div:nth-child(2)::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: calc(-0.203125 * var(--width-fr));
  right: calc(-0.3515625 * var(--width-fr));
  width: calc(0.3515625 * var(--width-fr));
  height: calc(0.546875 * var(--width-fr));
  background-color: #BD8CC0;
}
body section#body div.fr[no="23"] div:nth-child(2)::after, body section#body div.fr[no="023"] div:nth-child(2)::after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: calc(-0.125 * var(--width-fr));
  left: calc(-0.1171875 * var(--width-fr));
  width: calc(0.4453125 * var(--width-fr));
  height: calc(0.125 * var(--width-fr));
  background-color: #BD8CC0;
}
body section#body div.fr[no="24"], body section#body div.fr[no="024"] {
  background-color: #A594C0;
}
body section#body div.fr[no="24"]::before, body section#body div.fr[no="024"]::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: calc(0.1328125 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.296875 * var(--width-fr));
  height: calc(0.0859375 * var(--width-fr));
  box-sizing: border-box;
  border-left: calc(0.046875 * var(--width-fr)) solid #4A4747;
  border-right: calc(0.046875 * var(--width-fr)) solid #4A4747;
}
body section#body div.fr[no="24"]::after, body section#body div.fr[no="024"]::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: calc(0.0546875 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.0859375 * var(--width-fr));
  height: calc(0.15625 * var(--width-fr));
  background-color: #4A4747;
}
body section#body div.fr[no="24"] div:nth-child(1), body section#body div.fr[no="024"] div:nth-child(1) {
  position: relative;
  margin: calc(0.1796875 * var(--width-fr)) auto 0;
  width: calc(0.796875 * var(--width-fr));
  height: calc(0.1796875 * var(--width-fr));
  border-top: calc(0.046875 * var(--width-fr)) solid #4A4747;
  border-left: calc(0.046875 * var(--width-fr)) solid #4A4747;
  border-right: calc(0.046875 * var(--width-fr)) solid #4A4747;
  background: linear-gradient(to right, #C86E65 0% 15.56%, #4A4747 15.56% 84.44%, #C86E65 84.44% 100%);
}
body section#body div.fr[no="24"] div:nth-child(1)::before, body section#body div.fr[no="024"] div:nth-child(1)::before {
  content: "";
  position: absolute;
  top: calc(-0.046875 * var(--width-fr));
  left: 0;
  bottom: calc(0.046875 * var(--width-fr));
  right: 0;
  margin: 0 auto;
  width: calc(0.3828125 * var(--width-fr));
  background-color: #A594C0;
}
body section#body div.fr[no="24"] div:nth-child(1)::after, body section#body div.fr[no="024"] div:nth-child(1)::after {
  content: "";
  position: absolute;
  top: calc(-0.015625 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.296875 * var(--width-fr));
  height: calc(0.0625 * var(--width-fr));
  background-color: #4A4747;
}
body section#body div.fr[no="24"] div:nth-child(2), body section#body div.fr[no="024"] div:nth-child(2) {
  position: relative;
  margin: 0 auto;
  width: calc(0.796875 * var(--width-fr));
  height: calc(0.25 * var(--width-fr));
  border-left: calc(0.046875 * var(--width-fr)) solid #4A4747;
  border-bottom: calc(0.046875 * var(--width-fr)) solid #4A4747;
  border-right: calc(0.046875 * var(--width-fr)) solid #4A4747;
  background: linear-gradient(to right, #C86E65 0% 35.56%, #4A4747 35.56% 64.44%, #C86E65 64.44% 100%);
}
body section#body div.fr[no="24"] div:nth-child(2)::before, body section#body div.fr[no="024"] div:nth-child(2)::before {
  content: "";
  position: absolute;
  top: calc(-0.046875 * var(--width-fr));
  left: 0;
  bottom: calc(-0.046875 * var(--width-fr));
  right: 0;
  margin: 0 auto;
  width: calc(0.09375 * var(--width-fr));
  background-color: #A594C0;
}
body section#body div.fr[no="24"] div:nth-child(2)::after, body section#body div.fr[no="024"] div:nth-child(2)::after {
  content: "";
  position: absolute;
  top: calc(0.0390625 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.609375 * var(--width-fr));
  height: calc(0.125 * var(--width-fr));
  box-sizing: border-box;
  border-left: calc(0.15625 * var(--width-fr)) solid #C8BA5D;
  border-right: calc(0.15625 * var(--width-fr)) solid #C8BA5D;
}
body section#body div.fr[no="24"] div:nth-child(3), body section#body div.fr[no="024"] div:nth-child(3) {
  position: absolute;
  left: 0;
  bottom: calc(0.125 * var(--width-fr));
  right: 0;
  margin: 0 auto;
  width: calc(0.8828125 * var(--width-fr));
  height: calc(0.21875 * var(--width-fr));
  border-left: calc(0.0625 * var(--width-fr)) solid #4A4747;
  border-bottom: calc(0.171875 * var(--width-fr)) solid #4A4747;
  border-right: calc(0.0625 * var(--width-fr)) solid #4A4747;
}
body section#body div.fr[no="24"] div:nth-child(3)::before, body section#body div.fr[no="024"] div:nth-child(3)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.203125 * var(--width-fr));
  height: calc(0.046875 * var(--width-fr));
  background-color: #4A4747;
}
body section#body div.fr[no="24"] div:nth-child(3)::after, body section#body div.fr[no="024"] div:nth-child(3)::after {
  content: "";
  position: absolute;
  top: calc(0.21875 * var(--width-fr));
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(0.125 * var(--width-fr));
  height: calc(0.0703125 * var(--width-fr));
  background-color: #4A4747;
}

a.hint {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  padding: 0.25rem 1rem;
  letter-spacing: 1px;
  color: #fff;
  font-size: 2rem;
  border-radius: 0.5rem 0 0 0;
  opacity: 0.5;
}

#copy {
  position: absolute;
  top: -100vh;
  left: -100vw;
  opacity: 0;
}