@charset "utf-8";
/* CSS Document */
/* 共通設定：aspect-ratioで高さを自動計算 */
.access-section {
  width: 100%;
  height: auto; /* 高さはaspect-ratioに任せる */
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* 各セクションの縦横比と背景 (aspect-ratio: 幅 / 高さ) */
.access1 {
  aspect-ratio: 1920 / 700;
  background-image: url('../img/access/access_r1_c1.png');
}
.access2 {
  aspect-ratio: 1920 / 576;
  background-image: url('../img/access/access_r2_c1.png');
}
.access3 {
  aspect-ratio: 1920 / 134;
  background-image: url('../img/access/access_r3_c1.png');
}
.access4 {
  aspect-ratio: 1920 / 749;
  background-image: url('../img/access/access_r4_c1.png');
}
.access5 {
  aspect-ratio: 1920 / 350;
  background-image: url('../img/access/access_r5_c1.png');
}
.access6 {
  aspect-ratio: 1920 / 762;
  background-image: url('../img/access/access_r6_c1.png');
}
.access7 {
  aspect-ratio: 1920 / 164;
  background-image: url('../img/access/access_r7_c1.png');
}
.access8 {
  aspect-ratio: 1920 / 840;
  background-image: url('../img/access/access_r8_c1.png');
}
.access9 {
  aspect-ratio: 1920 / 944;
  background-image: url('../img/access/access_r9_c1.png');
}
.access10 {
  aspect-ratio: 1920 / 431;
  background-image: url('../img/access/access_r10_c1.png');
}
/* Googleマップの調整 */
.googlemap {
  width: 62.7%;
  height: 100%; /* セクション内の高さに合わせる */
  border: 0;
  border-radius: 30px
}
/* フッターナビ */