.elementor-2736 .elementor-element.elementor-element-24de01e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2736 .elementor-element.elementor-element-7248c89{text-align:center;}.elementor-2736 .elementor-element.elementor-element-7248c89 img{width:100%;max-width:100%;height:500px;object-fit:cover;object-position:center center;}@media(min-width:501px){.elementor-2736 .elementor-element.elementor-element-24de01e{--width:500%;}}/* Start custom CSS for container, class: .elementor-element-24de01e */.scroll-container {
  /* 親要素の幅を固定し、縦方向のスクロールバーは表示しない */
  width: 100%;
  overflow-y: hidden; 
  /* 横方向は、コンテンツがはみ出した場合にのみスクロールバーを表示 */
  overflow-x: auto; 
}

.scroll-content {
  /* コンテンツの幅を親要素より広く設定 */
  width: 150vw; /* 例: ビューポートの150%の幅 */
  white-space: nowrap; /* テキストの折り返しを禁止 */
}/* End custom CSS */