/* ====================
    ANSWER
==================== */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");

.wrong_answer,
.correct_answer {
    font-family: 'Noto Sans JP', sans-serif;
}

.wrong_answer .quiz-header .movie-title,
.correct_answer .quiz-header .movie-title {
    font-size: clamp(16px, 6vw, 36px);
}


@media screen and (max-width: 1280px) {

    .wrong_answer .quiz-text-wrap,
    .wrong_answer .quiz-text-wrap {
        margin: 1rem 0 2rem 0;
        font-size: clamp(16px, 3vw, 24px);
    }
    
    .correct_answer .movie-title {
        font-size: 1.5rem;
    }

    .correct_answer .quiz-container .syou-subtitle {
        margin: 1rem 0 2rem 0;
        font-size: clamp(16px, 3vw, 24px);
    }

    .correct_answer .syou-subtitle {
        font-size: clamp(16px, 3vw, 24px);
    }

    .wrong_answer .quiz-button-pos {
        display: block;
    }

    .correct_answer .quiz-button-pos .quiz-button-cor-text {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .correct_answer .quiz-button-pos .quiz-button-cor-text .correct-symbol {
        margin: 0;
    }

    .correct_answer .quiz-correct-container .correct-foot-wrap {
        width: 90%;
    }

    .correct_answer .quiz-button-pos .quiz-button-cor-text .quiz-correct,
    .correct_answer .quiz-correct-container .correct-foot-wrap .correct-span,
    .correct_answer .quiz-correct-container .correct-foot-wrap .correct-text {
        font-size: clamp(16px, 1.5vw, 24px);
    }

    .correct_answer .quiz-correct-container .correct-foot-wrap .correct-text {
        padding: 0;
    }

    .wrong_answer .correct-image,
    .correct_answer .correct-image {
        width: 40%;
    }

    .wrong_answer .incorrect-send-button,
    .correct-send-button {
        width: 50%;
    }

}