@charset "UTF-8";

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------SP*/

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

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------TB*/

@media screen and (min-width: 668px) and (max-width: 959px) {
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------PC*/

@media screen and (min-width: 960px) {
	/* Underline Reveal */
	.hvr-underline-reveal {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px transparent;
	  position: relative;
	  overflow: hidden;
	}
	.hvr-underline-reveal:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #FFF;
	  height: 10px;
	  -webkit-transform: translateY(10px);
	  transform: translateY(10px);
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	}
	/* Bounce To Bottom */
	.hvr-bounce-to-bottom {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px transparent;
	  position: relative;
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.5s;
	  transition-duration: 0.5s;
	}
	.hvr-bounce-to-bottom:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #FFF;
	  -webkit-transform: scaleY(0);
	  transform: scaleY(0);
	  -webkit-transform-origin: 50% 0;
	  transform-origin: 50% 0;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
	  color: white;
	}
	.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
	  -webkit-transform: scaleY(1);
	  transform: scaleY(1);
	  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	}
	/* Icon Rotate */
	.hvr-icon-rotate {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px transparent;
	  position: relative;
	  padding-right: 2.2em;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	}
	.hvr-icon-rotate:before {
	  content: "\f0c6";
	  position: absolute;
	  right: 1em;
	  padding: 0 1px;
	  font-family: FontAwesome;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before {
	  -webkit-transform: rotate(20deg);
	  transform: rotate(20deg);
	}
	/* Float Shadow */
	.hvr-float-shadow {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px transparent;
	  position: relative;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	}
	.hvr-float-shadow:before {
	  pointer-events: none;
	  position: absolute;
	  z-index: -1;
	  content: '';
	  top: 100%;
	  left: 5%;
	  height: 10px;
	  width: 90%;
	  opacity: 0;
	  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
	  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
	  /* W3C */
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-property: transform, opacity;
	  transition-property: transform, opacity;
	}
	.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
	  -webkit-transform: translateY(-5px);
	  transform: translateY(-5px);
	  /* move the element up by 5px */
	}
	.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
	  opacity: 1;
	  -webkit-transform: translateY(5px);
	  transform: translateY(5px);
	  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
	}
	/* Bob */
	@-webkit-keyframes hvr-bob {
	  0% {
	    -webkit-transform: translateY(-8px);
	    transform: translateY(-8px);
	  }
	  50% {
	    -webkit-transform: translateY(-4px);
	    transform: translateY(-4px);
	  }
	  100% {
	    -webkit-transform: translateY(-8px);
	    transform: translateY(-8px);
	  }
	}
	@keyframes hvr-bob {
	  0% {
	    -webkit-transform: translateY(-8px);
	    transform: translateY(-8px);
	  }
	  50% {
	    -webkit-transform: translateY(-4px);
	    transform: translateY(-4px);
	  }
	  100% {
	    -webkit-transform: translateY(-8px);
	    transform: translateY(-8px);
	  }
	}
	@-webkit-keyframes hvr-bob-float {
	  100% {
	    -webkit-transform: translateY(-8px);
	    transform: translateY(-8px);
	  }
	}
	@keyframes hvr-bob-float {
	  100% {
	    -webkit-transform: translateY(-8px);
	    transform: translateY(-8px);
	  }
	}
	.hvr-bob {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px transparent;
	}
	.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
	  -webkit-animation-name: hvr-bob-float, hvr-bob;
	  animation-name: hvr-bob-float, hvr-bob;
	  -webkit-animation-duration: .3s, 1.5s;
	  animation-duration: .3s, 1.5s;
	  -webkit-animation-delay: 0s, .3s;
	  animation-delay: 0s, .3s;
	  -webkit-animation-timing-function: ease-out, ease-in-out;
	  animation-timing-function: ease-out, ease-in-out;
	  -webkit-animation-iteration-count: 1, infinite;
	  animation-iteration-count: 1, infinite;
	  -webkit-animation-fill-mode: forwards;
	  animation-fill-mode: forwards;
	  -webkit-animation-direction: normal, alternate;
	  animation-direction: normal, alternate;
	}
	/* Push */
	@-webkit-keyframes hvr-push {
	  50% {
	    -webkit-transform: scale(0.99);
	    transform: scale(0.99);
	  }
	  100% {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	  }
	}
	@keyframes hvr-push {
	  50% {
	    -webkit-transform: scale(0.99);
	    transform: scale(0.99);
	  }
	  100% {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	  }
	}
	.hvr-push {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px transparent;
	}
	.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
	  -webkit-animation-name: hvr-push;
	  animation-name: hvr-push;
	  -webkit-animation-duration: 0.3s;
	  animation-duration: 0.3s;
	  -webkit-animation-timing-function: linear;
	  animation-timing-function: linear;
	  -webkit-animation-iteration-count: 1;
	  animation-iteration-count: 1;
	}
	/* Fade */
	.hvr-fade {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px transparent;
	  overflow: hidden;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-property: color, background-color;
	  transition-property: color, background-color;
	}
	.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
	  background-color: #2098D1;
	  color: white;
	}

	
	
	
	



}


