.value_acc_content {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  
  /* 開いた状態 */
  .value_acc_toggle:checked + .value_acc_Label + .value_acc_content {
    max-height: 1000px; /* 中身より大きく */
  }
  .value_acc_Label::before,
  .value_acc_Label::after {
    display: none;
  }	
  .value_acc_Label {
    padding-right: 0;
  }	
  .value_acc_toggle {
    display: none;
  }	
  		
  /*about*/
  .about {
    background: #f5f5f5;
    padding: 60px 20px;
    font-family: sans-serif;
  }
  
  .about-inner {
    max-width: 1100px;
    margin: 0 auto;
  }
  
  .about-title {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
  }
  
  .about-sub {
    text-align: center;
    color: #9a8f4a;
    letter-spacing: 2px;
    margin-bottom: 30px;
  }
  		
  
  /* レイアウト */
  .about-content {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  
  /* 画像 */
  .about-image {
    width: 100%;
    border: 3px solid #4a90e2;
    background: #666;
    aspect-ratio: 16 / 10;
    overflow: hidden;
  }
  
  .about-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  
  /* テキスト */
  .about-text p {
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 20px;
  }
  
  /* 強調ボックス */
  .about-highlight {
    background: linear-gradient(135deg, #4a6fa5, #6fa0d8);
    color: #fff;
    padding: 20px;
    border-radius: 10px;
    font-size: 14px;
    line-height: 1.6;
  }
  		
  .about-title_w {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
  	color: #fff;
  }
  
  .about-sub_w {
    text-align: center;
    color: #fff;
    letter-spacing: 2px;
    margin-bottom: 30px;
  }	
  		
  .impact2a {
    background : linear-gradient(transparent 50%, #ebf27f 65%);  /* ラインマーカーを付ける  */
  }		
  		
  .v_space{margin-bottom: 30px;margin-top: 20px;}		
  .value_acc_content{margin-bottom: 20px;}	
  .splide-value-01{margin-bottom: 20px;}		
  .kon{color: #07346B;}		
  .t_black{color: #000;margin-bottom: 0;}	
  	
  .course-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 0px;
  }
  
  .tag {
    background-color: #e2ecf9;
    color: #445b8a;
    padding: 3px 6px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
  }
  		
  
  
  /* 見出し内のテキストの装飾 */
  .custom-heading span {
    font-family: 'Arial', sans-serif; /* フォントファミリー */
    letter-spacing: 1px; /* 文字間隔 */
  }
  /* =====================
     PC（768px以上）
  ===================== */
  @media (min-width: 768px) {
    .about-title {
      font-size: 32px;
    }
    .about-title_w {
      font-size: 32px;
    }
  
    .about-content {
      flex-direction: row;
      align-items: flex-start;
    }
  
    .about-image {
      width: 50%;
    }
  
    .about-text {
      width: 50%;
    }
  
    .about-text p {
      font-size: 16px;
    }
  
    .about-highlight {
      font-size: 15px;
    }
  	
  	.v_space02{background-color: #fff;margin-top: -15%; margin-bottom: -7%;}	
  	
  /* 見出しのスタイル (divタグを使用) */
  .custom-heading {
    font-size: 2.6rem; /* フォントサイズ */
    font-weight: bold; /* 太字 */
    color: #3b5c8d; /* 色 (青系) */
    text-align: center; /* 中央揃え */
    margin-top: 20px; /* 上の余白 */
    margin-bottom: 15px; /* 下の余白 */
    display: flex; /* フレックスボックスを使用 */
    justify-content: center; /* 横方向に中央揃え */
    align-items: center; /* 縦方向に中央揃え */
  }
  
  /* 「・」の装飾 (文字の前後に配置) */
  .custom-heading .bullet {
    content: "♦"; /* 使用する記号 */
    font-size: 18px; /* 記号のフォントサイズ */
    color: #8a7f4d; /* 記号の色 (黄緑系) */
    margin: 0 10px; /* 記号と文字の前後の間隔 */
  }	
  	
  .accordion-list {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
      align-items: start;
    }	
  	
  	.b_space{margin-top: 80px;}	
   }	
  	
  	.v_space03{padding: 0 15px 0 15px;}		
  .value01 {
      /*padding-top: 110px;*/
  	margin-top: 0;margin-bottom: 0;padding-bottom: 0;
     /* background-color: var(--main-color);*/
      @media (width < 768px) {
          margin-top: 0;margin-bottom: 0;padding-bottom: 0;
      }
  
  }
  .value01 .ttl_lead {
      text-align: center;
      color: #fff;
      @media (width < 768px) {
          text-align: left;
      }
  }
  .value01 .l-sec-lineTop:before {
      background-color: var(--gradient-end);
      top: 1rem;
  }
  .value01 .c-decor-summary .summary-ttl .main {
      color: #fff;
    text-shadow:
      1px 1px 0 var(--main-color),
      -1px 1px 0 var(--main-color),
      -1px -1px 0 var(--main-color),
      1px -1px 0 var(--main-color);
  }
  .value01 .c-decor-summary:after{
      aspect-ratio: 200 / 212;
      width: 200px;
      @media (width < 768px) {
          width: 30vw;
      }
  
  }
  
  .value01 .c-decor-summary:before {
      background: none;
  }
  
  .railway .value01 .c-decor-summary:after {
      background: url(/assets/images/gakka/railway/value_railway_eye_catch.png) no-repeat 50% / contain;
  }
  
  .value01 .c-ttl-pointBbl .kasen {
      font-style: normal;
      background: linear-gradient(transparent 60%, var(--gradient-end) 60%);
  }
  
  .osusume .accordion__detail01 {
    margin: 0 0;
      position: relative;
      padding: 20px;
      border-radius: 0 0 var(--radius) var(--radius);
      background-color: var(--icon-bg);
      font-size: 1.6rem;
      line-height: 1.875;
  }		
  		
  /*カレンダー*/
  
  @media (max-width: 768px) {
    /* カレンダーのコンテナにスクロールを追加 */
    .gakka-detail__calendar {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch; /* iOS向けのスムーズなスクロール */
      display: flex; /* 横並びにするためのflexbox */
      flex-wrap: nowrap; /* アイテムが折り返さないようにする */
    }
  
    /* カレンダーアイテムを横並びに */
    .u-d-grid--col-2 {
      display: flex;
      flex-direction: row; /* 横並び */
      /*gap: 16px;*/ /* アイテム間の隙間 */
    }
  
    .calendar-item {
      flex: 0 0 50%; /* 2カラムレイアウトにする */
      min-width: 0; /* 幅が小さくならないように */
      overflow-x: auto; /* 横スクロールを有効に */
    }
  
    /* テーブルにスクロールを設定 */
    .calendar-item table {
      width: 100%;
      min-width: 500px; /* 必要に応じてテーブルの最小幅を設定 */
      table-layout: fixed; /* 列の幅を固定 */
      overflow-x: auto; /* 横スクロール */
      display: block; /* ブロック要素にする */
    }
  
    /* 見出しh4に対して、崩れを防ぐために適切なスペースを確保 */
    .railway-intro__sec h4 {
      display: block; /* ブロック要素として表示 */
      width: 100%; /* 幅を100%に設定 */
      margin-bottom: 16px; /* 見出しとカレンダーの間に余白を追加 */
    }
  
    /* スクロールバーのデザイン */
    .gakka-detail__calendar::-webkit-scrollbar {
      height: 8px;
    }
  
    .gakka-detail__calendar::-webkit-scrollbar-thumb {
      background-color: #888;
      border-radius: 10px;
    }
  
    .gakka-detail__calendar::-webkit-scrollbar-thumb:hover {
      background-color: #555;
    }
  	
  	
  .v_space02{background-color: #fff;margin-top: -45%; margin-bottom: -30%;}	
   
  	/* 見出しのスタイル (divタグを使用) */
  .custom-heading {
    font-size: 2.2rem; /* フォントサイズ */
    font-weight: bold; /* 太字 */
    color: #3b5c8d; /* 色 (青系) */
    text-align: center; /* 中央揃え */
    margin-top: -20px; /* 上の余白 */
    margin-bottom: 15px; /* 下の余白 */
    display: flex; /* フレックスボックスを使用 */
    justify-content: center; /* 横方向に中央揃え */
    align-items: center; /* 縦方向に中央揃え */
  }
  
  /* 「・」の装飾 (文字の前後に配置) */
  .custom-heading .bullet {
    content: "♦"; /* 使用する記号 */
    font-size: 13px; /* 記号のフォントサイズ */
    color: #8a7f4d; /* 記号の色 (黄緑系) */
    margin: 0 10px; /* 記号と文字の前後の間隔 */
  }
  	
  /* スマホ：縦並び＋余白 */
  .accordion-list {
    display: flex;
    flex-direction: column;
    gap: 16px; /* ← これが一番安定する */
  }	
  	
  	.b_space{margin-top: 50px;}	
  }
  		
  /*カード*/
  /* 全体 */
  .accordion-list {
    max-width: 1000px;
    margin: auto;
  }
  
  /* PC：2カラム */
  @media (min-width: 768px) {
    .accordion-list {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
    }
  }
  
  /* カード */
  .accordion-item {
    border: 1px solid #ddd;
    border-radius: 12px;
    overflow: hidden;
    background: #f7f9fb;
  　margin-bottom: 15px;	
  }
  
  /* ヘッダー */
  .accordion-header {
    width: 100%;
    background: none;
    border: none;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 16px;
    cursor: pointer;
    text-align: left;
  }
  
  /* サムネ */
  .thumb img {
    width: 80px;
    height: 80px;
    border-radius: 50% 50% 10% 10%;
    object-fit: cover;
  }
  
  /* テキスト */
  .info {
    flex: 1;
  }
  
  .name {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 6px;
  }
  
  /* アイコン */
  .icon01 {
    width: 36px;
    height: 36px;
    background: #0b5d3b;
    border-radius: 50%;
    position: relative;
  }
  
  .icon01::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: translate(-50%, -70%) rotate(45deg);
    transition: 0.3s;
  }
  
  .accordion-item.active .icon01::before {
    transform: translate(-50%, -30%) rotate(-135deg);
  }
  
  /* 中身（ここが重要） */
  .accordion-content {
    height: 0;
    overflow: hidden;
    background: #fff;
    transition: height 0.3s ease;
    padding: 0 16px;
  }
  
  .accordion-content-inner {
    padding: 16px 0;
  }
  		
  /* 講師サムネ */
  .k_con{padding: 3%;}		
  .k_thumb img {
    width: 180px;
    height: 180px;
    border-radius: 50% 50% 10% 10%;
    object-fit: cover;
  text-align: center;
  	margin: 0 auto;
  	
  }	
  		
  .work01 {
      width: -moz-fit-content;
      width: fit-content;
      padding: 2px 12px;
      border: 1px solid var(--main-color);
      border-radius: 20px;
      color: var(--main-color);
  }		
  		
  @media (min-width: 768px) {
    .accordion-list {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
  
      align-items: start; /* ← これが超重要 */
    }
  }