.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%;
  /* 高さを親要素に合わせる */
}

.image-container {
  display: grid;
  place-items: center;
  width: 80%;
  margin: 50px;
}

.image-container img {
  top: 0;
  left: 0;
  width: 100%;
  /* 幅を親要素に合わせる */
  height: 100%;
  /* 高さを親要素に合わせる */
}


.title-container {
  margin-top: 50px;
  margin-right: auto;
  width: 100%;
  border-top: 2px solid #333;
  border-bottom: 2px solid #333;
}

.title-container time p{
  font-size: 12px;
  opacity: 70%;
  margin-top: 15px;
}

.title-container h3 {
  font-size: 24px;
  margin: 15px 0px;
}

.text-container {
  width: 100%;
  margin-right: auto;
  border-top: 2px solid #333;
}

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

.link-container {
  display: flex;
  padding-bottom: 25px;
}

.link-container .lists {
  max-width: 300px;
  display: flex;
  /* align-items: center;
  justify-content: center; */

}

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

.custom-icon{
  font-size: 1.5em;
}

.instagram-icon {
  font-size: 1.25em;
}