/**
 * page-formページ専用 mv__title サイズ調整用CSS
 * 
 * このファイルはpage-formクラスを持つページのmv__titleとmv__subtitleの
 * フォントサイズを調整するための上書き用CSSです。
 */


.mv__subtitle {
  white-space: nowrap;
}


/* ====================================
   Desktop (1280px以上)
   デフォルト: mv__title 14rem (140px), mv__subtitle 1.6rem (16px)
   ==================================== */
@media (min-width: 1280px) {
  .page-form .mv__title {
    /* デフォルト: 14rem → 調整例: 10rem (100px) */
    font-size: 10rem !important;
  }
  
  .page-form .mv__subtitle {
    /* デフォルト: 1.6rem → 調整例: 1.4rem (14px) */
    font-size: 1.4rem !important;
  }
  
  /* タイトル全体のラッパーの調整（必要に応じて） */
  .page-form .mv__title__wrap {
    /* 位置調整が必要な場合はここで調整 */
  }
}

/* ====================================
   Tablet (769px-1279px)
   デフォルト: mv__title calc(var(--vw)*10.9375)
   ==================================== */
@media (min-width: 769px) and (max-width: 1279px) {
  .page-form .mv__title {
    /* デフォルト: calc(var(--vw)*10.9375) → 調整例: calc(var(--vw)*8) */
    font-size: calc(var(--vw) * 8) !important;
  }
  
  .page-form .mv__subtitle {
    /* デフォルト: calc(var(--vw)*1.25) → 調整例: calc(var(--vw)*1.1) */
    font-size: calc(var(--vw) * 1.1) !important;
  }
}

/* ====================================
   Mobile (768px以下)
   デフォルト: mv__title 15.384615384615385vw
   ==================================== */
@media only screen and (max-width: 768px) {
  .page-form .mv__title {
    /* デフォルト: 15.384615384615385vw → 調整例: 12vw */
    font-size: 11vw !important;
    
    /* 改行対応: 必要に応じて行の高さも調整 */
    line-height: 1.1 !important;
  }
  
  .page-form .mv__subtitle {
    /* デフォルト: 3.8461538461538463vw → 調整例: 3.2vw */
    font-size: 3.2vw !important;
  }
  
  /* モバイルでのタイトル下の余白調整 */
  .page-form .mv__title {
    margin-bottom: 3vw !important;
  }
}

/* 文字が長い場合の折り返し対応 */
.page-form .mv__title {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* タイトル全体の最大幅設定（必要に応じて） */
.page-form .mv__title__wrap {
  max-width: 100%;
}

/* ====================================
   Business Seminar専用の調整
   /download/business_seminar/ ページ用
   特定の位置で改行させるための文字サイズ調整
   ==================================== */


@media (min-width: 2000px) {
  .page-form .mv.--business-seminar .mv__title {
    font-size: 8rem !important;
    letter-spacing: 0.01em !important;
  }
  
  .page-form .mv.--business-seminar .mv__subtitle {
    font-size: 1.3rem !important;
  }
}

@media (min-width: 1600px) and (max-width: 1999px) {
  .page-form .mv.--business-seminar {
    height: 215px;
  }
  .page-form .mv.--business-seminar .mv__title {
    font-size: 4.10vw !important;
    letter-spacing: 0.01em !important;
  }
  
  .page-form .mv.--business-seminar .mv__subtitle {
    font-size: 1.3rem !important;
  }

}
@media (min-width: 1280px) and (max-width: 1599px) {
  .page-form .mv.--business-seminar {
    height: 215px;
  }
  .page-form .mv.--business-seminar .mv__title {
    font-size: 3.8vw !important;
  }
}

/* Business Seminar - Tablet */
@media (min-width: 769px) and (max-width: 1279px) {
  .page-form .mv.--business-seminar {
    height: calc(var(--vw)*16);
  }
  .page-form .mv.--business-seminar .mv__title {
    font-size: 4.15vw !important;
  }
  
  .page-form .mv.--business-seminar .mv__subtitle {
    font-size: 1.15rem !important;
  }
}
/* Business Seminar - Mobile (768px以下) */
@media only screen and (max-width: 768px) {
  .page-form .mv.--business-seminar .mv__title {
    font-size: 8.5vw !important;
    letter-spacing: 0.01em !important;
    line-height: 1.2 !important;
  }
  .page-form .mv.--business-seminar .mv__subtitle {
    font-size: 3vw !important;
  }
}
/* YouTube動画埋め込みのレスポンシブ対応 */
[title="YouTube video player"] {
  width: 100% !important;
  height: auto !important;
  max-width: 560px !important;
  aspect-ratio: 16 / 9 !important;
}