#text-container .text-item {
    opacity: 0; /* 初期状態は非表示 */
    transform: translateY(100%); /* 下に隠す */
    transition: transform 0.5s ease-out, opacity 0.5s ease-out; /* アニメーション設定 */
}

.text-item.show {
    opacity: 1 !important; /* 表示状態 */
    transform: translateY(0) !important; /* 通常位置に移動 */
}
.text-center{
    text-align:center; 
}

.nextInfo{
    display: grid;                     /* グリッドを使用 */
    grid-template-columns: auto 1fr;   /* 左に画像、右にテキスト */
    gap: 20px;                         /* 画像と文字の間隔 */
    align-items: start;   
}

@media screen and (max-width:600px) {
    .nextInfo img{ 
        max-width:100%;
    }
    .text h1{
        font-size:13px;
    }
}

@media screen and (min-width:800px) {
    .nextInfo img{ 
        max-width:475px;
    }
}