/* pc.css - 768px以上の画面で適用 */

/* 全体レイアウト */
.wrapper {
    display: flex;
  }
  
  .main-content {
    width: calc(100% - 350px);
  }
  
  /* サイドバー */
  .sidebar {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
  }
  
  /* SP用コンポーネントは非表示 */
  .sp-apply-button,
  .sp-form-modal {
    display: none;
  }
  
  /* ヘッダーと概要セクション調整 */
  .header-content {
    padding: 60px 0;
  }
  
  .event-overview-content {
    padding: 60px 0;
  }

  /* PC用開催概要セクションのスタイル */
@media screen and (min-width: 768px) {
    .details-row {
      display: flex;
    }
    
    .details-label {
      width: 150px;
      padding: 20px 15px;
    }
    
    .details-content {
      padding: 20px;
    }
  }


/* PC用タイムスケジュールセクションのスタイル */
@media screen and (min-width: 768px) {
    .schedule-section {
      padding: 80px 0;
    }
    
    .section-title {
      margin-bottom: 80px; /* タイトルとコンテンツの間隔をさらに広げる */
    }
    
    .schedule-item {
      margin-bottom: 50px;
    }
    
    .time-slot {
      width: 200px;
      font-size: 18px;
      padding: 12px 20px;
    }
    
    .session-info {
      padding: 30px;
    }
    
    .session-title {
      font-size: 26px;
    }
    
    .speaker-photo {
      width: 120px;
    }
  }