/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------PRINT*/

@media print {
	/* Underline Reveal */
	.hvr-underline-reveal {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px transparent;
	  position: relative;
	  overflow: hidden;
	}
	.hvr-underline-reveal:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #FFF;
	  height: 10px;
	  -webkit-transform: translateY(10px);
	  transform: translateY(10px);
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	}
	/* Bounce To Bottom */
	.hvr-bounce-to-bottom {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px transparent;
	  position: relative;
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.5s;
	  transition-duration: 0.5s;
	}
	.hvr-bounce-to-bottom:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #FFF;
	  -webkit-transform: scaleY(0);
	  transform: scaleY(0);
	  -webkit-transform-origin: 50% 0;
	  transform-origin: 50% 0;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
	  color: white;
	}
	.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
	  -webkit-transform: scaleY(1);
	  transform: scaleY(1);
	  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	}
	/* Icon Rotate */
	.hvr-icon-rotate {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px transparent;
	  position: relative;
	  padding-right: 2.2em;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	}
	.hvr-icon-rotate:before {
	  content: "\f0c6";
	  position: absolute;
	  right: 1em;
	  padding: 0 1px;
	  font-family: FontAwesome;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before {
	  -webkit-transform: rotate(20deg);
	  transform: rotate(20deg);
	}
	/* Float Shadow */
	.hvr-float-shadow {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px transparent;
	  position: relative;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	}
	.hvr-float-shadow:before {
	  pointer-events: none;
	  position: absolute;
	  z-index: -1;
	  content: '';
	  top: 100%;
	  left: 5%;
	  height: 10px;
	  width: 90%;
	  opacity: 0;
	  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
	  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
	  /* W3C */
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-property: transform, opacity;
	  transition-property: transform, opacity;
	}
	.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
	  -webkit-transform: translateY(-5px);
	  transform: translateY(-5px);
	  /* move the element up by 5px */
	}
	.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
	  opacity: 1;
	  -webkit-transform: translateY(5px);
	  transform: translateY(5px);
	  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
	}
	/* Bob */
	@-webkit-keyframes hvr-bob {
	  0% {
	    -webkit-transform: translateY(-8px);
	    transform: translateY(-8px);
	  }
	  50% {
	    -webkit-transform: translateY(-4px);
	    transform: translateY(-4px);
	  }
	  100% {
	    -webkit-transform: translateY(-8px);
	    transform: translateY(-8px);
	  }
	}
	@keyframes hvr-bob {
	  0% {
	    -webkit-transform: translateY(-8px);
	    transform: translateY(-8px);
	  }
	  50% {
	    -webkit-transform: translateY(-4px);
	    transform: translateY(-4px);
	  }
	  100% {
	    -webkit-transform: translateY(-8px);
	    transform: translateY(-8px);
	  }
	}
	@-webkit-keyframes hvr-bob-float {
	  100% {
	    -webkit-transform: translateY(-8px);
	    transform: translateY(-8px);
	  }
	}
	@keyframes hvr-bob-float {
	  100% {
	    -webkit-transform: translateY(-8px);
	    transform: translateY(-8px);
	  }
	}
	.hvr-bob {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px transparent;
	}
	.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
	  -webkit-animation-name: hvr-bob-float, hvr-bob;
	  animation-name: hvr-bob-float, hvr-bob;
	  -webkit-animation-duration: .3s, 1.5s;
	  animation-duration: .3s, 1.5s;
	  -webkit-animation-delay: 0s, .3s;
	  animation-delay: 0s, .3s;
	  -webkit-animation-timing-function: ease-out, ease-in-out;
	  animation-timing-function: ease-out, ease-in-out;
	  -webkit-animation-iteration-count: 1, infinite;
	  animation-iteration-count: 1, infinite;
	  -webkit-animation-fill-mode: forwards;
	  animation-fill-mode: forwards;
	  -webkit-animation-direction: normal, alternate;
	  animation-direction: normal, alternate;
	}
	/* Push */
	@-webkit-keyframes hvr-push {
	  50% {
	    -webkit-transform: scale(0.99);
	    transform: scale(0.99);
	  }
	  100% {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	  }
	}
	@keyframes hvr-push {
	  50% {
	    -webkit-transform: scale(0.99);
	    transform: scale(0.99);
	  }
	  100% {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	  }
	}
	.hvr-push {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px transparent;
	}
	.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
	  -webkit-animation-name: hvr-push;
	  animation-name: hvr-push;
	  -webkit-animation-duration: 0.3s;
	  animation-duration: 0.3s;
	  -webkit-animation-timing-function: linear;
	  animation-timing-function: linear;
	  -webkit-animation-iteration-count: 1;
	  animation-iteration-count: 1;
	}
	/* Fade */
	.hvr-fade {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px transparent;
	  overflow: hidden;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-property: color, background-color;
	  transition-property: color, background-color;
	}
	.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
	  background-color: #2098D1;
	  color: white;
	}

	
	
	
	



}