@charset "UTF-8";
/*
Theme Name: Twenty Twenty-one Child
Version: 1.6
Template: twentytwentyone
*/
:root {
  --viewport-width: min(100vw, 2000px);
  --b: calc(var(--viewport-width) / 160);
}

html,
body,
main {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* Internet Explorer and Edge */
  background: #3a9447;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar,
main::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

.header {
  pointer-events: none;
}
.header::after {
  display: none;
  border-radius: 0 !important;
}
.header__logo {
  pointer-events: auto;
}
.header__logo img {
  -webkit-filter: invert(10) brightness(5) drop-shadow(0 0 10px #3a9447);
          filter: invert(10) brightness(5) drop-shadow(0 0 10px #3a9447);
}
.header__menu--list.sp {
  display: マンション !important;
}
.header__nav {
  display: none !important;
}
.header__toggle {
  display: none !important;
}

.opening {
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
}
.opening .imageBox {
  position: absolute;
  width: 125%;
  height: auto;
  -webkit-transition: opacity 2s ease, -webkit-transform 2s cubic-bezier(0.15, 0.49, 0.26, 0.82);
  transition: opacity 2s ease, -webkit-transform 2s cubic-bezier(0.15, 0.49, 0.26, 0.82);
  transition: transform 2s cubic-bezier(0.15, 0.49, 0.26, 0.82), opacity 2s ease;
  transition: transform 2s cubic-bezier(0.15, 0.49, 0.26, 0.82), opacity 2s ease, -webkit-transform 2s cubic-bezier(0.15, 0.49, 0.26, 0.82);
}
.opening .imageBox.first {
  top: 0;
  left: 0;
  -webkit-transform: translate(-25%, -25%);
          transform: translate(-25%, -25%);
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.opening .imageBox.second {
  bottom: 0;
  left: 0;
  -webkit-transform: translate(-20%, 30%);
          transform: translate(-20%, 30%);
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.opening .imageBox.third {
  width: 150%;
  bottom: 0;
  right: 0;
  -webkit-transform: translate(40%, 10%);
          transform: translate(40%, 10%);
  -webkit-transition-delay: 0.55s;
          transition-delay: 0.55s;
}
.opening .imageBox.fourth {
  top: 0;
  right: 0;
  -webkit-transform: translate(25%, -50%);
          transform: translate(25%, -50%);
  -webkit-transition-delay: 0.52s;
          transition-delay: 0.52s;
}
.opening .imageBox.fifth {
  width: 200%;
  top: 5%;
  left: 0;
  -webkit-transform: translateX(-45%);
          transform: translateX(-45%);
  -webkit-transition-delay: 0.57s;
          transition-delay: 0.57s;
}
.opening .imageBox.sixth {
  width: 250%;
  top: 0%;
  right: 0;
  -webkit-transform: translateX(45%);
          transform: translateX(45%);
  -webkit-transition-delay: 0.51s;
          transition-delay: 0.51s;
}
.opening .imageBox img {
  width: 100%;
  height: 100%;
}
@media screen and (max-aspect-ratio: 1/1) {
  .opening .imageBox {
    width: 500%;
  }
}
.opening.active .imageBox {
  opacity: 0;
}
.opening.active .imageBox.first {
  -webkit-transform: translate(-100%, -100%);
          transform: translate(-100%, -100%);
}
.opening.active .imageBox.second {
  -webkit-transform: translate(-100%, 100%);
          transform: translate(-100%, 100%);
}
.opening.active .imageBox.third {
  -webkit-transform: translate(100%, 100%);
          transform: translate(100%, 100%);
}
.opening.active .imageBox.fourth {
  -webkit-transform: translate(-100%, -100%);
          transform: translate(-100%, -100%);
}
.opening.active .imageBox.fifth {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.opening.active .imageBox.sixth {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

#life .preface {
  position: fixed;
  display: grid;
  place-items: center;
  inset: 0;
  padding-top: max(8rem, 60px);
  -webkit-transition: opacity 0.3s ease, visibility 0s linear 0.3s;
  transition: opacity 0.3s ease, visibility 0s linear 0.3s;
  visibility: visible;
  opacity: 1;
  z-index: 9999;
}
#life .preface--hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease, visibility 0s linear 0.3s;
  transition: opacity 0.3s ease, visibility 0s linear 0.3s;
}
#life .preface--hidden .preface__content {
  -webkit-transform: scale(0.95) translateX(-50%);
          transform: scale(0.95) translateX(-50%);
}
#life .preface__overlay {
  position: absolute;
  inset: 0;
  background: rgba(58, 148, 71, 0.1);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  z-index: 10;
}
#life .preface__content {
  position: absolute;
  left: 50%;
  width: clamp(475px, 60%, 100rem);
  margin: 0 auto;
  padding: max(8rem, 50px) 5%;
  text-align: center;
  background: #fff;
  border-radius: max(1.5rem, 15px);
  -webkit-box-shadow: 0 0 max(7rem, 50px) rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 max(7rem, 50px) rgba(0, 0, 0, 0.15);
  z-index: 1000;
  -webkit-transform: scale(1) translateX(-50%);
          transform: scale(1) translateX(-50%);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
@media screen and (max-width: 550px) {
  #life .preface__content {
    width: 90%;
  }
}
#life .preface__content h2 {
  margin-bottom: max(2rem, 20px);
  color: #3a9447;
  font-size: max(3.4rem, 28px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
}
@media screen and (max-width: 550px) {
  #life .preface__content h2 {
    font-size: 6vw;
  }
}
#life .preface__content p {
  font-size: max(1.6rem, 13px);
  font-weight: 500;
  line-height: 2.5;
  letter-spacing: 0;
}
#life .preface__content__btnBox {
  margin-top: max(3rem, 20px);
}
#life .preface__content__btnBox .btn {
  text-align: center;
  min-width: 400px;
  margin: 0 auto;
  padding-left: max(10rem, 40px);
  padding-right: max(10rem, 40px);
  background: #3a9447;
  border-radius: max(4rem, 30px);
  -webkit-box-shadow: 5px 5px #30853b;
          box-shadow: 5px 5px #30853b;
}
@media screen and (max-width: 550px) {
  #life .preface__content__btnBox .btn {
    width: 100%;
    min-width: 100%;
  }
}
#life .preface__content__btnBox .btn span {
  padding-top: max(2rem, 20px);
  padding-bottom: max(2rem, 20px);
  color: #fff;
  font-size: max(2rem, 18px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}
#life .map {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  cursor: -webkit-grab;
  cursor: grab;
  background-color: #cfdddb;
  -ms-touch-action: none;
      touch-action: none;
  z-index: 0;
}
#life .map.dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
#life .map__controls {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: 1fr auto 1fr;
  gap: max(2rem, 20px);
  bottom: clamp(10px, 3.125vw, 50px);
  left: clamp(10px, 3.125vw, 50px);
  background: #fff;
  border-radius: max(1rem, 10px);
  overflow: hidden;
}
#life .map__controls__button {
  display: grid;
  place-items: center;
  align-self: stretch;
  height: auto;
  min-width: max(3.125vw, 50px);
  background: #3a9447;
  color: #fff;
}
#life .map__controls__button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
#life .map__controls__button .button__icon {
  width: 40%;
  height: auto;
  aspect-ratio: 1;
  position: relative;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
#life .map__controls__button .button__icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: max(0.125vw, 2px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #fff;
  z-index: 1;
}
#life .map__controls__button--in .button__icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: max(0.125vw, 2px);
  height: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #fff;
  z-index: 1;
}
#life .map__controls__button:active:not(:disabled) .button__icon {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
@media (hover: hover) and (pointer: fine) {
  #life .map__controls__button:hover:not(:disabled) .button__icon {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
#life .map__controls__indicator {
  display: grid;
  text-align: center;
  gap: 2px;
  padding-top: max(0.625vw, 10px);
  padding-bottom: max(0.625vw, 10px);
}
#life .map__controls__indicator span {
  display: block;
  font-size: max(0.75vw, 16px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}
