/*
- 設問+選択肢部分(topmain)だけの、ふんわりした切り替え演出。
 設問間の遷移は回数が多いので、result/formより短め(delay 0.15s + duration 0.35s
 = 合計0.5秒)にしてテンポを優先。ただしボタンが見える前に即遷移できてしまうと
 ワイプ広告が一切表示機会を得られなくなるため、最低限のバッファとして残している。
 JS不要、クラスは常にHTMLに含まれる。
*/
.question-reveal-target {
    animation: questionSoftIn 0.35s ease-out;
    animation-delay: 0.15s;
    animation-fill-mode: forwards;
}

@keyframes questionSoftIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 1問目(prevIdが無い、診断の入り口)だけは、topmainだけでなく
     見出し+設問全体をまとめて、result/formと同じフォーカスイン演出にする。
     「診断が始まる」ことが伝わるよう、2問目以降より少し丁寧な見せ方にしている。 */
.content-reveal-target {
    opacity: 0;
    animation: contentFocusIn 0.7s ease-out .3s forwards;
}

@keyframes contentFocusIn {
    from {
        opacity: 0;

    }

    to {
        opacity: 1;

    }
}