.view.start {
    display: flex;
    flex-direction: column;
}

.view.start>.action {
    width: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px 0px;
}

.view.start>.action>img {
    width: 60px;
}

.view.start>.action>p {
    color: var(--color-blue);
}

.view.survey {
    display: block;
    width: 100%;
    height: 100%;
}

.view.survey>.question {
    display: flex;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    flex-direction: column;
    position: absolute;
}

.view.survey>.question>.declaration {}

.view.survey>.question>.declaration>p {
    color: var(--color-orange);
    font-weight: 500;
    font-size: 26px;
    ;
}

.view.survey>.question>.answers {
    display: flex;
}

.view.survey>.question>.answers>.answer {
    border: 1px solid #999;
    width: 50px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 12px;
}

.view.survey>.question>.answers>.answer>p {
    color: var(--color-blue);
    font-weight: 500;
    font-size: 26px;
}

.view.result {
    display: block;
    width: 100%;
    height: 100%;
}

.view.result>.content {
    display: flex;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    flex-direction: column;
    position: absolute;
}