* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    html {
      scroll-behavior: smooth;
    }
    body {
      background-color: #fff;
      overflow-x: hidden;
    }

    .lp-container {
      width: 100%;
      max-width: 480px; 
      margin: 0 auto;
      position: relative;
    }

    
    .lp-img {
      width: 100%;
      height: auto;
      display: block;
      vertical-align: bottom;
    }


    .floating-btn {
      position: fixed;
      bottom: -100px; 
      left: 5%;
      width: 90%;
      max-width: 440px; 
      background: linear-gradient(135deg, #ff7a00, #ff5500);
      color: #fff;
      text-align: center;
      padding: 14px 20px;
      border-radius: 50px;
      text-decoration: none;
      box-shadow: 0 8px 25px rgba(255, 90, 0, 0.4);
      z-index: 9999;
      transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); 
      opacity: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    
    @media (min-width: 768px) {
      .floating-btn {
        left: 50%;
        transform: translateX(-50%); /* 画面中央固定 */
      }
    }

    .floating-btn span {
      font-size: 10px;
      font-weight: bold;
      letter-spacing: 0.05em;
      opacity: 0.9;
      margin-bottom: 2px;
    }
    .floating-btn strong {
      font-size: 15px;
      letter-spacing: 0.05em;
      font-weight: 700;
    }

    /* JSでこのクラスがついたら画面内に浮き上がる */
    .floating-btn.is-show {
      bottom: 20px;
      opacity: 1;
    }

   
    #cta-target {
      position: relative;
      top: -60px; 
    }

   .lp-footer {
      background-color: #6dc9f3dc; 
      color: #666;
      text-align: center;
      padding: 20px ; 
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }