@charset "utf-8";

/* ========== position ========== */
.relative {
  position: relative;
}
.absolute-icon01 {
  position: absolute;
  width: 4.608%;
  top: 39%;
  left: 29.5%;
}
.absolute-icon02 {
  position: absolute;
  width: 4.608%;
  top: 23.5%;
  left: 39.5%;
}
.absolute-icon03 {
  position: absolute;
  width: 4.608%;
  top: 30%;
  left: 40%;
}

@media only screen and (max-width: 640px){
.relative .absolute-icon01-sp {
  width: 6%;
  top: 34.5%;
  left: 29.5%;
}
.relative .absolute-icon02-sp {
  width: 6%;
  top: 21%;
  left: 39%;
}
.relative .absolute-icon03-sp {
  width: 6%;
  top: 34.5%;
  left: 39%;
}
}
/* ========== animation ========== */
#information-icon {
  -webkit-animation: blink 1.5s ease-in-out infinite;
  animation: blink 1.5s ease-in-out infinite;
}
@-webkit-keyframes blink {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes blink {
  0% {opacity: 0;}
  100% {opacity: 1;}
}