/*----------------------------------------------------------------------
よく使うモジュール一覧
----------------------------------------------------------------------*/
html {
  overflow-y: scroll;
}
sup, sub {
  font-size: 65%;
}
a {
  text-decoration: none;
}
a:active, a:focus {
  outline: none;
}
.sp {
  display: none;
}
.pc {
  display: block;
}

@media (min-width: 768px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}
img {
  height: auto;
  max-width: 100%;
  image-rendering: -webkit-optimize-contrast;
}

/*
 * fade
 */
.fade {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.fade:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
/* ---------- 以下エフェクトに関するcss ---------- */
.trigger {
  opacity: 0;
}
.fadeUp {
  animation-name: fadeUpAnime;
  animation-fill-mode: forwards;
  animation-duration: .75s;
}
@keyframes DownAnime {
  from {
    opacity: 0;
    transform: translateY(-170px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media screen and (max-width: 768px) {
  .sp {
    display: block!important;
  }
  .pc {
    display: none!important;
  }
  img {
    image-rendering: auto;
  }
}