#life .map__area {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transition: -webkit-transform 0.28s cubic-bezier(0.18, 0.55, 0.24, 1);
  transition: -webkit-transform 0.28s cubic-bezier(0.18, 0.55, 0.24, 1);
  transition: transform 0.28s cubic-bezier(0.18, 0.55, 0.24, 1);
  transition: transform 0.28s cubic-bezier(0.18, 0.55, 0.24, 1), -webkit-transform 0.28s cubic-bezier(0.18, 0.55, 0.24, 1);
  will-change: transform;
  z-index: 0;
}
#life .map__area__image {
  display: block;
  max-width: none;
  max-height: none;
  min-width: 100vw;
  min-height: 100vh;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}
#life .map__area__image .cls-1,
#life .map__area__image .cls-2,
#life .map__area__image .cls-3,
#life .map__area__image .cls-4,
#life .map__area__image .cls-5,
#life .map__area__image .cls-6,
#life .map__area__image .cls-7,
#life .map__area__image .cls-8,
#life .map__area__image .cls-9 {
  fill: none;
}
#life .map__area__image .cls-2 {
  stroke-width: 0.6px;
}
#life .map__area__image .cls-2,
#life .map__area__image .cls-3 {
  stroke: #ecb355;
}
#life .map__area__image .cls-2,
#life .map__area__image .cls-3,
#life .map__area__image .cls-4,
#life .map__area__image .cls-5,
#life .map__area__image .cls-8,
#life .map__area__image .cls-9 {
  stroke-linecap: round;
}
#life .map__area__image .cls-2,
#life .map__area__image .cls-3,
#life .map__area__image .cls-4,
#life .map__area__image .cls-10,
#life .map__area__image .cls-7,
#life .map__area__image .cls-11,
#life .map__area__image .cls-12,
#life .map__area__image .cls-13,
#life .map__area__image .cls-14,
#life .map__area__image .cls-15,
#life .map__area__image .cls-16,
#life .map__area__image .cls-17,
#life .map__area__image .cls-18,
#life .map__area__image .cls-19,
#life .map__area__image .cls-20,
#life .map__area__image .cls-21,
#life .map__area__image .cls-22,
#life .map__area__image .cls-23,
#life .map__area__image .cls-24,
#life .map__area__image .cls-25 {
  stroke-linejoin: round;
}
#life .map__area__image .cls-26 {
  fill: #e0e0e0;
}
#life .map__area__image .cls-3 {
  stroke-width: 0.6px;
}
#life .map__area__image .cls-27 {
  fill: #d5c7a5;
}
#life .map__area__image .cls-28 {
  fill: #e8edf0;
}
#life .map__area__image .cls-29,
#life .map__area__image .cls-30 {
  fill: #f2f7f3;
}
#life .map__area__image .cls-31,
#life .map__area__image .cls-32,
#life .map__area__image .cls-33,
#life .map__area__image .cls-34 {
  fill: #1d842b;
}
#life .map__area__image .cls-35 {
  fill: #e3f1f1;
}
#life .map__area__image .cls-36 {
  fill: #e8efe9;
}
#life .map__area__image .cls-37 {
  fill: #dfd4ba;
}
#life .map__area__image .cls-38 {
  fill: #004376;
}
#life .map__area__image .cls-4 {
  stroke: #3a9447;
  stroke-width: 0.4px;
}
#life .map__area__image .cls-39 {
  fill: #707070;
}
#life .map__area__image .cls-40 {
  fill: #d4942e;
}
#life .map__area__image .cls-41 {
  fill: #71b27b;
}
#life .map__area__image .cls-42 {
  fill: #f2ec4c;
}
#life .map__area__image .cls-43 {
  fill: #7a939b;
}
#life .map__area__image .cls-5 {
  stroke-width: 1.5px;
}
#life .map__area__image .cls-5,
#life .map__area__image .cls-6,
#life .map__area__image .cls-8,
#life .map__area__image .cls-9 {
  stroke: #fff;
  stroke-miterlimit: 10;
}
#life .map__area__image .cls-44 {
  fill: #8e8e8e;
}
#life .map__area__image .cls-45 {
  fill: #004595;
}
#life .map__area__image .cls-46 {
  fill: #f4bdd0;
}
#life .map__area__image .cls-47 {
  fill: #92a7ad;
}
#life .map__area__image .cls-48 {
  fill: #dbdbdb;
}
#life .map__area__image .cls-49 {
  fill: #cae2ce;
}
#life .map__area__image .cls-50 {
  fill: #cecece;
}
#life .map__area__image .cls-51,
#life .map__area__image .cls-52,
#life .map__area__image .cls-53,
#life .map__area__image .cls-54,
#life .map__area__image .cls-32,
#life .map__area__image .cls-33,
#life .map__area__image .cls-55,
#life .map__area__image .cls-56,
#life .map__area__image .cls-57,
#life .map__area__image .cls-30,
#life .map__area__image .cls-58,
#life .map__area__image .cls-59,
#life .map__area__image .cls-34,
#life .map__area__image .cls-60,
#life .map__area__image .cls-61 {
  isolation: isolate;
}
#life .map__area__image .cls-51,
#life .map__area__image .cls-62,
#life .map__area__image .cls-55 {
  fill: #dde8df;
}
#life .map__area__image .cls-51,
#life .map__area__image .cls-33,
#life .map__area__image .cls-30 {
  opacity: 0.2;
}
#life .map__area__image .cls-63 {
  fill: #a5a5a5;
}
#life .map__area__image .cls-64 {
  fill: #6e6e8e;
}
#life .map__area__image .cls-10 {
  stroke: #dde8df;
  stroke-width: 1.3px;
}
#life .map__area__image .cls-10,
#life .map__area__image .cls-65,
#life .map__area__image .cls-19,
#life .map__area__image .cls-20,
#life .map__area__image .cls-21,
#life .map__area__image .cls-22,
#life .map__area__image .cls-23,
#life .map__area__image .cls-24,
#life .map__area__image .cls-25 {
  fill: #05a483;
}
#life .map__area__image .cls-52,
#life .map__area__image .cls-54,
#life .map__area__image .cls-55,
#life .map__area__image .cls-57,
#life .map__area__image .cls-34 {
  mix-blend-mode: multiply;
}
#life .map__area__image .cls-52,
#life .map__area__image .cls-56,
#life .map__area__image .cls-66 {
  fill: #75c8d5;
}
#life .map__area__image .cls-67 {
  fill: #ed9bb6;
}
#life .map__area__image .cls-68 {
  fill: #ecb355;
}
#life .map__area__image .cls-69 {
  fill: #e5e5e5;
}
#life .map__area__image .cls-70 {
  fill: #ccc;
}
#life .map__area__image .cls-7 {
  stroke: #e7e7e7;
}
#life .map__area__image .cls-7,
#life .map__area__image .cls-15,
#life .map__area__image .cls-21 {
  stroke-width: 1.4px;
}
#life .map__area__image .cls-71,
#life .map__area__image .cls-58 {
  fill: #3a9447;
}
#life .map__area__image .cls-72 {
  fill: #606060;
}
#life .map__area__image .cls-73 {
  fill: #e60000;
}
#life .map__area__image .cls-74,
#life .map__area__image .cls-54 {
  fill: #bfd4c5;
}
#life .map__area__image .cls-75 {
  -webkit-clip-path: url(#clippath-17);
          clip-path: url(#clippath-17);
}
#life .map__area__image .cls-76 {
  -webkit-clip-path: url(#clippath-19);
          clip-path: url(#clippath-19);
}
#life .map__area__image .cls-77 {
  -webkit-clip-path: url(#clippath-11);
          clip-path: url(#clippath-11);
}
#life .map__area__image .cls-78 {
  -webkit-clip-path: url(#clippath-16);
          clip-path: url(#clippath-16);
}
#life .map__area__image .cls-79 {
  -webkit-clip-path: url(#clippath-18);
          clip-path: url(#clippath-18);
}
#life .map__area__image .cls-80 {
  -webkit-clip-path: url(#clippath-10);
          clip-path: url(#clippath-10);
}
#life .map__area__image .cls-81 {
  -webkit-clip-path: url(#clippath-15);
          clip-path: url(#clippath-15);
}
#life .map__area__image .cls-82 {
  -webkit-clip-path: url(#clippath-13);
          clip-path: url(#clippath-13);
}
#life .map__area__image .cls-83 {
  -webkit-clip-path: url(#clippath-14);
          clip-path: url(#clippath-14);
}
#life .map__area__image .cls-84 {
  -webkit-clip-path: url(#clippath-12);
          clip-path: url(#clippath-12);
}
#life .map__area__image .cls-85 {
  -webkit-clip-path: url(#clippath-31);
          clip-path: url(#clippath-31);
}
#life .map__area__image .cls-86 {
  -webkit-clip-path: url(#clippath-32);
          clip-path: url(#clippath-32);
}
#life .map__area__image .cls-87 {
  -webkit-clip-path: url(#clippath-33);
          clip-path: url(#clippath-33);
}
#life .map__area__image .cls-88 {
  -webkit-clip-path: url(#clippath-34);
          clip-path: url(#clippath-34);
}
#life .map__area__image .cls-89 {
  -webkit-clip-path: url(#clippath-35);
          clip-path: url(#clippath-35);
}
#life .map__area__image .cls-90 {
  -webkit-clip-path: url(#clippath-30);
          clip-path: url(#clippath-30);
}
#life .map__area__image .cls-91 {
  -webkit-clip-path: url(#clippath-36);
          clip-path: url(#clippath-36);
}
#life .map__area__image .cls-92 {
  -webkit-clip-path: url(#clippath-27);
          clip-path: url(#clippath-27);
}
#life .map__area__image .cls-93 {
  -webkit-clip-path: url(#clippath-29);
          clip-path: url(#clippath-29);
}
#life .map__area__image .cls-94 {
  -webkit-clip-path: url(#clippath-26);
          clip-path: url(#clippath-26);
}
#life .map__area__image .cls-95 {
  -webkit-clip-path: url(#clippath-28);
          clip-path: url(#clippath-28);
}
#life .map__area__image .cls-96 {
  -webkit-clip-path: url(#clippath-20);
          clip-path: url(#clippath-20);
}
#life .map__area__image .cls-97 {
  -webkit-clip-path: url(#clippath-21);
          clip-path: url(#clippath-21);
}
#life .map__area__image .cls-98 {
  -webkit-clip-path: url(#clippath-22);
          clip-path: url(#clippath-22);
}
#life .map__area__image .cls-99 {
  -webkit-clip-path: url(#clippath-23);
          clip-path: url(#clippath-23);
}
#life .map__area__image .cls-100 {
  -webkit-clip-path: url(#clippath-24);
          clip-path: url(#clippath-24);
}
#life .map__area__image .cls-101 {
  -webkit-clip-path: url(#clippath-25);
          clip-path: url(#clippath-25);
}
#life .map__area__image .cls-102 {
  fill: #7a7373;
}
#life .map__area__image .cls-103 {
  -webkit-clip-path: url(#clippath-1);
          clip-path: url(#clippath-1);
}
#life .map__area__image .cls-104 {
  -webkit-clip-path: url(#clippath-3);
          clip-path: url(#clippath-3);
}
#life .map__area__image .cls-105 {
  -webkit-clip-path: url(#clippath-4);
          clip-path: url(#clippath-4);
}
#life .map__area__image .cls-106 {
  -webkit-clip-path: url(#clippath-2);
          clip-path: url(#clippath-2);
}
#life .map__area__image .cls-107 {
  -webkit-clip-path: url(#clippath-7);
          clip-path: url(#clippath-7);
}
#life .map__area__image .cls-108 {
  -webkit-clip-path: url(#clippath-6);
          clip-path: url(#clippath-6);
}
#life .map__area__image .cls-109 {
  -webkit-clip-path: url(#clippath-9);
          clip-path: url(#clippath-9);
}
#life .map__area__image .cls-110 {
  -webkit-clip-path: url(#clippath-8);
          clip-path: url(#clippath-8);
}
#life .map__area__image .cls-111 {
  -webkit-clip-path: url(#clippath-5);
          clip-path: url(#clippath-5);
}
#life .map__area__image .cls-112 {
  fill: #f5f072;
}
#life .map__area__image .cls-11 {
  stroke-width: 1.1px;
}
#life .map__area__image .cls-11,
#life .map__area__image .cls-12,
#life .map__area__image .cls-13,
#life .map__area__image .cls-14,
#life .map__area__image .cls-15,
#life .map__area__image .cls-16,
#life .map__area__image .cls-17,
#life .map__area__image .cls-18,
#life .map__area__image .cls-113 {
  fill: #4fbfa8;
}
#life .map__area__image .cls-11,
#life .map__area__image .cls-12,
#life .map__area__image .cls-13,
#life .map__area__image .cls-14,
#life .map__area__image .cls-15,
#life .map__area__image .cls-16,
#life .map__area__image .cls-17,
#life .map__area__image .cls-18,
#life .map__area__image .cls-19,
#life .map__area__image .cls-20,
#life .map__area__image .cls-21,
#life .map__area__image .cls-22,
#life .map__area__image .cls-23,
#life .map__area__image .cls-24,
#life .map__area__image .cls-25 {
  stroke: #eff4f4;
}
#life .map__area__image .cls-12,
#life .map__area__image .cls-20 {
  stroke-width: 1.3px;
}
#life .map__area__image .cls-13,
#life .map__area__image .cls-19 {
  stroke-width: 1.2px;
}
#life .map__area__image .cls-114 {
  fill: #b7e5eb;
}
#life .map__area__image .cls-115 {
  fill: #288a36;
}
#life .map__area__image .cls-116 {
  fill: #e7e7e7;
}
#life .map__area__image .cls-32,
#life .map__area__image .cls-117,
#life .map__area__image .cls-58 {
  opacity: 0.4;
}
#life .map__area__image .cls-118 {
  fill: #ccbb92;
}
#life .map__area__image .cls-14,
#life .map__area__image .cls-25 {
  stroke-width: 1px;
}
#life .map__area__image .cls-119 {
  fill: #b7b7b7;
}
#life .map__area__image .cls-16,
#life .map__area__image .cls-22 {
  stroke-width: 1.4px;
}
#life .map__area__image .cls-120 {
  fill: #9b9b9b;
}
#life .map__area__image .cls-17,
#life .map__area__image .cls-24 {
  stroke-width: 1.5px;
}
#life .map__area__image .cls-18,
#life .map__area__image .cls-23 {
  stroke-width: 1.5px;
}
#life .map__area__image .cls-121 {
  fill: #e6eee8;
}
#life .map__area__image .cls-122,
#life .map__area__image .cls-61 {
  fill: #fff;
}
#life .map__area__image .cls-123 {
  fill: #9fcba6;
}
#life .map__area__image .cls-124,
#life .map__area__image .cls-60 {
  fill: #687d84;
}
#life .map__area__image .cls-125 {
  fill: #1c5885;
}
#life .map__area__image .cls-56 {
  opacity: 0.6;
}
#life .map__area__image .cls-126 {
  fill: #f0f0f0;
}
#life .map__area__image .cls-127 {
  fill: #bcbcbc;
}
#life .map__area__image .cls-128 {
  fill: #a2843b;
}
#life .map__area__image .cls-129 {
  fill: #183b5a;
}
#life .map__area__image .cls-57,
#life .map__area__image .cls-130 {
  fill: #a98d49;
}
#life .map__area__image .cls-57,
#life .map__area__image .cls-34,
#life .map__area__image .cls-61 {
  opacity: 0.3;
}
#life .map__area__image .cls-131 {
  fill: #63c2d0;
}
#life .map__area__image .cls-132 {
  fill: #baa46e;
}
#life .map__area__image .cls-133 {
  fill: #878787;
}
#life .map__area__image .cls-134 {
  fill: #6c8891;
}
#life .map__area__image .cls-135 {
  fill: #acbdbf;
}
#life .map__area__image .cls-136 {
  opacity: 0.7;
}
#life .map__area__image .cls-137,
#life .map__area__image .cls-59,
#life .map__area__image .cls-60 {
  opacity: 0.1;
}
#life .map__area__image .cls-138 {
  fill: #f7f7f7;
}
#life .map__area__image .cls-139 {
  fill: #8f6b13;
}
#life .map__area__image .cls-140 {
  fill: #e5e5f7;
}
#life .map__area__image .cls-141 {
  fill: #f2f2f2;
}
#life .map__area__image .cls-142 {
  fill: #f9fbf8;
}
#life .map__area__image .cls-143 {
  fill: #c5b284;
}
#life .map__area__image .cls-144 {
  fill: #efe71d;
}
#life .map__area__image .cls-145 {
  fill: #f1aac2;
}
#life .map__area__image .cls-59,
#life .map__area__image .cls-146 {
  fill: #5b727a;
}
#life .map__area__image .cls-9 {
  stroke-width: 2px;
}
#life .map__area__image .cls-147 {
  fill: #489d55;
}
#life .map__area__image .cls-148 {
  fill: #f0f1f1;
}
#life .map__area__image .cls-149 {
  fill: #1782a2;
}
#life .map__area__image .cls-150 {
  fill: #7eb9bd;
}
#life .map__area__image .cls-151 {
  -webkit-clip-path: url(#clippath);
          clip-path: url(#clippath);
}
#life .map__area__image .cls-152 {
  fill: #8c8888;
}
#life .map__area__image .cls-153 {
  fill: #c30000;
}
#life .map__area__image .cls-154 {
  fill: #cfcfcf;
}
@-webkit-keyframes arrow-blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}
@keyframes arrow-blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}
#life .map__area__image .arrow__factory1, #life .map__area__image .arrow__factory2, #life .map__area__image .arrow__drainage, #life .map__area__image .arrow__conductor {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  fill: #ed9bb6;
}
#life .map__area__image .arrow__factory1.arrow-animate, #life .map__area__image .arrow__factory2.arrow-animate, #life .map__area__image .arrow__drainage.arrow-animate, #life .map__area__image .arrow__conductor.arrow-animate {
  opacity: 1;
  -webkit-animation: arrow-blink 1.5s ease-in-out infinite;
          animation: arrow-blink 1.5s ease-in-out infinite;
}
#life .map__area__pin {
  position: absolute;
  inset: 0;
  z-index: 1;
}
#life .map__area__pin__item button {
  position: absolute;
  width: 4%;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  z-index: 10;
}
#life .map__area__pin__item button .pin-body {
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
#life .map__area__pin__item button .pin-body .pin__rod {
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
#life .map__area__pin__item button .pin-body .cls-1 {
  fill: #7a939b;
}
#life .map__area__pin__item button .pin-body .cls-2 {
  fill: #fff;
  isolation: isolate;
}
#life .map__area__pin__item button .pin-body .cls-3 {
  fill: #fff;
}
#life .map__area__pin__item button .pin-body .cls-4 {
  fill: #183b5a;
}
#life .map__area__pin__item button .pin-body .cls-5 {
  fill: #1782a2;
}
#life .map__area__pin__item button .pin-body .cls-2 {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
#life .map__area__pin__item button .pin-body .pin__surface--bg {
  fill: #183b5a;
}
#life .map__area__pin__item button .pin-body.nodetail {
  pointer-events: visible;
}
#life .map__area__pin__item button .pin-body.nodetail .pin__surface--bg {
  fill: #1782a2;
}
@media (hover: hover) and (pointer: fine) {
  #life .map__area__pin__item button:hover .pin-body {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  #life .map__area__pin__item button:hover .pin-body .pin-rod {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  #life .map__area__pin__item button:hover .cls-2 {
    fill: #F2EC4C;
  }
}
#life .map__area__pin__item .pin-range {
  position: absolute;
  pointer-events: none;
  z-index: 0;
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease;
}
#life .map__area__pin__item .pin-range--hover {
  background: rgba(242, 236, 76, 0.4);
}
#life .map__area__pin__item#drainage .pin-range {
  top: 30.76%;
  left: 33.77%;
  width: 16.47%;
  height: 26.5%;
  -webkit-clip-path: polygon(40.4% 0, 93.5% 34%, 93.5% 46%, 100% 50.5%, 100% 62.5%, 98.8% 62.5%, 98.8% 52.7%, 93.4% 56%, 93.4% 65.3%, 90% 67.5%, 90% 76.5%, 88.2% 77.7%, 88.2% 97%, 83.2% 100%, 81.4% 98.8%, 81.4% 82%, 69.7% 89.1%, 63% 84.7%, 53% 91%, 41.5% 83.8%, 41.5% 73.2%, 32.2% 58.7%, 28.5% 61%, 23.2% 52.9%, 19.7% 55.3%, 14% 47%, 10.2% 49.5%, 5.1% 41.3%, 1.1% 43.8%, 0% 42.1%, 0.2% 26%);
          clip-path: polygon(40.4% 0, 93.5% 34%, 93.5% 46%, 100% 50.5%, 100% 62.5%, 98.8% 62.5%, 98.8% 52.7%, 93.4% 56%, 93.4% 65.3%, 90% 67.5%, 90% 76.5%, 88.2% 77.7%, 88.2% 97%, 83.2% 100%, 81.4% 98.8%, 81.4% 82%, 69.7% 89.1%, 63% 84.7%, 53% 91%, 41.5% 83.8%, 41.5% 73.2%, 32.2% 58.7%, 28.5% 61%, 23.2% 52.9%, 19.7% 55.3%, 14% 47%, 10.2% 49.5%, 5.1% 41.3%, 1.1% 43.8%, 0% 42.1%, 0.2% 26%);
}
#life .map__area__pin__item#drainage button {
  top: 30%;
  left: 40%;
}
#life .map__area__pin__item#factory1 .pin-range {
  top: 13.1%;
  left: 37.6%;
  width: 12.37%;
  height: 16.6%;
  -webkit-clip-path: polygon(68.7% 0%, 33.8% 26.9%, 31.7% 25%, 1.2% 49%, 1.2% 66.1%, 0% 67%, 43% 100%, 87.8% 66%, 88.3% 33.4%, 90.6% 30.8%, 93.6% 30.7%, 95.6% 31.7%, 96.9% 33.7%, 97.3% 58.4%, 100% 56%, 100% 24%, 84.5% 4%);
          clip-path: polygon(68.7% 0%, 33.8% 26.9%, 31.7% 25%, 1.2% 49%, 1.2% 66.1%, 0% 67%, 43% 100%, 87.8% 66%, 88.3% 33.4%, 90.6% 30.8%, 93.6% 30.7%, 95.6% 31.7%, 96.9% 33.7%, 97.3% 58.4%, 100% 56%, 100% 24%, 84.5% 4%);
}
#life .map__area__pin__item#factory1 button {
  top: 9%;
  left: 42.5%;
}
#life .map__area__pin__item#factory2 .pin-range {
  top: 15.99%;
  left: 46.4%;
  width: 16.85%;
  height: 27.8%;
  -webkit-clip-path: polygon(42% 10.8%, 29.3% 18.7%, 29.1% 1.6%, 28.1% 0.4%, 27% 0%, 24.8% 0%, 23.1% 1%, 22.8% 2.9%, 22.4% 23%, 19.2% 25.2%, 18.95% 9.9%, 18.1% 8.6%, 16.3% 7.88%, 14.3% 8%, 12.5% 9.6%, 12.2% 29.6%, 0% 37%, 0% 62.4%, 60.7% 100%, 60.7% 96%, 100% 71.8%, 99.1% 71.3%, 99.1% 67%, 94.5% 64%, 91.1% 66.2%, 74% 55.7%, 74% 44.3%, 69.2% 41.4%, 69.2% 27.5%);
          clip-path: polygon(42% 10.8%, 29.3% 18.7%, 29.1% 1.6%, 28.1% 0.4%, 27% 0%, 24.8% 0%, 23.1% 1%, 22.8% 2.9%, 22.4% 23%, 19.2% 25.2%, 18.95% 9.9%, 18.1% 8.6%, 16.3% 7.88%, 14.3% 8%, 12.5% 9.6%, 12.2% 29.6%, 0% 37%, 0% 62.4%, 60.7% 100%, 60.7% 96%, 100% 71.8%, 99.1% 71.3%, 99.1% 67%, 94.5% 64%, 91.1% 66.2%, 74% 55.7%, 74% 44.3%, 69.2% 41.4%, 69.2% 27.5%);
}
#life .map__area__pin__item#factory2 button {
  top: 16%;
  left: 52.5%;
}
#life .map__area__pin__item#institute .pin-range {
  top: 3.74%;
  left: 9.44%;
  width: 22.23%;
  height: 29.88%;
  -webkit-clip-path: polygon(31.6% 0%, 9.5% 16.9%, 9.5% 41.4%, 0% 48.7%, 2.6% 50.5%, 4% 50%, 5.5% 50.3%, 6.5% 51.3%, 6.54% 53.7%, 8.9% 55.5%, 8.9% 45.9%, 9.8% 44.9%, 11.8% 44.3%, 13.2% 45.1%, 13.7% 46.3%, 13.7% 59.1%, 16.1% 61%, 16.1% 40.6%, 16.7% 39.6%, 17.7% 39.3%, 19.7% 39.2%, 20.8% 40.5%, 20.8% 64.53%, 31% 72.3%, 31% 74.2%, 30.2% 74.8%, 30.2% 80.5%, 40.2% 88%, 42.2% 85.7%, 45.2% 84.2%, 48.2% 83.9%, 50.2% 84.1%, 53.2% 85.3%, 54.5% 86.3%, 55.9% 88.3%, 56.2% 90.3%, 56.3% 100%, 100% 66.6%, 100% 64.6%, 81.7% 50.6%, 81.7% 38.3%);
          clip-path: polygon(31.6% 0%, 9.5% 16.9%, 9.5% 41.4%, 0% 48.7%, 2.6% 50.5%, 4% 50%, 5.5% 50.3%, 6.5% 51.3%, 6.54% 53.7%, 8.9% 55.5%, 8.9% 45.9%, 9.8% 44.9%, 11.8% 44.3%, 13.2% 45.1%, 13.7% 46.3%, 13.7% 59.1%, 16.1% 61%, 16.1% 40.6%, 16.7% 39.6%, 17.7% 39.3%, 19.7% 39.2%, 20.8% 40.5%, 20.8% 64.53%, 31% 72.3%, 31% 74.2%, 30.2% 74.8%, 30.2% 80.5%, 40.2% 88%, 42.2% 85.7%, 45.2% 84.2%, 48.2% 83.9%, 50.2% 84.1%, 53.2% 85.3%, 54.5% 86.3%, 55.9% 88.3%, 56.2% 90.3%, 56.3% 100%, 100% 66.6%, 100% 64.6%, 81.7% 50.6%, 81.7% 38.3%);
}
#life .map__area__pin__item#institute button {
  top: 2.5%;
  left: 17.5%;
}
#life .map__area__pin__item#conductor .pin-range {
  top: 45.4%;
  left: 49%;
  width: 32.6%;
  height: 41.12%;
  -webkit-clip-path: polygon(37.1% 0%, 16.1% 17.2%, 16.1% 24.2%, 3% 34.7%, 3% 43.4%, 0% 45.9%, 21.4% 63.3%, 21.4% 65.4%, 64.2% 100%, 66.55% 98.1%, 66.9% 98.1%, 100% 71.1%, 100% 64.6%, 100% 69.8%, 99% 69%, 98% 69.8%, 67.4% 45%, 67.4% 24.6%);
          clip-path: polygon(37.1% 0%, 16.1% 17.2%, 16.1% 24.2%, 3% 34.7%, 3% 43.4%, 0% 45.9%, 21.4% 63.3%, 21.4% 65.4%, 64.2% 100%, 66.55% 98.1%, 66.9% 98.1%, 100% 71.1%, 100% 64.6%, 100% 69.8%, 99% 69%, 98% 69.8%, 67.4% 45%, 67.4% 24.6%);
}
#life .map__area__pin__item#conductor button {
  top: 49%;
  left: 60%;
}
#life .map__area__pin__item#seaplant .pin-range {
  top: 62.7%;
  left: 40.45%;
  width: 15.55%;
  height: 22.06%;
  -webkit-clip-path: polygon(45.4% 0.1%, 0% 32.9%, 0% 58.3%, 3% 61%, 4.6% 63%, 5.9% 66%, 6.1% 70%, 6.1% 71.8%, 13.7% 77.2%, 17.7% 76.8%, 19.7% 76.8%, 21.9% 77.1%, 25.9% 78.1%, 30.1% 80%, 33.1% 82%, 35.1% 84.4%, 37.7% 81%, 40.7% 79%, 46.7% 77.6%, 50.7% 77.8%, 54% 78.8%, 57% 80.3%, 59% 81.9%, 60.3% 83.9%, 61.1% 86.9%, 61.1% 93.6%, 61.2% 93.7%, 61.2% 98.5%, 63.4% 100%, 79.45% 88.5%, 79.3% 78.2%, 92% 62.9%, 100% 61.05%, 100% 39.6%);
          clip-path: polygon(45.4% 0.1%, 0% 32.9%, 0% 58.3%, 3% 61%, 4.6% 63%, 5.9% 66%, 6.1% 70%, 6.1% 71.8%, 13.7% 77.2%, 17.7% 76.8%, 19.7% 76.8%, 21.9% 77.1%, 25.9% 78.1%, 30.1% 80%, 33.1% 82%, 35.1% 84.4%, 37.7% 81%, 40.7% 79%, 46.7% 77.6%, 50.7% 77.8%, 54% 78.8%, 57% 80.3%, 59% 81.9%, 60.3% 83.9%, 61.1% 86.9%, 61.1% 93.6%, 61.2% 93.7%, 61.2% 98.5%, 63.4% 100%, 79.45% 88.5%, 79.3% 78.2%, 92% 62.9%, 100% 61.05%, 100% 39.6%);
}
#life .map__area__pin__item#seaplant button {
  top: 63%;
  left: 46%;
}
#life .map__area__pin__item#field .pin-range {
  top: 77.4%;
  left: 73.54%;
  width: 17.52%;
  height: 19.1%;
  -webkit-clip-path: polygon(61.7% 0%, 0% 58.6%, 20.7% 78.1%, 20.7% 86.3%, 35% 100%, 100% 37%);
          clip-path: polygon(61.7% 0%, 0% 58.6%, 20.7% 78.1%, 20.7% 86.3%, 35% 100%, 100% 37%);
}
#life .map__area__pin__item#field button {
  top: 75.4%;
  left: 82.65%;
}
#life .map__area__pin__item#powerplant .pin-range {
  top: 46.54%;
  left: 82.05%;
  width: 17.95%;
  height: 41.84%;
  -webkit-clip-path: polygon(32.7% 0%, 31.1% 0.2%, 29.6% 1.1%, 27.4% 22.55%, 21.6% 25.1%, 19.7% 6.4%, 19.7% 6.4%, 17.7% 5.6%, 17.7% 5.6%, 14.7% 5.7%, 14.7% 5.7%, 13.7% 6.4%, 13.5% 6.8%, 11.18% 29.8%, 0% 34.7%, 0% 55.8%, 0% 55.8%, 100% 100%, 100% 11%, 90% 9.5%, 54.3% 25.4%, 37.7% 18.1%, 35.7% 1.1%, 34.7% 0.4%);
          clip-path: polygon(32.7% 0%, 31.1% 0.2%, 29.6% 1.1%, 27.4% 22.55%, 21.6% 25.1%, 19.7% 6.4%, 19.7% 6.4%, 17.7% 5.6%, 17.7% 5.6%, 14.7% 5.7%, 14.7% 5.7%, 13.7% 6.4%, 13.5% 6.8%, 11.18% 29.8%, 0% 34.7%, 0% 55.8%, 0% 55.8%, 100% 100%, 100% 11%, 90% 9.5%, 54.3% 25.4%, 37.7% 18.1%, 35.7% 1.1%, 34.7% 0.4%);
}
#life .map__area__pin__item#powerplant button {
  top: 54%;
  left: 89%;
}
#life .map__area__pin__item#waterplant .pin-range {
  top: 25.3%;
  left: 64.2%;
  width: 35.5%;
  height: 41.84%;
  -webkit-clip-path: polygon(51.7% 1.5%, 49.8% 0.4%, 46.7% 0.3%, 44.1% 2.1%, 44.1% 17.8%, 42.7% 16.8%, 42.8% 11%, 41.8% 9%, 38.8% 7.5%, 36.8% 7.9%, 34.8% 9.1%, 34.1% 11.1%, 34.1% 26.1%, 0.2% 55.8%, 19.07% 72.2%, 19.07% 79.3%, 43% 100%, 50.3% 94%, 50.3% 85.5%, 55.93% 80.6%, 57.14% 57%, 58% 56.4%, 59% 56.2%, 60.1% 56.96%, 60.3% 57.5%, 61.2% 75.87%, 64.16% 73.29%, 65.23% 52%, 65.7% 51.2%, 66.7% 50.8%, 67.7% 51.1%, 68.4% 52.2%, 69.22% 68.74%, 74.15% 72.99%, 100% 50.2%, 100% 48.7%, 99.2% 48%, 98.6% 48.45%, 85.5% 37.07%, 85.5% 29.6%, 72.28% 17.95%, 72.28% 14.66%, 68.38% 11.28%, 66.55% 12.86%, 64.04% 10.65%, 58.55% 15.4%, 55.5% 12.4%, 55.5% 11.8%, 52.8% 9.45%, 52.8% 3.7%, 52.5% 2.5%);
          clip-path: polygon(51.7% 1.5%, 49.8% 0.4%, 46.7% 0.3%, 44.1% 2.1%, 44.1% 17.8%, 42.7% 16.8%, 42.8% 11%, 41.8% 9%, 38.8% 7.5%, 36.8% 7.9%, 34.8% 9.1%, 34.1% 11.1%, 34.1% 26.1%, 0.2% 55.8%, 19.07% 72.2%, 19.07% 79.3%, 43% 100%, 50.3% 94%, 50.3% 85.5%, 55.93% 80.6%, 57.14% 57%, 58% 56.4%, 59% 56.2%, 60.1% 56.96%, 60.3% 57.5%, 61.2% 75.87%, 64.16% 73.29%, 65.23% 52%, 65.7% 51.2%, 66.7% 50.8%, 67.7% 51.1%, 68.4% 52.2%, 69.22% 68.74%, 74.15% 72.99%, 100% 50.2%, 100% 48.7%, 99.2% 48%, 98.6% 48.45%, 85.5% 37.07%, 85.5% 29.6%, 72.28% 17.95%, 72.28% 14.66%, 68.38% 11.28%, 66.55% 12.86%, 64.04% 10.65%, 58.55% 15.4%, 55.5% 12.4%, 55.5% 11.8%, 52.8% 9.45%, 52.8% 3.7%, 52.5% 2.5%);
}
#life .map__area__pin__item#waterplant button {
  top: 30%;
  left: 85%;
}
#life .map__area__pin__item#sewageplant .pin-range {
  top: 1.29%;
  left: 52.04%;
  width: 31.31%;
  height: 31.9%;
  -webkit-clip-path: polygon(52.4% 1.2%, 62.76% 11.5%, 65.5% 8.8%, 94.62% 38%, 94.62% 43.7%, 97.53% 46.7%, 44.4% 100%, 19.23% 74.5%, 19.23% 70.05%, 4.58% 55.46%, 4.1% 56%, 2.17% 57.9%, 0% 55.7%, 0% 53.7%, 17.49% 35.99%, 17.49% 33.99%, 25.46% 26.05%, 25.46% 25.85%, 39.8% 11.27%, 41.1% 12.4%);
          clip-path: polygon(52.4% 1.2%, 62.76% 11.5%, 65.5% 8.8%, 94.62% 38%, 94.62% 43.7%, 97.53% 46.7%, 44.4% 100%, 19.23% 74.5%, 19.23% 70.05%, 4.58% 55.46%, 4.1% 56%, 2.17% 57.9%, 0% 55.7%, 0% 53.7%, 17.49% 35.99%, 17.49% 33.99%, 25.46% 26.05%, 25.46% 25.85%, 39.8% 11.27%, 41.1% 12.4%);
}
#life .map__area__pin__item#sewageplant button {
  top: 11%;
  left: 65.4%;
}
#life .map__area__pin__item#oiltank .pin-range {
  top: 52.7%;
  left: 12.96%;
  width: 8.24%;
  height: 14.1%;
  -webkit-clip-path: polygon(46.4% 0%, 38.8% 1.27%, 32.8% 4.27%, 29.8% 7.4%, 29% 11.4%, 29% 17.6%, 21% 15.6%, 16% 15.7%, 9% 16.9%, 5% 18.7%, 3% 20.7%, 1% 23.7%, 0% 28.7%, 0% 63.1%, 28.5% 80.4%, 33.9% 77%, 33.9% 83.7%, 61.9% 100%, 69.1% 96.4%, 71% 90.4%, 71% 83.4%, 76% 85.4%, 82% 85.8%, 90% 84.8%, 95% 82.8%, 100% 76.8%, 100% 29.4%, 98% 25.4%, 95% 23.4%, 93% 22.4%, 89% 20.4%, 83% 19.4%, 77% 19.9%, 72% 21%, 68% 23%, 66% 25%, 66% 11%, 64.6% 7%, 61.6% 4%, 59.6% 3%, 54.6% 1%);
          clip-path: polygon(46.4% 0%, 38.8% 1.27%, 32.8% 4.27%, 29.8% 7.4%, 29% 11.4%, 29% 17.6%, 21% 15.6%, 16% 15.7%, 9% 16.9%, 5% 18.7%, 3% 20.7%, 1% 23.7%, 0% 28.7%, 0% 63.1%, 28.5% 80.4%, 33.9% 77%, 33.9% 83.7%, 61.9% 100%, 69.1% 96.4%, 71% 90.4%, 71% 83.4%, 76% 85.4%, 82% 85.8%, 90% 84.8%, 95% 82.8%, 100% 76.8%, 100% 29.4%, 98% 25.4%, 95% 23.4%, 93% 22.4%, 89% 20.4%, 83% 19.4%, 77% 19.9%, 72% 21%, 68% 23%, 66% 25%, 66% 11%, 64.6% 7%, 61.6% 4%, 59.6% 3%, 54.6% 1%);
}
#life .map__area__pin__item#oiltank button {
  top: 45.4%;
  left: 14.3%;
}
#life .map__area__pin__item#industrial .pin-range {
  top: 7%;
  left: 0%;
  width: 40.62%;
  height: 78.7%;
  -webkit-clip-path: polygon(1.4% 1%, 2.3% 0.3%, 3.3% 0%, 5.3% 0.3%, 6.1% 1%, 6.5% 6.3%, 6.75% 6.8%, 6.73% 9%, 6.9% 11.7%, 7.1% 11.9%, 7.3% 18.1%, 8.7% 17.4%, 8.8% 5.5%, 8.4% 5%, 8.4% 3.7%, 8.8% 3.1%, 8.8% 1.8%, 9.2% 1.3%, 10.2% 1.1%, 11.2% 1%, 12.2% 1.4%, 12.5% 1.8%, 12.5% 3.15%, 12.9% 3.7%, 12.8% 5.1%, 12.5% 5.5%, 12.5% 15.3%, 18.8% 12%, 24.6% 15%, 25.2% 14.8%, 26.2% 14.9%, 26.8% 15.25%, 26.82% 16.25%, 28.1% 16.9%, 28.11% 13.3%, 28.4% 13%, 29.6% 12.66%, 30.3% 12.9%, 30.7% 13.2%, 30.73% 13.5%, 30.74% 18.3%, 32.05% 19%, 32.06% 11.2%, 32.36% 10.9%, 32.8% 10.8%, 33.8% 10.7%, 34.3% 10.9%, 34.62% 11.3%, 34.62% 20.4%, 40.2% 23.3%, 40.2% 24.1%, 39.77% 24.25%, 39.76% 30.55%, 41.86% 31.6%, 42.86% 31.6%, 44.86% 32%, 44.95% 30%, 45.5% 29%, 46.5% 28.3%, 48.5% 27.7%, 50.5% 27.75%, 52.5% 28.3%, 53.7% 29.2%, 54% 30.4%, 54% 39%, 54.05% 39%, 54.09% 38.3%, 54.7% 37.5%, 54.9% 36.9%, 55.9% 36.3%, 56.3% 36.6%, 56.3% 37.1%, 56.8% 37.2%, 57.6% 37.7%, 57.9% 38.6%, 58.9% 38%, 59.3% 38.1%, 59.4% 38.2%, 59.4% 38.7%, 60% 38.8%, 60% 38.8%, 60.6% 39.2%, 61% 40%, 61% 43.05%, 61.4% 42.9%, 61.7% 30.6%, 62.1% 30.3%, 62.8% 30.2%, 63.6% 30.3%, 63.9% 30.5%, 64.05% 30.9%, 64.25% 41.35%, 66.3% 40.24%, 66.55% 33.24%, 66.9% 33%, 67.7% 32.85%, 68.7% 33.1%, 68.9% 33.5%, 69.05% 40%, 73.8% 42.35%, 77.8% 40.2%, 79.9% 43.1%, 81.4% 42.1%, 83.6% 44.95%, 85.2% 44.08%, 87.3% 46.86%, 88.8% 46%, 91.1% 48.8%, 92.6% 47.98%, 94.7% 50.8%, 96.2% 49.94%, 100% 54.9%, 100% 66.3%, 62.98% 85.86%, 58.8% 83.6%, 48.6% 89.1%, 49.1% 89.6%, 56.79% 96.55%, 56.8% 97.67%, 55.8% 98.4%, 49.3% 100%, 44.4% 100%, 41.5% 100%, 18.1% 87.55%, 16.6% 85.25%, 14.2% 81.5%, 14.15% 77.4%, 13.9% 76.4%, 14.25% 75.45%, 15.1% 74.95%, 16% 74.95%, 19.86% 75.95%, 19.88% 75.77%, 23.6% 73.8%, 23.6% 72.7%, 24.8% 72%, 27.7% 73.55%, 28.3% 75.08%, 31.97% 77.05%, 31.97% 80.65%, 35.4% 82%, 45.45% 76.5%, 0% 52.5%, 0% 23.5%);
          clip-path: polygon(1.4% 1%, 2.3% 0.3%, 3.3% 0%, 5.3% 0.3%, 6.1% 1%, 6.5% 6.3%, 6.75% 6.8%, 6.73% 9%, 6.9% 11.7%, 7.1% 11.9%, 7.3% 18.1%, 8.7% 17.4%, 8.8% 5.5%, 8.4% 5%, 8.4% 3.7%, 8.8% 3.1%, 8.8% 1.8%, 9.2% 1.3%, 10.2% 1.1%, 11.2% 1%, 12.2% 1.4%, 12.5% 1.8%, 12.5% 3.15%, 12.9% 3.7%, 12.8% 5.1%, 12.5% 5.5%, 12.5% 15.3%, 18.8% 12%, 24.6% 15%, 25.2% 14.8%, 26.2% 14.9%, 26.8% 15.25%, 26.82% 16.25%, 28.1% 16.9%, 28.11% 13.3%, 28.4% 13%, 29.6% 12.66%, 30.3% 12.9%, 30.7% 13.2%, 30.73% 13.5%, 30.74% 18.3%, 32.05% 19%, 32.06% 11.2%, 32.36% 10.9%, 32.8% 10.8%, 33.8% 10.7%, 34.3% 10.9%, 34.62% 11.3%, 34.62% 20.4%, 40.2% 23.3%, 40.2% 24.1%, 39.77% 24.25%, 39.76% 30.55%, 41.86% 31.6%, 42.86% 31.6%, 44.86% 32%, 44.95% 30%, 45.5% 29%, 46.5% 28.3%, 48.5% 27.7%, 50.5% 27.75%, 52.5% 28.3%, 53.7% 29.2%, 54% 30.4%, 54% 39%, 54.05% 39%, 54.09% 38.3%, 54.7% 37.5%, 54.9% 36.9%, 55.9% 36.3%, 56.3% 36.6%, 56.3% 37.1%, 56.8% 37.2%, 57.6% 37.7%, 57.9% 38.6%, 58.9% 38%, 59.3% 38.1%, 59.4% 38.2%, 59.4% 38.7%, 60% 38.8%, 60% 38.8%, 60.6% 39.2%, 61% 40%, 61% 43.05%, 61.4% 42.9%, 61.7% 30.6%, 62.1% 30.3%, 62.8% 30.2%, 63.6% 30.3%, 63.9% 30.5%, 64.05% 30.9%, 64.25% 41.35%, 66.3% 40.24%, 66.55% 33.24%, 66.9% 33%, 67.7% 32.85%, 68.7% 33.1%, 68.9% 33.5%, 69.05% 40%, 73.8% 42.35%, 77.8% 40.2%, 79.9% 43.1%, 81.4% 42.1%, 83.6% 44.95%, 85.2% 44.08%, 87.3% 46.86%, 88.8% 46%, 91.1% 48.8%, 92.6% 47.98%, 94.7% 50.8%, 96.2% 49.94%, 100% 54.9%, 100% 66.3%, 62.98% 85.86%, 58.8% 83.6%, 48.6% 89.1%, 49.1% 89.6%, 56.79% 96.55%, 56.8% 97.67%, 55.8% 98.4%, 49.3% 100%, 44.4% 100%, 41.5% 100%, 18.1% 87.55%, 16.6% 85.25%, 14.2% 81.5%, 14.15% 77.4%, 13.9% 76.4%, 14.25% 75.45%, 15.1% 74.95%, 16% 74.95%, 19.86% 75.95%, 19.88% 75.77%, 23.6% 73.8%, 23.6% 72.7%, 24.8% 72%, 27.7% 73.55%, 28.3% 75.08%, 31.97% 77.05%, 31.97% 80.65%, 35.4% 82%, 45.45% 76.5%, 0% 52.5%, 0% 23.5%);
}
#life .map__area__pin__item#industrial button {
  top: 52.4%;
  left: 21.3%;
}
#life .map__area__pin__item#material .pin-range {
  top: 30.75%;
  left: 23.05%;
  width: 6.95%;
  height: 24.3%;
  -webkit-clip-path: polygon(29% 1%, 34% 0%, 40% 0.5%, 42% 1%, 42.7% 2.5%, 43.7% 36.5%, 55.7% 32.5%, 57.5% 10.1%, 59.5% 9.1%, 65.5% 8.6%, 69.5% 9.6%, 70.9% 10.8%, 71.6% 32.1%, 100% 39.4%, 73% 47%, 73% 81.4%, 68% 82.4%, 66% 83.4%, 66% 97.4%, 57% 100%, 0% 83.32%, 0 49%, 27% 41%);
          clip-path: polygon(29% 1%, 34% 0%, 40% 0.5%, 42% 1%, 42.7% 2.5%, 43.7% 36.5%, 55.7% 32.5%, 57.5% 10.1%, 59.5% 9.1%, 65.5% 8.6%, 69.5% 9.6%, 70.9% 10.8%, 71.6% 32.1%, 100% 39.4%, 73% 47%, 73% 81.4%, 68% 82.4%, 66% 83.4%, 66% 97.4%, 57% 100%, 0% 83.32%, 0 49%, 27% 41%);
}
#life .map__area__pin__item#material button {
  top: 35%;
  left: 25%;
}

