#page--header {
  position: relative;
  z-index: 100;
}
@media all and (min-width: 760px) {
  #page--header-sticky-wrapper:not(.is-sticky) #page--header {
    background: transparent none;
    color: var(--color--white);
    border-bottom: var(--border--common--semitransparent);
  }
  #page--header-sticky-wrapper:not(.is-sticky) #page--header a {
    color: var(--color--white);
  }
  #page--header-sticky-wrapper:not(.is-sticky) #page--header i.icon {
    filter: brightness(0) invert(1);
  }
  #page--header-sticky-wrapper:not(.is-sticky) #page--header .logo img {
    filter: brightness(0) invert(1);
  }
}

.about--header {
  position: relative;
  overflow: hidden;
  padding: 2rem 0;
  height: 22rem;
}
@media all and (min-width: 760px) {
  .about--header {
    margin-top: -64px;
    height: 45rem;
  }
}
.about--header h1 {
  position: absolute;
  z-index: 1;
  color: var(--color--white);
  text-align: center;
  margin: 0;
  top: 50%;
  height: 1em;
  margin-top: -0.5em;
  width: 100%;
  font-size: 3.2rem;
}
@media all and (min-width: 760px) {
  .about--header h1 {
    font-size: 6rem;
  }
}
.about--header picture {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--color--gradient--purple--vertical);
}
.about--header picture img {
  width: 100%;
  height: 100%;
  opacity: 0.5;
  object-fit: cover;
  object-position: center top;
}
.about--header:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--color--gradient--purple--vertical);
  opacity: 0.5;
}
.about--content {
  padding-top: 4rem;
  padding-bottom: 0;
}
.about--content section {
  margin-bottom: 4rem;
}
.about--content section h2 {
  font-size: 1.8rem;
  font-family: var(--font--walsheim);
  font-weight: 500;
  color: var(--color--purple);
  margin-top: 0;
}
.about--content section h2 + p {
  font-size: 2.4rem;
  line-height: 1.4;
}
@media all and (min-width: 760px) {
  .about--content {
    padding-bottom: 4rem;
}
  .about--content section h2 + p {
    font-size: 3.2rem;
  }
}
.about--content section + picture {
  margin: 4.2rem 0;
}
.about--content section + picture img {
  object-fit: cover;
}
@media all and (max-width: 760px) {
  .about--content section + picture img {
    aspect-ratio: 2;
    width: 100%;
  }
}
.about--values {
  _height: 1%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 20em 0;
  padding-top: 12em;
  padding-bottom: 19em;
  overflow-x: hidden;
}
.about--values:after {
  content: ".";
  visibility: hidden;
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
}
.about--values .wrap {
  position: relative;
  min-height: 206px;
}
.about--values h2 {
  display: block;
  font-size: 14vw;
  font-family: var(--font--walsheim);
  font-weight: normal;
  text-align: center;
  position: relative;
  z-index: 2;
  margin: 0;
}
@media all and (min-width: 760px) {
  .about--enterprises {
	  margin-top: 0 !important;
	  padding-top: 8rem !important;
  }
  .about--values {
    margin: 5em 0;
    padding: 96px 0 88px;
    overflow-x: inherit;
	margin-top: 9rem;
	margin-bottom: 4rem;
  }

  .about--values h2 {
    font-size: 8vw;
    margin: 0;
  }
}
.about--values ul.values {
  padding: 0;
  margin: 0;
}
.about--values ul.values li {
  position: absolute;
  padding: 2rem;
  width: 4rem;
  height: 4rem;
  margin-top: -2rem;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  top: 50%;
  color: var(--color--purple);
  font-weight: 500;
  transition: all var(--transition);
  border: solid 1px #ececec;
}
@media all and (max-width: 760px) {
  .about--values ul.values .knowledge.gradient {
    width: 10rem;
    height: 10rem;
	left: 4%;
	top: -72%;
  }
  .about--values ul.values .creativity.gradient {
	white-space: inherit;
	width: 13rem;
    height: 13rem;
    left: 48%;
    top: -54%;
  }
}
@media all and (min-width: 760px) {
  .about--values ul.values li {
    width: 14rem;
    height: 14rem;
    margin-top: -7rem;
  }
}
.about--values ul.values li:hover {
  transform: scale(1.2);
  z-index: 1000;
}
.about--values ul.values .logo {
  background: var(--color--gradient--purple);
  border: none;
}

.about--values ul.values .logo .logo-subtitle {
  cursor: default;
  display: none;
}

