/* 親要素 */
#stay-section {
    position: relative;
    height: auto; /* 画像の高さに自動調整 */
    background-color: transparent;
    z-index: 99;
}

/* 画像群2のラッパー */
#sticky-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: relative;
    top: 0; /* 親要素に合わせて配置 */
    left: 0;
    transform: none; /* translateは不要になるため削除 */
}

/* 画像を中央揃えにする */
.black-hole-target {
    display: block;
    margin: 0 auto;  /* 横方向に中央揃え */
    position: relative;
}



.flow-container {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 100;
}

.upper-flow {
    position: absolute;
}

.upper-flow:nth-child(1) {
    top: -2.5vh !important;
    left: 24.8vw !important; /* 1個目と2個目の間に配置 */
}

.upper-flow:nth-child(2) {
    top: 3vh !important;
    right: 23vw !important; /* 2個目と3個目の間に配置 */
}


/* メディアクエリ */
@media screen and (max-width: 1024px) {
    .upper-flow:nth-child(1) {
        top: -5.4vh !important;
        left: 29.5vw !important; /* 小さい画面用に配置調整 */
    }

    .upper-flow:nth-child(2) {
        top: -0vh !important;
        right: 26.5vw !important; /* 小さい画面用に配置調整 */
    }
}

/* 小型タブレット、スマートフォン（600px〜768px） */
@media screen and (min-width: 601px) and (max-width: 768px) {
    /* 小型タブレットや大型スマートフォン向けのスタイル */
        .upper-flow:nth-child(1) {
        top: -14.7vh !important;
        left: 27vw !important; /* スマホ用にさらに配置調整 */
    }

    .upper-flow:nth-child(2) {
        top: -10vh !important;
        right: 26vw !important; /* スマホ用にさらに配置調整 */
    }
}

@media screen and (max-width: 600px) {
    .upper-flow:nth-child(1) {
        top: -14.7vh !important;
        left: 25.2vw !important; /* スマホ用にさらに配置調整 */
    }

    .upper-flow:nth-child(2) {
        top: -10vh !important;
        right: 21vw !important; /* スマホ用にさらに配置調整 */
    }
}


}