.main-container {
  display: block;
}

.maindisp-container {
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.main-img {
  width: 100%;
}

.main-wrapper {
  position: relative;
  display: inline-block;
}

.overlay-main {
  display:block;
  position: absolute;
  top: 55%;
  left: 5%;
  z-index: 2;
  pointer-events: none;
  text-align: center;
}

.main-copy {
 font-family: var(--font-copy);
 font-size: var(--font-m);
 color: var(--color-main);
 font-weight: 600;
 font-style: normal;
 text-align: left;
 margin: 0;
 white-space: nowrap;
text-shadow:
  0 0 0.1rem rgba(0, 0, 0, 0.9),  /* 輪郭の芯（くっきり） */
  0 0 0.3rem rgba(0, 0, 0, 0.8),   /* 中間の広がり */
  0 0 0.6rem rgba(0, 0, 0, 0.6),   /* 外側の余韻① */
  0 0 0.9rem rgba(0, 0, 0, 0.4);   /* 外側の余韻② */
}

.game {
  position: relative;
  width: 100%;
  color: var(--color-main);
  overflow: hidden;
  margin-block: 3.2rem;
  transition: transform 0.3s ease;
}

/* 上部画像 */
.room_image {
  width: 90%;
  height: auto;
  display: block;
}

.timeline {
  position: relative;
  margin: 2rem 2rem;
  font-family: var(--font-main);
}

/* 各ステップ */
.timeline-item {
  position: relative;
}

.timeline-item .content-description {
  padding-inline:1.2em;
}


/* ステップ内容 */
.timeline-content {
  padding-bottom: 2rem;
  margin: 0;
}

.timeline-content .btn {
  margin-top: 1em;
  margin:1.2em;
}

.timeline-title {
 font-family: var(--font-title);
 font-size: var(--font-m);
 color: var(--color-main);
 font-optical-sizing: auto;
 font-weight: 600;
 font-style: normal;
 text-align: left;
 margin-inline: 0;
}

.notice-list {
  padding-top:0.4rem;
  padding-inline: 0em;
  margin-left: 1em;
}

.notice-list li{
  list-style-type: square;
  font-size: var(--font-s);
  color: var(--color-subtle);
  padding-left: 0;
  margin-inline: 0em;
}

.access-info {
  list-style: none;
  font-size: var(--font-m);
  color: var(--color-main);
  padding-left: 0;
  padding-bottom: 2.4rem;
  margin-left: 2em;
  margin-right: 2em;
}

.access-info li {
  text-align: left;
  margin-bottom: 1em;
}

/* 電話番号・メールアドレスの自動リンクによる青文字・下線防止 */
.access-info a[href^="tel"],
.access-info a[href^="mailto"] {
  color: inherit;
  text-decoration: none;
}
