.contents {
  max-width: 1024px;
  display: grid;
  place-items: center;
  padding: auto;
  margin: auto;

}


.video-container {
  display: grid;
  place-items: center;
  position: relative;
  /* 子要素の絶対配置の基準となる */
  width: 100%;
  /* 親要素の幅を100%に設定 */
  padding-top: 56.25%;
  /* 16:9のアスペクト比を維持するための高さ */
  margin: 50px;
}

.video-container iframe {
  position: absolute;
  /* 親要素の左上を基準に絶対配置 */
  top: 0;
  left: 0;
  width: 100%;
  /* 幅を親要素に合わせる */
  height: 100%;
  /* 高さを親要素に合わせる */
}

.text-container {
  width: 100%;
  text-align: center;
  border-top: 2px solid #333;
  border-bottom: 2px solid #333;
}

.text-container .title {
  margin: 25px;
}

.text-container .text {
  margin-bottom: 25px;
}

.link-container .lists {
  display: flex;
  align-items: center;
  justify-content: center;

}

.link-container .lists li {
  width: 100px;
  margin: 50px;
  display: grid;
  place-items: center;
}