.bgColor {
  background: #022e96;
  transition: 2s;
  position: fixed;
  width: 100%;
  height: 100vh;
}

@-webkit-keyframes bggradient {
  0% {
    background-position: 0% 100%;
  }
  50% {
    background-position: 100% 0%;
  }
  100% {
    background-position: 0% 100%;
  }
}

@keyframes bggradient {
  0% {
    background-position: 0% 100%;
  }
  50% {
    background-position: 100% 0%;
  }
  100% {
    background-position: 0% 100%;
  }
}
#people {
  position: fixed;
  width: calc(786 / 1500 *100vw);
  height: calc(1000 / 1500 *100vw);
  max-height: 90vh;
  background: url("../../images/top/shadow.svg") no-repeat left bottom;
  background-size: contain;
  bottom: 0;
  left: 10%;
  mix-blend-mode: multiply;
  transition: 1s;
  z-index: 20;
}
#people.none {
  opacity: 0;
  transition: 1s;
}

@-webkit-keyframes animateBg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
}

@keyframes animateBg {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
}
@-webkit-keyframes animate {
  0% {
    transform: rotate(315deg) translateX(0);
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    transform: rotate(315deg) translateX(-1000px);
    opacity: 0;
  }
}
@keyframes animate {
  0% {
    transform: rotate(315deg) translateX(0);
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    transform: rotate(315deg) translateX(-1000px);
    opacity: 0;
  }
}
section {
  position: relative;
  height: 100vh;
  width: 100%;
  z-index: 30;
}
section .inner {
  height: 100%;
  padding: calc(150 / 1500 *100vw) calc(230 / 1500 *100vw) calc(150 / 1500 *100vw) calc(130 / 1500 *100vw);
}
section .inner h2 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: calc(50 / 1500 *100vw);
}
section .inner .cont {
  display: flex;
  justify-content: center;
  height: calc(100% - (100 / 1500 *100vw));
}

#gblFooter {
  bottom: 0;
}

@media (max-width: 767px) {
  #people {
    width: calc(300 / 375 *100vw);
    height: calc(390 / 375 *100vw);
    max-height: 70vh;
    left: 5%;
  }

  section .inner h2 {
    font-size: 1.8rem;
    margin-bottom: calc(20 / 375 * 100vw);
  }
  section#top section#sec02 .cont {
    font-size: 1.6rem;
  }
  section#sec03 .inner h2 {
    font-size: 1.8rem;
    margin-bottom: calc(10 / 375 * 100vw);
  }
  section#sec03 .cont dt {
    font-size: 1.4rem;
  }
  section#sec03 .cont dd {
    font-size: 1.2rem;
  }
  section#sec03 .cont dd:first-of-type {
    font-size: 1.4rem;
  }
  section#sec03 .cont dd:not(:last-of-type) {
    margin-bottom: calc(2 / 375 *100vw);
  }
  section#sec04 .inner {
    padding: calc(150 / 1500 *100vw) calc(230 / 1500 *100vw) calc(150 / 1500 *100vw) calc(130 / 1500 *100vw);
  }
  section#sec04 .inner .contWrap {
    height: calc(100% - 30px);
    padding: 0;
  }
  section#sec04 .inner .cont {
    padding: calc(150 / 1500 *100vw) calc(230 / 1500 *100vw) calc(150 / 1500 *100vw) calc(100 / 1500 *100vw);
  }
  section#sec04 .inner .cont .block > div:not(:last-of-type) {
    margin-bottom: calc(25 / 375 *100vw);
  }
  section#sec04 .inner .cont .block > div p:not(:last-of-type) {
    margin-bottom: calc(10 / 375 *100vw);
  }
}