@media screen and (min-width: 561px) {
    [data-section-type="cv"].wonder-cv .wonder-cv-wrapper .wonder-cv-inner-content-wrapper .wonder-cv-block .wonder-cv-bubble {
      width: 100px !important;
    }
    .wonder-cv[data-composition-type=E] .cv-title-wrapper .cv-icon-img img {
      height: 55px !important;
    }
    .wonder-cv .wonder-cv-wrapper .wonder-cv-back-person-img {
      height: calc(100% - 70px) !important;
    }
  }
  @media screen and (max-width: 560px) {
    
  }
  

  /* ===== 施設の紹介：PCでも横スクロールさせる ===== */
  @media screen and (min-width: 561px) {

     /* 1. 横スクロール有効化 ＋ コンテナを上下反転してスクロールバーを上へ */
     .section-main-container.wonder-access .wonder-access-sub .wonder-scroll-container,
     .section-main-container.wonder-access .wonder-access-sub .wonder-scroll-container.wonder-only-sp-scroll-x,
     .section-main-container.wonder-access .wonder-access-sub .wonder-scroll-container.scroll-bar-top {
       overflow-x: auto !important;
       overflow-y: hidden !important;
       scrollbar-width: thin !important;
       -webkit-transform: rotateX(180deg) !important;
               transform: rotateX(180deg) !important;
       padding-bottom: 0 !important;
     }
 
     /* 2. 直下の子要素を再反転（ヒントは別扱いにするので :not で除外） */
     .section-main-container.wonder-access .wonder-access-sub .wonder-scroll-container > div:not(.scroll-hint-icon-wrap) {
       -webkit-transform: rotateX(180deg) !important;
               transform: rotateX(180deg) !important;
     }
 
     /* 3. スクロールヒント：表示 ＋ 中央固定 ＋ 反転を1回だけ（逆さま解消） */
     .section-main-container.wonder-access .wonder-access-sub .wonder-scroll-container.scroll-hint > div.scroll-hint-icon-wrap {
       display: block !important;
       position: absolute !important;
       top: 50% !important;
       bottom: auto !important;
       left: 50% !important;
       right: auto !important;
       z-index: 10 !important;
       pointer-events: none !important;
       -webkit-transform: translate(-50%, -50%) rotateX(180deg) !important;
               transform: translate(-50%, -50%) rotateX(180deg) !important;
     }
     /* ヒント内側は二重反転を防ぐため transform を無効化 */
     .section-main-container.wonder-access .wonder-access-sub .scroll-hint-icon-wrap .scroll-hint-icon,
     .section-main-container.wonder-access .wonder-access-sub .scroll-hint-icon-wrap .scroll-hint-icon svg,
     .section-main-container.wonder-access .wonder-access-sub .scroll-hint-icon-wrap .scroll-hint-text {
       -webkit-transform: none !important;
               transform: none !important;
     }
     .section-main-container.wonder-access .wonder-access-sub .scroll-hint-icon-wrap .scroll-hint-icon {
       display: block !important;
     }
     .section-main-container.wonder-access .wonder-access-sub .scroll-hint-icon-wrap .scroll-hint-icon svg {
       display: block !important;
       margin: 0 auto !important;
     }
     .section-main-container.wonder-access .wonder-access-sub .scroll-hint-icon-wrap .scroll-hint-text {
       display: block !important;
       text-align: center !important;
       white-space: nowrap !important;
     }
 
     /* 4. 内側ラッパーの幅制限を解除 */
     .section-main-container.wonder-access .wonder-access-sub .wonder-scroll-container > .scroll-contents,
     .section-main-container.wonder-access .wonder-access-sub .wonder-scroll-container > .main-contents {
       width: auto !important;
       max-width: none !important;
       overflow: visible !important;
       padding-top: 6px;
     }
 
     /* 5. カードのul：折り返さず横一列に */
     .section-main-container.wonder-access .wonder-access-sub ul.swiper-wrapper-structure {
       display: flex !important;
       flex-wrap: nowrap !important;
       width: max-content !important;
       max-width: none !important;
       gap: 16px;
       margin: 0;
       padding: 0;
       list-style: none;
     }
 
     /* 6. 各カード：縮まないよう固定幅 */
     .section-main-container.wonder-access .wonder-access-sub ul.swiper-wrapper-structure > li.col-el {
       flex: 0 0 auto !important;
       width: 280px !important;   /* カード幅：好みで調整 */
       max-width: 280px !important;
       margin: 0 !important;
     }

     /* 7. カード内画像 */
     .section-main-container.wonder-access .wonder-access-sub ul.swiper-wrapper-structure > li.col-el .wonder-img-scroll-container {
       width: 100% !important;
     }
     .section-main-container.wonder-access .wonder-access-sub ul.swiper-wrapper-structure > li.col-el .swiper-slide-img {
       width: 100% !important;
       height: 200px !important;  /* 画像高さ：好みで調整 */
       object-fit: cover !important;
     }
 
     /* 8. スクロールバーの見た目 */
     .section-main-container.wonder-access .wonder-access-sub .wonder-scroll-container::-webkit-scrollbar {
       height: 10px;
     }
     .section-main-container.wonder-access .wonder-access-sub .wonder-scroll-container::-webkit-scrollbar-track {
       background: rgba(0, 0, 0, .08);
       border-radius: 5px;
     }
     .section-main-container.wonder-access .wonder-access-sub .wonder-scroll-container::-webkit-scrollbar-thumb {
       background: rgba(255, 89, 0, .75);
       border-radius: 5px;
     }
     .section-main-container.wonder-access .wonder-access-sub .wonder-scroll-container::-webkit-scrollbar-thumb:hover {
       background: rgb(255, 89, 0);
     }
     .section-main-container.wonder-access .wonder-access-sub .wonder-scroll-container, .section-main-container.wonder-access .wonder-access-sub .wonder-scroll-container.wonder-only-sp-scroll-x, .section-main-container.wonder-access .wonder-access-sub .wonder-scroll-container.scroll-bar-top {
      padding-bottom: 40px !important;
     }
     .section-main-container.wonder-access .wonder-access-sub ul.swiper-wrapper-structure > li.col-el {
      margin-bottom: 10px !important;
     }
  }
  

  @media screen and (max-width: 560px) {
    #ef-wrapper .ef-form-group .radio-label {
      zoom: 0.95;            /* 17.099px → 約13px */
      line-height: 1.5;
    }
    #ef-wrapper .ef-form-group > .ef-form-label {
      zoom: 0.95;
    }
    .wonder-cv[data-composition-type=E] .cv-title-wrapper .cv-icon-img img {
      width: 380px !important;
    }
  }
  

  /* SPのみ:「スクロールできます」を1行に固定 */
  @media screen and (max-width: 560px) {
    .wonder-scroll-hint .scroll-hint-icon-wrap .scroll-hint-icon {
      width: auto !important;
      min-width: 120px !important;   /* 元の見た目の最低幅は維持 */
      max-width: none !important;
      left: 50% !important;
      transform: translateX(-50%) !important;  /* 幅可変でも中央維持 */
      white-space: nowrap !important;
    }
    .wonder-scroll-hint .scroll-hint-icon-wrap .scroll-hint-text {
      white-space: nowrap !important;
      word-break: keep-all !important;
      overflow-wrap: normal !important;
      width: auto !important;
      max-width: none !important;
    }
    .wonder-header .wonder-header-inner .wonder-header-logo-wrapper .wonder-header-main .wonder-header-logo img {
      height: auto !important;
    }
  }
  @media screen and (min-width: 561px) {
    .title-logo-container .title-logo-image img {
      width: auto !important;
      height: 80px !important;
      position: relative !important;
      top: -3px !important;
    }
  }