@charset "utf-8";
/* CSS Document */
/* YouTubeセクション */
#youtube-section {
  margin: 0 15% 15%;
}
#youtube-section h3 {
  font-size: 1.2rem;
  text-align: center;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  #youtube-section {
    margin: 0 30px 0;
  }
}

/* 動画のレスポンシブ対応 */
.youtube-container {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.youtube-iframe {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  aspect-ratio: 16 / 9;
}