.symbols {
  display: none;
}

.main {
  position: relative;
  overflow: hidden;
  backface-visibility: hidden;
}
@media screen and (max-width: 768px) {
  .main {
    padding-bottom: 3em;
  }
}
@media screen and (max-width: 900px) {
  .main {
    padding-bottom: 0px;
  }
}

.main::before {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 100;
  width: 1px;
  height: 100%;
  background: rgb(215, 234, 245);
}
@media screen and (min-width: 769px) {
  .main::before {
    content: "";
  }
}

.home .main {
  z-index: 103;
  margin-top: 0;
}

.page {
  position: relative;
  left: 0px;
  z-index: 997;
  padding: 0px;
  transition: left 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
}
@media screen and (min-width: 769px) {
  .page {
    padding-left: 17.1429em;
    min-width: 1280px;
  }
}

.page-home .page {
  opacity: 0;
  transition: opacity 0.2s 60ms, left 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
}

.-with-loading .page-home .page {
  opacity: 1;
}

.effect {
  opacity: 0;
}
.effect.-anime, .effect.-animated {
  animation: effect-visible 0.8s ease forwards;
}

ol, ul {
  list-style: none;
}

.font-en {
  font-family: Montserrat, sans-serif;
}

img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

a {
  text-decoration: none;
  transition: opacity 0.2s ease-in-out;
}
a:hover {
  opacity: 0.8;
}

a.no-link:hover {
  opacity: 1;
}

.-zoom img {
  transition: 0.5s;
}

.-zoom:active img, .-zoom:hover img {
  transform: scale(1.05, 1.05);
}

main .contents {
  padding-top: 8vw;
  padding-bottom: 0px;
}
@media screen and (max-width: 900px) {
  main .contents {
    padding-top: 16vw;
  }
}

.section {
  margin-bottom: 8.85417vw;
}
@media screen and (max-width: 900px) {
  .section {
    margin-bottom: 21.3333vw;
  }
}

.section__inner {
  padding: 0px 8.33333vw;
}
@media screen and (max-width: 900px) {
  .section__inner {
    padding: 0px 4vw;
  }
}

.section__service {
  position: relative;
}

.home main .contents {
  padding-top: 0px;
}

.home .page {
  padding: 0px;
}
@media screen and (min-width: 769px) {
  .home .page {
    padding-top: 1.0416666667vw;
  }
}

@media screen and (max-width: 768px) {
  .sp-none {
    display: none !important;
  }
}
@media screen and (max-width: 900px) {
  .sp-none {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .pc-none {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .pc-none {
    display: none !important;
  }
}
@media screen and (min-width: 901px) {
  .pc-none {
    display: none !important;
  }
}

@keyframes effect-visible {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes page_ttl_en {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    color: #000;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    color: #00a9e0;
  }
}
/*# sourceMappingURL=base.css.map */