@charset "UTF-8";
  /* 全体の枠 */
  .handsup-accordion-wrapper {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 20px;
  }

  /* コンテンツエリア（初期状態） */
  .handsup-content-area {
    position: relative;
    width: 100%;
    height: 350px; /* ★最初はここまでの高さ */
    overflow: hidden;
    transition: height 0.5s ease; /* ヌルっと動く */
  }

  /* 開いた時の高さ */
  .handsup-content-area.is-open {
    height: 820px; /* ★全開時の高さ */
  }

  /* グラデーション（続きがある演出） */
  .handsup-gradient-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px;
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1) 85%);
    pointer-events: none;
    transition: opacity 0.3s;
  }
  /* 開いたらグラデーションは消す */
  .handsup-content-area.is-open .handsup-gradient-overlay {
    opacity: 0;
  }

  /* ボタンの共通デザイン（画像のようなシンプルなテキスト） */
  .handsup-toggle-btn {
    display: block;
    width: 100%;
    text-align: center;
    padding: 15px 0;
    cursor: pointer;
    font-size: 14px;
    color:#136B99; /* 画像に近い少し青みがかったグレー */
    background: transparent;
    border: none;
    user-select: none; /* 文字選択させない */
  }

  /* 矢印アイコンのスタイル */
  .handsup-arrow {
    display: inline-block;
    margin-left: 6px;
    font-size: 12px;
    color:#136B99;
    transform: scale(1.2, 0.8); /* 少し横長にして画像に近づける */
  }

  /* ボタンを隠すためのクラス */
  .btn-hidden {
    display: none !important;
  }