.itemModal {
  position: fixed;
  inset: 0;
  padding-top: max(8rem, 60px);
  -webkit-transition: opacity 0.3s ease, visibility 0s linear 0.3s;
  transition: opacity 0.3s ease, visibility 0s linear 0.3s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 1000;
}
.itemModal__overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  z-index: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.itemModal__box {
  --modal-translate: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 10%;
  left: auto;
  height: 80%;
  max-height: 800px;
  min-height: 70rem;
  padding: max(5rem, 30px) max(5rem, 30px);
  padding-bottom: max(8rem, 80px);
  background: #fff;
  border-radius: max(1.5rem, 15px);
  -webkit-transform: var(--modal-translate) scale(0.96);
          transform: var(--modal-translate) scale(0.96);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
}
@media screen and (max-width: 550px) {
  .itemModal__box {
    --modal-translate: translate(50%, -50%);
    width: 90%;
    right: 50%;
    -webkit-transform: var(--modal-translate) scale(0.96);
            transform: var(--modal-translate) scale(0.96);
  }
}
.itemModal__box__content {
  width: max(55rem, 440px);
  height: 100%;
  overflow: hidden;
}
@media screen and (max-width: 550px) {
  .itemModal__box__content {
    width: 100%;
  }
}
.itemModal__box__content .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: max(1rem, 10px);
}
.itemModal__box__content .title__icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: max(2.8rem, 25px);
}
.itemModal__box__content .title__text {
  font-size: max(2.9rem, 24px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0;
}
.itemModal__box__content .imageBox {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  aspect-ratio: 80/49;
  margin-top: max(2rem, 20px);
  margin-bottom: max(4rem, 30px);
  background: #cae2ce;
  border-radius: 3px;
  overflow: hidden;
  z-index: 0;
}
.itemModal__box__content .imageBox::before {
  content: "";
  position: absolute;
  display: block;
  inset: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: inset 0 0 16px #c9ebce;
          box-shadow: inset 0 0 16px #c9ebce;
  z-index: 10;
  mix-blend-mode: multiply;
}
.itemModal__box__content .textBox h4 {
  font-size: max(2rem, 16px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0;
  margin-bottom: max(1rem, 10px);
}
.itemModal__box__content .textBox p {
  font-size: max(1.4rem, 13px);
  font-weight: 600;
  line-height: 2;
  letter-spacing: 0.05em;
}
.itemModal__box__content .textBox .modal-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: max(1rem, 5px);
  margin-top: max(2rem, 16px);
}
@media screen and (max-width: 768px) {
  .itemModal__box__content .textBox .modal-items {
    grid-template-columns: repeat(3, 1fr);
  }
}
.itemModal__box__content .textBox .modal-item {
  margin: 0;
}
.itemModal__box__content .textBox .modal-item .imgBox {
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  margin-bottom: max(0.8rem, 8px);
}
.itemModal__box__content .textBox .modal-item .imgBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.itemModal__box__content .textBox .modal-item figcaption {
  font-size: max(1.2rem, 10px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
}
.itemModal__slider {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.itemModal__slides {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: max(1rem, 10px);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.itemModal__slide {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  opacity: 0;
  pointer-events: auto;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.itemModal__slide::-webkit-scrollbar {
  width: 8px;
  -webkit-transform: translateX(18px);
          transform: translateX(18px);
}
.itemModal__slide::-webkit-scrollbar-track {
  background: rgba(58, 148, 71, 0.3);
  border-radius: 4px;
}
.itemModal__slide::-webkit-scrollbar-thumb {
  background: rgba(58, 148, 71, 0.9);
  border-radius: 4px;
}
.itemModal__slide::-webkit-scrollbar-thumb:hover {
  background: #3a9447;
}
.itemModal__slide.is-active {
  opacity: 1;
}
.itemModal__sliderControls {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 50%;
  left: 0;
  gap: max(2rem, 16px);
  width: 100%;
  height: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 10;
  pointer-events: none;
}
.itemModal__nav {
  position: absolute;
  display: grid;
  place-items: center;
  width: max(4.5rem, 30px);
  height: 40%;
  background: #183b5a;
  -webkit-transition: background 0.5s ease, border-color 0.5s ease, -webkit-transform 0.5s ease;
  transition: background 0.5s ease, border-color 0.5s ease, -webkit-transform 0.5s ease;
  transition: background 0.5s ease, transform 0.5s ease, border-color 0.5s ease;
  transition: background 0.5s ease, transform 0.5s ease, border-color 0.5s ease, -webkit-transform 0.5s ease;
  pointer-events: auto;
}
.itemModal__nav:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
@media (hover: hover) and (pointer: fine) {
  .itemModal__nav:not(:disabled):hover {
    background: rgba(24, 59, 90, 0.5);
  }
}
.itemModal__nav--prev {
  left: 0;
  border-radius: max(1.5rem, 10px) 0 0 max(1.5rem, 10px);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
@media screen and (max-width: 550px) {
  .itemModal__nav--prev {
    border-radius: 5px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.itemModal__nav--next {
  right: 0;
  border-radius: 0 max(1.5rem, 10px) max(1.5rem, 10px) 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
@media screen and (max-width: 550px) {
  .itemModal__nav--next {
    border-radius: 5px;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
}
.itemModal__navIcon {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.itemModal__navIcon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-top: max(0.7rem, 6px) solid transparent;
  border-bottom: max(0.7rem, 6px) solid transparent;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.itemModal__navIcon--prev::before {
  border-right: max(1rem, 9px) solid #fff;
}
.itemModal__navIcon--next::before {
  border-left: max(1rem, 9px) solid #fff;
}
.itemModal__sliderDots {
  position: absolute;
  bottom: max(1.5rem, 15px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: max(1rem, 10px);
  z-index: 10;
}
.itemModal__sliderDot {
  width: max(1rem, 10px);
  height: max(1rem, 10px);
  border-radius: 50%;
  background: rgba(24, 59, 90, 0.3);
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.5s ease, -webkit-transform 0.5s ease;
  transition: background 0.5s ease, -webkit-transform 0.5s ease;
  transition: background 0.5s ease, transform 0.5s ease;
  transition: background 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
}
.itemModal__sliderDot.is-active {
  background: #183b5a;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
@media (hover: hover) and (pointer: fine) {
  .itemModal__sliderDot:hover:not(.is-active) {
    background: rgba(24, 59, 90, 0.5);
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.itemModal__sliderDot:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.itemModal--align-right .itemModal__box {
  right: 10%;
  left: auto;
  --modal-translate: translateY(-50%);
}
.itemModal--align-left .itemModal__box {
  left: 10%;
  right: auto;
  --modal-translate: translateY(-50%);
}
.itemModal--align-center .itemModal__box {
  left: 50%;
  right: auto;
  --modal-translate: translate(-50%, -50%);
}
@media screen and (max-width: 550px) {
  .itemModal--align-right .itemModal__box {
    right: 50%;
    left: auto;
    --modal-translate: translate(50%, -50%);
  }
  .itemModal--align-left .itemModal__box {
    right: auto;
    left: 50%;
    --modal-translate: translate(-50%, -50%);
  }
  .itemModal--align-center .itemModal__box {
    right: auto;
    left: 50%;
    --modal-translate: translate(-50%, -50%);
  }
}
.itemModal__close {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(50%, -50%) rotate(45deg);
          transform: translate(50%, -50%) rotate(45deg);
  width: max(7.5rem, 60px);
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 4px solid #fff;
  background: #dbdbdb;
  z-index: 1000;
}
@media screen and (max-width: 550px) {
  .itemModal__close {
    width: 45px;
  }
}
.itemModal__close__line {
  position: absolute;
  top: 50%;
  left: 50%;
  background: #183b5a;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
}
.itemModal__close__line--vertical {
  width: 3px;
  height: 50%;
}
.itemModal__close__line--horizontal {
  width: 50%;
  height: 3px;
}
.itemModal--active {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.itemModal--active .itemModal__overlay {
  opacity: 1;
  pointer-events: auto;
}
.itemModal--active .itemModal__box {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transform: var(--modal-translate) scale(1);
          transform: var(--modal-translate) scale(1);
}
.itemModal--active .itemModal__slide.is-active {
  pointer-events: auto;
}
.itemModal--hover {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.itemModal--hover .itemModal__overlay {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.itemModal--hover .itemModal__box {
  opacity: 1;
  visibility: visible;
  pointer-events: none;
  -webkit-transform: var(--modal-translate) scale(1);
          transform: var(--modal-translate) scale(1);
}

.page-switch-button {
  position: fixed;
  display: grid;
  place-items: center;
  bottom: clamp(10px, 3.125vw, 50px);
  right: clamp(10px, 3.125vw, 50px);
  width: 40%;
  min-width: max(5rem, 70px);
  min-height: max(5rem, 70px);
  max-width: 300px;
  padding: max(0.625vw, 10px);
  background: #3a9447;
  border-radius: max(1rem, 10px);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: max(0.75vw, 16px);
  font-weight: 500;
  line-height: 1;
  text-align: center;
  -webkit-transition: -webkit-transform 0.5s ease, -webkit-box-shadow 0.5s ease;
  transition: -webkit-transform 0.5s ease, -webkit-box-shadow 0.5s ease;
  transition: transform 0.5s ease, box-shadow 0.5s ease;
  transition: transform 0.5s ease, box-shadow 0.5s ease, -webkit-transform 0.5s ease, -webkit-box-shadow 0.5s ease;
  z-index: 999;
}
@media screen and (max-width: 550px) {
  .page-switch-button {
    min-width: 60px;
    min-height: 55px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .page-switch-button:hover {
    opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
  }
}
.page-switch-button:active {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}/*# sourceMappingURL=environmental.css.map */