@charset "UTF-8";
@import url(/common/css/fonts.css);
@import url(/common/css/reset.css);
/* base
----------------------------------------------------*/
body {
  position: relative;
  text-align: left;
  font-family: YakuHanJP, "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Helvetica, Verdana, Arial, Helvetica, sans-serif;
  font-size: min(3.125vw, 16px);
  font-weight: 300;
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: #222;
  background: #fafafa;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: "palt";
}
@media only screen and (max-width: 767px) {
  body {
    font-size: 3.2vw;
  }
}

/* anchor
----------------------------------------------------*/
a:link {
  color: #484e5c;
  text-decoration: none;
}
a:visited {
  color: #484e5c;
  text-decoration: none;
}
a:hover, a:active {
  color: rgba(72, 78, 92, 0.8);
  text-decoration: none;
}

/* utils
---------------------------------------------------*/
.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

@media only screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }

  .sp {
    display: block !important;
  }
}
/* Effect
------------------------------*/
.fadein-zoom {
  opacity: 0;
  transform: scale(0.3);
  transition-property: opacity transform;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.inview.fadein-zoom {
  opacity: 1;
  transform: scale(1);
}

.fadein {
  filter: alpha(opacity=0);
  opacity: 0;
  transition: opacity 1s, filter 1s;
  -webkit-transition: opacity 1s, filter 1s;
}

.inview .fadein {
  filter: alpha(opacity=100);
  opacity: 1;
}

/* scale-in */
.scale-in {
  opacity: 0;
  transform: scale(5) translate(0, 0);
  transition: 1s;
  -webkit-transition: 0.6s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  filter: blur(10px);
}

.inview .scale-in {
  opacity: 1;
  transform: scale(1) translate(0, 0);
  filter: blur(0px);
}

/* fx-bright */
.fx-bright {
  opacity: 0;
  transition: opacity;
  transition-duration: 1.5s;
  transition-delay: 6.8s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.inview.fx-bright {
  opacity: 1;
}

@keyframes bright {
  0% {
    filter: brightness(1000%) blur(50px);
  }
  100% {
    filter: brightness(100%) blur(0);
  }
}
/* delay */
.delay-none {
  transition-delay: 0s !important;
  animation-delay: 0s !important;
}

.delay01s {
  transition-delay: 0.1s !important;
  animation-delay: 0.1s !important;
}

.delay02s {
  transition-delay: 0.2s !important;
  animation-delay: 0.2s !important;
}

.delay03s {
  transition-delay: 0.3s !important;
  animation-delay: 0.3s !important;
}

.delay04s {
  transition-delay: 0.4s !important;
  animation-delay: 0.4s !important;
}

.delay05s {
  transition-delay: 0.5s !important;
  animation-delay: 0.5s !important;
}

.delay06s {
  transition-delay: 0.6s !important;
  animation-delay: 0.6s !important;
}

.delay07s {
  transition-delay: 0.7s !important;
  animation-delay: 0.7s !important;
}

.delay08s {
  transition-delay: 0.8s !important;
  animation-delay: 0.8s !important;
}

.delay09s {
  transition-delay: 0.9s !important;
  animation-delay: 0.9s !important;
}

.delay10s {
  transition-delay: 1s !important;
  animation-delay: 1s !important;
}

.delay12s {
  transition-delay: 1.2s !important;
  animation-delay: 1.2s !important;
}

.delay14s {
  transition-delay: 1.4s !important;
  animation-delay: 1.4s !important;
}

.delay16s {
  transition-delay: 1.6s !important;
  animation-delay: 1.6s !important;
}

.delay18s {
  transition-delay: 1.8s !important;
  animation-delay: 1.8s !important;
}

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