body {
  margin: 0 auto;
  width: 100%;
  height: 100vh;
  background: url("../img/095b.webp") center/cover; /* 画像を中央配置してカバーする */
  position: relative; /* 相対位置付け */
  padding: 0;
}
body.loading {
  background: #fff !important;
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 576px) {
  .container {
    max-width: 600px;
  }
}
.container {
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 1rem;
}
video {
  width: 100vw; /* 画面の幅いっぱいに広げる */
  height: 100vh; /* 画面の高さいっぱいに広げる */
  object-fit: cover; /* ビデオをアスペクト比を維持しつつ、要素の幅と高さいっぱいに広げる */
}
#myVideo {
  position: fixed; /* ビデオを固定位置に設定 */
  right: 0; /* 右端に寄せる */
  bottom: 0; /* 下端に寄せる */
  min-width: 100%; /* 最小幅をビューポートの幅に設定 */
  min-height: 100%; /* 最小高さをビューポートの高さに設定 */
  width: auto; /* 幅を自動に設定 */
  height: auto; /* 高さを自動に設定 */
  z-index: -100; /* 他のコンテンツの下に表示 */
  background-size: cover; /* ビデオがビューポート全体をカバーするように設定 */
  top: 50%; /* 上端から中央に寄せる */
  left: 50%; /* 左端から中央に寄せる */
  transform: translate(
    -50%,
    -50%
  ); /* ビデオの中心をビューポートの中心に合わせる */
}
#content {
  opacity: 0; /* 最初は透明にする */
  transition: opacity 0.5s ease; /* トランジションを設定し、時間を3秒に設定 */
}

#content.visible {
  opacity: 1; /* 表示時に不透明にする */
  transition-delay: 0.5s; /* 0.5秒後にトランジションを開始する */
}
.top-image {
  width: 50%; /* 画像の幅 */
}
h1 {
  font-size: 24px;
  margin-bottom: 0;
  color: antiquewhite;
  margin-top: 0;
}

p {
  font-size: 18px;
  text-align: start;
  color: antiquewhite;
  margin-top: 0;
  margin-bottom: 0;
}
p.position {
  margin-top: 0.8rem;
}
p.mt-20 {
  margin-top: 10rem;
}
.iconbox {
  text-align: center;
  margin-bottom: 1rem;
  margin-top: 2rem;
}
.rounded-image {
  width: 50px; /* 画像の幅 */
  height: 50px; /* 画像の高さ */
  border-radius: 50%; /* 円形にする */
  overflow: hidden;
  margin-bottom: 15px;
}
a {
  text-decoration: none;
  color: antiquewhite;
}
.icon-link {
  margin-right: 10px; /* 画像と画像の間の横方向の間隔 */
  margin-left: 10px;
}
.box {
  opacity: 0;
}
.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.delay-time02 {
  animation-delay: 0.2s;
}

.delay-time03 {
  animation-delay: 0.3s;
}

.delay-time04 {
  animation-delay: 0.4s;
}
.delay-time05 {
  animation-delay: 0.5s;
}

.delay-time06 {
  animation-delay: 0.6s;
}

.delay-time07 {
  animation-delay: 0.7s;
}
.delay-time08 {
  animation-delay: 0.8s;
}

.bottom-side {
  position: fixed;
  bottom: 0;
}