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

.fullScreen .title {
    top: 3vw;
    left: 3.87vw;
    width: 42.56vw;
    height: 6.8vw;
}

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

.tab_text {
    position: absolute;
}

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

.fullScreen .tab1_text1 {
    width: 91.69vw;
    height: 40.15vw;
}

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

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

.fullScreen .tab1_text2 {
    width: 91.69vw;
    height: 40.15vw;
}

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

.tab2_text1 {
    width: 1252.5px;
    height: 538px;
    background-image: url("../img/tab2_text_1.png");
}

.fullScreen .tab2_text1 {
    width: 91.69vw;
    height: 39.38vw;
}

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

.q1TextArea1,
.q1TextArea2,
.q2TextArea1,
.q2TextArea2 {
    padding: 10px;
    width: 492px;
    height: 80px;
}

.fullScreen .q1TextArea1,
.fullScreen .q1TextArea2,
.fullScreen .q2TextArea1,
.fullScreen .q2TextArea2 {
    padding: 0.73vw;
    width: 36.01vw;
    height: 5.85vw;
}

.q1TextArea1,
.q2TextArea1 {
    top: 182px;
    left: 684px;
}

.fullScreen .q1TextArea1,
.fullScreen .q2TextArea1 {
    top: 13.32vw;
    left: 50.07vw;
}

.q1TextArea2 {
    top: 358px;
    left: 684px;
}

.fullScreen .q1TextArea2 {
    top: 26.2vw;
    left: 50.07vw;
}

.q2TextArea2 {
    top: 382px;
    left: 684px;
}

.fullScreen .q2TextArea2 {
    top: 27.96vw;
    left: 50.07vw;
}

.q1Answer {
    top: 264px;
    left: 646px;
    width: 533.5px;
    height: 258.5px;
    background-image: url("../img/tab1_answer_1.png");
}

.fullScreen .q1Answer {
    top: 19.32vw;
    left: 47.29vw;
    width: 39.05vw;
    height: 18.92vw;
}

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

.q2Answer {
    top: 264px;
    left: 646px;
    width: 533.5px;
    height: 282.5px;
    background-image: url("../img/tab1_answer_2.png");
}

.fullScreen .q2Answer {
    top: 19.32vw;
    left: 47.29vw;
    width: 39.05vw;
    height: 20.68vw;
}

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