/* PC向けのスタイル */
header nav  {
  
  position: absolute;
  top: 10%;
}

body {
  margin: 0;
  background-color: #fff;
  font-size: 1vw;
  color: #fff;
}

.container-wrapper {
  max-width: 1440px;
  margin: 0 auto;
}

.container {
  position: relative;
  width: 100%;
  padding-bottom: 353.4722%; 
}


.container img {
  position: absolute;
  height: auto;
  left: 0;
  width: 100%;
}

.layer-1 { top: 0.3%; z-index: 1; }
.layer-2 { top: 2.5468%;  z-index: 1; }
.layer-3 { top: 19.5285%; }
.layer-4 { top: 34.1650%; }
.layer-5 { top: 47.5246%;  }
.layer-6 { top: 60.2161%;  }
.layer-7 { top: 72.2593%; }
.layer-8 { top: 89.1749%; }
.copyright-9 { top: 97.2692%; }



/* --- フッターのテキスト --- */
.copyright-text {
  position: absolute;
  /* ▼▼▼ 変更点 ▼▼▼ */
  top: 98.5%; /* ページ全体の高さに対して位置を再調整 */
  left: 50%;
  transform: translateX(-50%);
  color: #333;
  /* font-size: 14px; */
  margin: 0;
  width: 100%;
  text-align: center;
}

h1{
  position: absolute;
  top: 3%; 
}

h2{
  position: absolute;
  top: 6%; 
}
h3{
  position: absolute;
  top: 9%; 
}
h4{
  position: absolute;
  top: 12%; 
}

address{
  position: absolute;
  top: 15%; 
}

p {
  position: absolute;
  top: 10%; 
}

a {
  color: inherit; /* 周りの文字色と同じにする */
  text-decoration: none; /* 下線を消す */
  pointer-events: none; /* クリックできなくする（任意） */
}


/* SP向けのスタイル */
@media screen and (max-width: 768px) {

  
  /* ▼▼▼ 変更点 ▼▼▼ */
  /* SP用の画像位置も元の指定に戻します */
  .layer-1 { top: 1.0%; z-index: 1; }
  .layer-2 { top: 40.2%; }
  .layer-3 { top: 84.4%; }
  .layer-4 { top: 123%; }
  .layer-5 { top: 157%;  }
  .container .layer-6 { top: 201%;left: 6%; width: 86%; }
  .layer-7 { top: 211%; }
  .layer-8 { top: 249%; }
  .copyright-9 { top: 273.5%; }

  .copyright-text {
    
    /* SP用のフッターテキスト位置を再調整 */
    top: 275%;
  }
  
  

}