/* gsapアニメーション用CSS スクリプトはcustom-gsap.js */

.svg-bg {/*横長背景を左からスライド */
  position: absolute;
  top: 50%;
  left: -1200px; /* 初期は画面外 */
  transform: translateY(-50%);
  width:auto;
  height:300px;
  z-index: -1; /* 背景扱い */
  opacity: 0;
}

.svg-bg-message{
  position: relative;
 max-width: 1200px;
 margin: 0 auto ;
 padding-left: 50px;
height:300px;
display: flex;
align-items: center;
 
}

.svg-wrapper {
  position:absolute;
  top: 0px;
  right: -1200px;
  width: 800px;
  height: auto;
  opacity: 0;
  transform: rotate(0deg);
z-index: -1;
}




@media screen and (max-width: 767px) { /* スクリーンサイズが767px以下の場合に適用 */

}