/* ===========================
   INTRO Section - SP Styles
   INTROセクション SP専用スタイル
   適用条件: 959px以下
   =========================== */

/* セクション余白 - SP調整 */
  #intro,
  #intro.ptlIntro-section {
    margin-bottom: 40px;
  }

/* モバイルレイアウト（767px以下） */
  #intro.ptlIntro-section {
    min-height: auto;
    margin-bottom: 40px;
  }
  
  #intro .ptlIntro__media {
    position: relative;
    width: 100%;
    height: clamp(320px, 55vh, 450px);
  }
  
  #intro .ptlIntro__content {
    position: relative;
    left: 0;
    width: 100%;
    height: auto;
    padding: 0 clamp(24px, 5vw, 44px);
    text-align: center;
  }
  
  #intro .ptlIntro__content-inner {
    max-width: none;
  }
  
  #intro .ptlIntro__brand {
    text-align: center;
  }
  
  /* ブランドロゴ画像 - SP調整 */
  #intro .ptlIntro__brand-logo {
    max-width: 140px;
    margin-left: auto;
    margin-right: auto;
    filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.3));
    content: url('../../img/intrologo_wh.png');
  }
  
  #intro .ptlIntro__brand-ornament {
    margin-left: auto;
    margin-right: auto;
  }
  
  #intro .ptlIntro__cta-button {
    margin: 0 auto;
  }

/* ロゴ下の装飾線を白に変更 */
#intro .ptlIntro__brand-ornament {
  background: #fff !important;
}

/* 説明文 - SP専用：白+シャドウ */
#intro .ptlIntro__desc {
  color: #fff !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6) !important;
}