.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;
    width: 1252.5px;
}

.fullScreen .tab_text {
    width: 91.69vw;
}

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

.fullScreen .tab1_text1 {
    height: 40.04vw;
}

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

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

.fullScreen .tab2_text1 {
    height: 36.42vw;
}

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

.q1TextArea1, .q1TextArea2, .q1TextArea3 {
    padding: 10px;
    left: 716px;
    width: 210px;
    height: 51px;
}

.fullScreen .q1TextArea1,
.fullScreen .q1TextArea2,
.fullScreen .q1TextArea3 {
    padding: 0.73vw;
    left: 52.41vw;
    width: 15.37vw;
    height: 3.73vw;
}

.q1TextArea1 {
    top: 179px;
}

.fullScreen .q1TextArea1 {
    top: 13.1vw;
}

.q1TextArea2 {
    top: 306px;
}

.fullScreen .q1TextArea2 {
    top: 22.4vw;
}

.q1TextArea3 {
    top: 433px;
}

.fullScreen .q1TextArea3 {
    top: 31.69vw;
}

.q1Answer {
    top: 231px;
    left: 715px;
    width: 212px;
    height: 298px;
    background-image: url("../img/tab1_answer_1.png");
}

.fullScreen .q1Answer {
    top: 16.91vw;
    left: 52.34vw;
    width: 15.51vw;
    height: 21.81vw;
}

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