body {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  color: #fff;
  font-size: 2vw;
}

img {
  width: 100%;
}



.btn-hover {
  display: none;
}



.btn {
  display: flex;
  flex-direction: column;
  align-items: center;
 
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
}
.btn:hover .btn-none {
  display: none;
}
.btn:hover .btn-hover {
  display: block;
}
.btn img {
  width: 100%;
}


.btn a{
  width: 97%;
}

.header2,.header7,.header9,.header13,.header15,.header18,footer {
  position: relative;
}

.footer-link {
  width: 100%;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 15%;
 
}



.w-21{
  width: 21%!important;
  height: auto;
  margin-bottom: 2vw;
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

.blink {
  animation: blink 1s linear infinite;
}