/* ---------------------------
   リセット & 汎用
--------------------------- */
html, body {
    margin: 0;
    padding: 0;
    font-family: system-ui, sans-serif;
  }
  
  /* ---------------------------
     背景
  --------------------------- */
  .lp-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  
  .bg-picture,
  .bg-img {
    display: block;
    width: 100%;
    height: auto;
  }
  
  /* ---------------------------
     ボタン共通
  --------------------------- */
  .btn-wrapper {
    position: absolute;  
    inset: 0;            
  }
  
  .btn-link {
    position: absolute;   /* 個別座標指定 */
    display: inline-block;
    text-decoration: none;
    transform: translate(-50%, -50%); 
  }
  
  .btn-link picture,
  .btn-link img {
    width: 100%;
    max-width: 420px;     /* PC ボタン上限 */
    height: auto;
    border: 0;
  }
  
  /* ---------------------------
     PC 位置
  --------------------------- */
  .pos-1 { top: 6.4%;  left: 50%; }
  .pos-2 { top: 13.5%; left: 50%; }
  .pos-3 { top: 28.8%; left: 50%; }
  .pos-4 { top: 69.1%; left: 50%; }
  .pos-5 { top: 82.5%; left: 50%; }
  .pos-6 { top: 95.5%; left: 50%; }

  /* ---------------------------
     SP 位置
  --------------------------- */
  @media screen and (max-width: 768px) {
  
    .btn-link {
        width: 90vw;             
      }
      .btn-link picture,
      .btn-link img {
        max-width: none;       
      }
  
    /* --- SP 用座標 --- */
    .sp-pos-1 { top: 4.3%;  left: 52%; }
    .sp-pos-2 { top: 9.7%;  left: 52%; }
    .sp-pos-3 { top: 29.2%;  left: 52%; }
    .sp-pos-4 { top: 75.2%;  left: 52%; }
    .sp-pos-5 { top: 86.2%;  left: 52%; }
    .sp-pos-6 { top: 97%;  left: 52%; }
  }