@charset "utf-8";

body {
    background-color: white;   
    width: 100%;
    margin: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100vw;
    max-width: 750px;
    margin: auto;
}

.fv-btn {
  width: clamp(0px, 334 / 375 * 100vw, 668px);
}

.fv-btn img {
  aspect-ratio: 668 / 228;
}

.wsj_btn {
  width: clamp(0px, 282 / 375 * 100vw, 564px);
}

.wsj_btn img {
  aspect-ratio: 564 / 423;
}

.banner1 {
  width: clamp(0px, 227 / 375 * 100vw, 457px);
}

.banner1 img {
  aspect-ratio: 457 / 470;
}

.banner2 {
  width: clamp(0px, 302 / 375 * 100vw, 604px);
}

.banner2 img {
  aspect-ratio: 604 / 385;
}

.cta-btn {
    width: clamp(0px, 334 / 375 * 100vw, 668px);
  }

.cta-btn img {
    aspect-ratio: 668 / 228;
  }

  
  .img-width {
    display: block;
    width: 100%;
  }
  
  .wrapper {
      margin: auto;
      text-align: center;
      z-index: auto;
  }
  
  
.fv {
   position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      line-height:0;
  }
  
.fv img {
    aspect-ratio: 750 / 3295;
  }


.button01 {
    position: absolute;
    z-index: 1;
    text-align: center;
    bottom: 2.5%;
    animation: key 3s infinite;
}
@keyframes key {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}

.button01 img {
  aspect-ratio: 668 / 228;

}

.sec01-1 {
  position: relative;
  z-index: 1;
  }
  
.sec01 img {
  aspect-ratio: 750 / 1539;
  }
  
.wsj_btn {
  position: absolute;
      z-index: 2;
      text-align: center;
      bottom: 17%;
      left: 20%;
  }
  .wsj_btn img {
    aspect-ratio: 564 / 423;
  }

  

.sec01 {
  position: relative;
  z-index: 1;
  }
  
.sec01 img {
  aspect-ratio: 750 / 1717;
  }
  
.banner1 {
  position: absolute;
      z-index: 2;
      text-align: center;
      bottom: 40%;
      left: 62%;
      transform: translateX(-50%);
  }
  .banner1 img {
    aspect-ratio: 457 / 470;
  }

.banner2 {
  position: absolute;
    z-index: 2;
    text-align: center;
    bottom: 1%;
    left: 50%;
    transform: translateX(-50%);
    }

.banner2 img {
    aspect-ratio: 604 / 385;
    }
  


  
  .CTA01 {
      position: relative;
      z-index: 1;
  }
  
  .CTA01 img {
    aspect-ratio: 750 / 693;
  }
  
  .button02 {
    position: absolute;
    z-index: 1;
    text-align: center;
    left: 5%;
    bottom: 20%;
    animation: key 3s infinite;

}
@keyframes key {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}
  
  
  .button02 img {
    aspect-ratio: 668 / 228;
  }

 
.CTA02 {
    position: relative;
}

.CTA02 img {
  aspect-ratio: 750 / 693;
}

.button03 {
  position: absolute;
  z-index: 1;
  text-align: center;
  left: 5%;
  bottom: 20%;
  animation: key 3s infinite;

}
@keyframes key {
0%, 40%, 60%, 80% {
  transform: scale(1.0);
}
50%, 70% {
  transform: scale(0.95);
}
}

.button03 img {
  aspect-ratio: 668 / 228;
}





.CTA03 {
    position: relative;
}

.CTA03 img {
  aspect-ratio: 750 / 723;
}

.button04 {
  position: absolute;
  z-index: 1;
  text-align: center;
  left: 5%;
  bottom: 20%;
  animation: key 3s infinite;

}
@keyframes key {
0%, 40%, 60%, 80% {
  transform: scale(1.0);
}
50%, 70% {
  transform: scale(0.95);
}
}

.button04 img {
  aspect-ratio: 668 / 228;
}



  
.footer {
    padding: 1.5em 1em;
    text-align: center;
    color: var(--color-footer-text);
    background-color: var(--color-footer-bg);
    font-size: clamp(12px, 3.2vw, 16px);
    font-weight: bold;
    margin: 0 auto;
}