@charset "utf-8";

.youtube iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

.sec10 {
  padding: 4rem 0;
}

.sec10 .main_ttl {
  text-align: center;
}

.sec10 .m_ttl {
  font-size: 5rem;
}

.sec10 .lead {
  padding: 0 12rem;
}

.sec02 {
  padding: 4rem 0 16rem;
}



/*----------------------------------------------------
    SPサイトcss
----------------------------------------------------*/

@media screen and (max-width: 768px) {
  /*/////////////SP用のCSSをここに作成してください。/////////////*/
  /*/////////////必ず中括弧の中に作成してください。/////////////*/

  .youtube {
    width: 100%;
    aspect-ratio: 16 / 9;
  }

  .youtube iframe {
    width: 100%;
    height: 100%;
  }

  .sec10 {
    padding: 4rem 2rem 2rem;
  }

  .sec10 .m_ttl {
    font-size: 2.6rem;
  }

  .sec10 .lead {
    padding: 0;
  }

  .sec02 {
    padding: 4rem 2rem 8rem;
  }

}