.title {
    position: absolute;
    top: 56px;
    left: 53px;
    width: 581.5px;
    height: 63.5px;
    background-image: url("../img/title.png");
}

.fullScreen .title {
    top: 4.09vw;
    left: 3.87vw;
    width: 42.56vw;
    height: 4.64vw;
}

.onRuby .title {
    background-image: url("../img/title_ruby.png");
}

.tab_text {
    position: absolute;
    width: 1252.5px;
}

.fullScreen .tab_text {
    width: 91.69vw;
}

.tab1_text1 {
    height: 473.5px;
    background-image: url("../img/tab1_text_1.png");
}

.fullScreen .tab1_text1 {
    height: 34.66vw;
}

.onRuby .tab1_text1 {
    background-image: url("../img/tab1_text_1_ruby.png");
}

.tab1_text2 {
    height: 475.5px;
    background-image: url("../img/tab1_text_2.png");
}

.fullScreen .tab1_text2 {
    height: 34.8vw;
}

.onRuby .tab1_text2 {
    background-image: url("../img/tab1_text_2_ruby.png");
}

.q1TextArea1, .q2TextArea1 {
    padding: 10px;
    top: 82px;
    left: 668px;
    width: 511px;
}

.fullScreen .q1TextArea1,
.fullScreen .q2TextArea1 {
    padding: 0.73vw;
    top: 6vw;
    left: 48.9vw;
    width: 37.4vw;
}

.q1TextArea1 {
    height: 228px;
}

.fullScreen .q1TextArea1 {
    height: 16.69vw;
}

.q2TextArea1 {
    height: 391px;
}

.fullScreen .q2TextArea1 {
    height: 28.62vw;
}

.q1Answer {
    top: 340px;
    left: 675px;
    width: 526.5px;
    height: 207.5px;
    background-image: url("../img/tab1_answer_1.png");
}

.fullScreen .q1Answer {
    top: 24.89vw;
    left: 49.41vw;
    width: 38.54vw;
    height: 15.19vw;
}

.onRuby .q1Answer {
    background-image: url("../img/tab1_answer_1_ruby.png");
}

.q2Answer {
    top: 474px;
    left: 668px;
    width: 514px;
    height: 45px;
    background-image: url("../img/tab1_answer_2.png");
}

.fullScreen .q2Answer {
    top: 34.69vw;
    left: 48.9vw;
    width: 37.62vw;
    height: 3.29vw;
}

.onRuby .q2Answer {
    background-image: url("../img/tab1_answer_2_ruby.png");
}

.btnShowAnswer {
    background-image: url("../../common/img/btn_show_hint.png");
}

.btnShowAnswer.active,
.btnShowAnswer.selected {
    background-image: url("../../common/img/btn_show_hint_active.png");
}

.onRuby .btnShowAnswer {
    background-image: url("../../common/img/btn_show_hint_ruby.png");
}

.onRuby .btnShowAnswer.active,
.onRuby .btnShowAnswer.selected {
    background-image: url("../../common/img/btn_show_hint_ruby_active.png");
}