.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: 369.5px;
    background-image: url("../img/tab1_text_1.png");
}

.fullScreen .tab1_text1 {
    height: 27.04vw;
}

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

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

.fullScreen .tab1_text2 {
    height: 27.04vw;
}

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

.tab1_text3 {
    height: 356px;
    background-image: url("../img/tab1_text_3.png");
}

.fullScreen .tab1_text3 {
    height: 26.06vw;
}

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

.tab1_text4 {
    height: 548.5px;
    background-image: url("../img/tab1_text_4.png");
}

.fullScreen .tab1_text4 {
    height: 40.15vw;
}

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

.q1TextArea1, .q1TextArea2, .q1TextArea3,
.q2TextArea1, .q2TextArea2, .q2TextArea3,
.q3TextArea1, .q3TextArea2, .q3TextArea3, .q3TextArea4 {
    padding: 0;
    height: 26px;
}

.fullScreen .q1TextArea1, .fullScreen .q1TextArea2, .fullScreen .q1TextArea3,
.fullScreen .q2TextArea1, .fullScreen .q2TextArea2, .fullScreen .q2TextArea3,
.fullScreen .q3TextArea1, .fullScreen .q3TextArea2, .fullScreen .q3TextArea3, .fullScreen .q3TextArea4 {
    height: 1.9vw;
}

.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 {
    top: 231px;
    left: 779px;
    width: 80px;
}

.fullScreen .q1TextArea1 {
    top: 16.91vw;
    left: 57.02vw;
    width: 5.85vw;
}

.q1TextArea2 {
    top: 265px;
    left: 952px;
    width: 99px;
}

.fullScreen .q1TextArea2 {
    top: 19.39vw;
    left: 69.69vw;
    width: 7.24vw;
}

.q1TextArea3 {
    top: 299px;
    left: 827px;
    width: 117px;
}

.fullScreen .q1TextArea3 {
    top: 21.88vw;
    left: 60.54vw;
    width: 8.56vw;
}

.q2TextArea1 {
    top: 231px;
    left: 703px;
    width: 99px;
}

.fullScreen .q2TextArea1 {
    top: 16.91vw;
    left: 51.46vw;
    width: 7.24vw;
}

.q2TextArea2 {
    top: 265px;
    left: 804px;
    width: 99px;
}

.fullScreen .q2TextArea2 {
    top: 19.39vw;
    left: 58.85vw;
    width: 7.24vw;
}

.q2TextArea3 {
    top: 299px;
    left: 703px;
    width: 154px;
}

.fullScreen .q2TextArea3 {
    top: 21.88vw;
    left: 51.46vw;
    width: 11.27vw;
}

.q3TextArea1 {
    top: 214px;
    left: 936px;
    width: 117px;
}

.fullScreen .q3TextArea1 {
    top: 15.66vw;
    left: 68.52vw;
    width: 8.56vw;
}

.q3TextArea2 {
    top: 248px;
    left: 703px;
    width: 137px;
}

.fullScreen .q3TextArea2 {
    top: 18.15vw;
    left: 51.46vw;
    width: 10.02vw;
}

.q3TextArea3 {
    top: 248px;
    left: 900px;
    width: 117px;
}

.fullScreen .q3TextArea3 {
    top: 18.15vw;
    left: 65.88vw;
    width: 8.56vw;
}

.q3TextArea4 {
    top: 282px;
    left: 703px;
    width: 80px;
}

.fullScreen .q3TextArea4 {
    top: 20.64vw;
    left: 51.46vw;
    width: 5.85vw;
}

.qCheckboxList.q4_1 {
    top: 152px;
    left: 74px;
}

.fullScreen .qCheckboxList.q4_1 {
    top: 11.12vw;
    left: 5.41vw;
}

.qCheckboxList.q4_2 {
    top: 284px;
    left: 647px;
}

.fullScreen .qCheckboxList.q4_2 {
    top: 20.79vw;
    left: 47.36vw;
}

.q1Answer {
    top: 342px;
    left: 647px;
    width: 533.5px;
    height: 175px;
    background-image: url("../img/tab1_answer_1.png");
}

.fullScreen .q1Answer {
    top: 25.03vw;
    left: 47.36vw;
    width: 39.05vw;
    height: 12.81vw;
}

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

.q2Answer {
    top: 342px;
    left: 647px;
    width: 533.5px;
    height: 175px;
    background-image: url("../img/tab1_answer_2.png");
}

.fullScreen .q2Answer {
    top: 25.03vw;
    left: 47.36vw;
    width: 39.05vw;
    height: 12.81vw;
}

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

.q3Answer {
    top: 342px;
    left: 647px;
    width: 533.5px;
    height: 175px;
    background-image: url("../img/tab1_answer_3.png");
}

.fullScreen .q3Answer {
    top: 25.03vw;
    left: 47.36vw;
    width: 39.05vw;
    height: 12.81vw;
}

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

.q4Answer {
    top: 0;
    left: 0;
    width: 1252.5px;
    height: 405.5px;
    background-image: url("../img/tab1_answer_4.png");
}

.fullScreen .q4Answer {
    width: 91.69vw;
    height: 29.68vw;
}