/*----------------------------------------------------------------------
よく使うモジュール一覧
----------------------------------------------------------------------*/

html{
	overflow-y: scroll;
}

sup,sub {
	font-size: 65%;
}

input[type="submit"], input[type="button"] {
	border-radius: inherit;
	-webkit-appearance: none;
}

img{
  height: auto;
  max-width: 100%;
  image-rendering: -webkit-optimize-contrast;	
}

a {
	text-decoration: none;
}

a:active, a:focus{
	outline:none;
	
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
　　display:block;
}

.fadeInTrigger,
.fadeUpTrigger,
.fadeLeftTrigger,
.fadeRightTrigger,
.delayScroll li{
  opacity: 0;
}

/* フェードイン */
.fadeIn{
opacity:0;
animation-name:fadeInAnime;
animation-duration:1s;
animation-fill-mode:forwards;
  animation-delay: .5s;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* 下から */
.fadeUp{
  opacity: 0;
  animation-name: fadeUpAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: .5s;
}
@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 左から */
.fadeLeft{
  opacity:0;
  animation-name:fadeLeftAnime;
  animation-duration: 1s;
  animation-fill-mode:forwards;
  animation-delay: .5s;
}
@keyframes fadeLeftAnime{
  from {
    opacity: 0;
  transform: translateX(-100px);
  }
  to {
    opacity: 1;
  transform: translateX(0);
  }
}

/* 右から */
.fadeRight{
  opacity:0;
  animation-name:fadeRightAnime;
  animation-duration: 1s;
  animation-fill-mode:forwards;
  animation-delay: .5s;
}
@keyframes fadeRightAnime{
  from {
    opacity: 0;
  transform: translateX(100px);
  }
  to {
    opacity: 1;
  transform: translateX(0);
  }
}

.delay-1{
  animation-delay: 1s;
}


@media (min-width: 768px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: text;
    text-decoration: none;
  }
}

@media screen and (max-width: 768px) {

.fadeUp.active{
	animation: none;
	opacity: 1;
}
	
img {
    image-rendering: auto;
}

}