@charset "UTF-8";
/* Scss Document
*****************************************************************/

.txt_space {
  font-size: clamp(18px, 1.04cqw + 14.1px, 27px);
  text-align: center;
  word-break: keep-all;
  overflow-wrap: anywhere;
  line-height: 1.5em;
}


.view {
  position: relative;
}

.view-txt {
  text-align: center;
  margin-bottom: 45px;
}

.view .ttl-blk {
  margin-bottom: 45px;
  text-align: center;
}

.view .ttl-blk .ttl {
  font-weight: 500;
  font-size: 1.5rem;
  position: relative;
  display: inline-block;
}

.view .ttl-blk .ttl::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 40%;
  /* ボーダーの開始位置を調整 */
  width: 20%;
  /* ボーダーの長さを設定 */
  height: 2px;
  /* ボーダーの厚さを設定 */
  background-color: black;
  /* ボーダーの色を設定 */
}

.blk {
  width: 100%;
  margin-top: 40px;
  text-align: center;
}

.blk .video-blk {
  position: relative;
  width: 90%;
  /* 親要素の横幅に合わせる */
  margin: 0 auto;
  aspect-ratio: 16 / 9;
  margin-bottom: 60px;
}

.blk .video-blk iframe {
  width: 100%;
  height: 100%;
}