@media all and (min-width: 760px) {
  .about--values ul.values .logo:hover .logo-subtitle {
    display: block;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #fff;
  }
}

.about--values ul.values .gray {
  background-color: var(--color--lightgray);
}
.about--values ul.values .blur {
  background: linear-gradient(0deg, #f1edfe82, #ffffff82);
  backdrop-filter: blur(0.5rem);
  -webkit-backdrop-filter: blur(0.5rem);
  -moz-backdrop-filter: blur(0.5rem);
}
.about--values ul.values .white {
  background-color: var(--color--white);
  border: var(--border--common);
}
.about--values ul.values .knowledge {
  cursor: default;
  left: 15%;
  z-index: 1;
  top: -30%;
}

.about--values ul.values .knowledge .knowledge-subtitle {
  display: none;
}

.about--values ul.values .gradient {
  background: linear-gradient(0deg, #f1edfe, #ffffff);
}
@media all and (min-width: 760px) {
  .about--values ul.values .knowledge {
    top: 60%;
    left: 11%;
  }

  .about--values ul.values .knowledge:hover .knowledge-subtitle {
    display: block;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #000;
  }
}
.about--values ul.values .trust {
  cursor: default;
  width: 8rem;
  height: 8rem;
  margin-top: -4rem;
  left: 70%;
  top: 100%;
  z-index: 20;
}

.about--values ul.values .trust .trust-subtitle {
  display: none;
}

@media all and (min-width: 760px) {
  .about--values ul.values .trust {
    width: 20rem;
    height: 20rem;
    margin-top: -10rem;
    left: 27%;
    top: 41%;
  }

  .about--values ul.values .trust:hover .trust-subtitle {
    display: block;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #000;
  }
}

.about--values ul.values .logo {
  left: 65%;
  top: 135%;
  z-index: 10;
}
@media all and (min-width: 760px) {
  .about--values ul.values .logo {
    left: 37%;
    top: 70%;
  }
}
.about--values ul.values .logo img {
  display: block;
  width: 3rem;
}
@media all and (min-width: 760px) {
  .about--values ul.values .logo img {
    width: 6rem;
  }
}
.about--values ul.values .creativity {
  white-space: nowrap;
  cursor: default;
  width: 8rem;
  height: 8rem;
  margin-top: -4rem;
  left: 55%;
  top: -20%;
  z-index: 10;
}

.about--values ul.values .creativity .creativity-subtitle {
  display: none;
}

@media all and (min-width: 760px) {
  .about--values ul.values .creativity {
    left: 45%;
    top: -25%;
    width: 18rem;
    height: 18rem;
    margin-top: -10rem;
  }

  .about--values ul.values .creativity:hover .creativity-subtitle {
    display: block;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #000;
  }
}
.about--values ul.values .tutorship {
  cursor: default;
  right: 10%;
  top: 180%;
  width: 12rem;
  height: 12rem;
  margin-top: -6rem;
}

.about--values ul.values .tutorship span {
  display: none;
}

@media all and (min-width: 760px) {
  .about--values ul.values .tutorship {
    right: 35%;
    top: 78%;
    width: 18rem;
    height: 18rem;
    margin-top: -9rem;
  }

  .about--values ul.values .tutorship:hover span {
    display: block;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #000;
  }
}
.about--values ul.values .responsibility {
  cursor: default;
  top: 85%;
  width: 12rem;
  height: 12rem;
  margin-top: -7rem;
  z-index: 1;
}

.about--values ul.values .responsibility .responsibility-subtitle {
  display: none;
}

@media all and (min-width: 760px) {
  .about--values ul.values .responsibility {
    right: 24%;
    top: 12%;
    width: 24rem;
    height: 24rem;
    margin-top: -12rem;
  }

  .about--values ul.values .responsibility:hover .responsibility-subtitle {
    display: block;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #000;
  }
}
.about--values ul.values .wisdom {
  width: 8rem;
  height: 8rem;
  cursor: default;
  z-index: 10;
  right: 50%;
  top: 150%;
}

.about--values ul.values .wisdom .wisdom-subtitle {
  display: none;
}

@media all and (min-width: 760px) {
  .about--values ul.values .wisdom {
    width: 14rem;
    height: 14rem;
    right: 9%;
    top: 67%;
  }

  .about--values ul.values .wisdom:hover .wisdom-subtitle {
    display: block;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #000;
  }
}

#page--footer {
  margin-top: 0;
}

.about--enterprises {
  /*background: #f5f5f5;*/
  padding-bottom: 8rem !important;
}

/*# sourceMappingURL=style.css.map */