/* custom style – px→rem (基准 10px) */

#sq {
    padding: 1.6rem 2.88rem;            /* 16px 28.8px */
    font-size: 1.8rem;                  /* 18px */
}
#sq img {
    display: inline;
}

/* for survey single page */
#sq .ays-survey-container {
    width: 100%;
    max-width: 100%;
}
#sq .ays-survey-container .ays-survey-section .ays-survey-question {
    padding: 1.2rem;                    /* 12px */
}
#sq .ays-survey-container .ays-survey-section .ays-survey-question-header {
    margin-bottom: 0;
}
#sq .ays-survey-section-footer {
    text-align: center;
}
#sq .ays-survey-sections {
    border-radius: 8px;
    border: 1px solid #dadce0;
    font-size: 1.4rem;                  /* 14px ÷10 */
}
#sq .ays-survey-container .ays-survey-section .ays-survey-question {
    border: 0;
    margin-bottom: 0;
}
#sq .ays-survey-question-title .ays-survey-answer-icon-content {
    font-size: 1.4rem;                  /* 14px ÷10 */
}

#sq .ays-survey-results-content > .ays-survey-section-header {
    padding: 0.8rem;                    /* 8px ÷10 */
    border: 0;
    margin-bottom: 0;
    margin-top: 0;
    box-shadow: none;
    text-align: center;
}
#sq .ays-survey-question-title {
    font-size: 1.6rem;                  /* 16px ÷10 */
}

#sq .ays-survey-results-content > .ays-survey-section-header .approval-no {
    font-size: 1.28rem;                 /* 12.8px ÷10 */
    font-weight: bold;
    margin-top: 1.6rem;                 /* 16px ÷10 */
}
#sq .ays-survey-results-content > .ays-survey-section-header .survey-done-note1 {
    font-size: 1.28rem;                 /* 12.8px ÷10 */
    font-weight: bold;
    margin-bottom: 1.6rem;              /* 16px ÷10 */
}

#sq .ays-survey-results-content > .ays-survey-section-header .farewell-desc {
    text-align: left;
}
.ays-survey-container .ays-survey-answer-label-content {
    align-items: flex-start;
}
.ays-survey-answer .ays-survey-answer-icon-content {
    padding: 0.16rem;                   /* 1.6px ÷10 */
}
.ays-survey-container .ays-survey-question-header p {
    line-height: 2.4rem;                /* 24px ÷10 */
}

.ays-survey-container h1 {
    font-size: 3.2rem;                  /* 32px ÷10 */
    line-height: 4rem;                  /* 40px ÷10 */
    margin: 1.2rem 0;                   /* 12px ÷10 */
}
.ays-survey-container h2 {
    font-size: 2.4rem;                  /* 24px ÷10 */
    line-height: 3.2rem;                /* 32px ÷10 */
    margin: 1.2rem 0;                   /* 12px ÷10 */
}
.ays-survey-container h3 {
    font-size: 1.872rem;                /* 18.72px ÷10 */
    line-height: 2.4rem;                /* 24px ÷10 */
    margin: 0.8rem 0;                   /* 8px ÷10 */
}
.ays-survey-container h4 {
    font-size: 1.6rem;                  /* 16px ÷10 */
    line-height: 2.4rem;                /* 24px ÷10 */
    margin: 0.8rem 0;                   /* 8px ÷10 */
}
.ays-survey-container h5 {
    font-size: 1.328rem;                /* 13.28px ÷10 */
    line-height: 2.4rem;                /* 24px ÷10 */
    margin: 0.4rem 0;                   /* 4px ÷10 */
}
.ays-survey-container h6 {
    font-size: 1.072rem;                /* 10.72px ÷10 */
    line-height: 2.4rem;                /* 24px ÷10 */
    margin: 0.4rem 0;                   /* 4px ÷10 */
}
.ays-survey-container pre {
    font-size: 1.6rem;                  /* 16px ÷10 */
    line-height: 2.4rem;                /* 24px ÷10 */
    margin: 0.8rem 0;                   /* 8px ÷10 */
}
.ays-survey-container ol,
.ays-survey-container ul {
    padding: revert;
    margin: revert;
    list-style: auto;
}

#main .ays-survey-container {
    margin-top: 1.6rem;                 /* 16px ÷10 */
    width: 100%;
    max-width: 100%;
}
#main .ays-survey-container .ays-survey-section .ays-survey-question {
    padding: 1.2rem;                    /* 12px ÷10 */
}
#main .ays-survey-container .ays-survey-section .ays-survey-question-header {
    margin-bottom: 0;
}
#main .ays-survey-section-footer {
    text-align: center;
}
#main .ays-survey-sections {
    border-radius: 8px;
    border: 1px solid #dadce0;
    font-size: 1.4rem;                  /* 14px ÷10 */
}
#main .ays-survey-container .ays-survey-section .ays-survey-question {
    border: 0;
    margin-bottom: 0;
}
#main .ays-survey-question-title .ays-survey-answer-icon-content {
    font-size: 1.4rem;                  /* 14px ÷10 */
}

#main .ays-survey-results-content > .ays-survey-section-header {
    padding: 0.8rem;                    /* 8px ÷10 */
    border: 0;
    margin-bottom: 0;
    margin-top: 0;
    box-shadow: none;
    text-align: center;
}
#main .ays-survey-question-title {
    font-size: 1.6rem;                  /* 16px ÷10 */
}
#main .ays-survey-container .ays-survey-question-title {
    line-height: 1.2em;
}

#main .ays-survey-results-content > .ays-survey-section-header .approval-no {
    font-size: 1.28rem;                 /* 12.8px ÷10 */
    font-weight: bold;
    margin-top: 1.6rem;                 /* 16px ÷10 */
}
#main .ays-survey-results-content > .ays-survey-section-header .survey-done-note1 {
    font-size: 1.28rem;                 /* 12.8px ÷10 */
    font-weight: bold;
    margin-bottom: 1.6rem;              /* 16px ÷10 */
}

#main .ays-survey-results-content > .ays-survey-section-header .farewell-desc {
    text-align: left;
}

#main .ays-survey-section-button-container,
#sq .ays-survey-section-button-container {
    margin-bottom: 0.8rem;              /* 8px ÷10 */
}
.ays-survey-container .ays-survey-section .ays-survey-question.ays-has-error .ays-survey-question-validation-error img {
    margin-right: 3px;
    margin-left: -1px;
}
sup {
    top: 0;
    margin-left: 2px;
}

#sq .ays-survey-container .ays-survey-answer-label-content > span,
#main .ays-survey-container .ays-survey-answer-label-content > span {
    display: block;
    word-break: break-all;
    line-height: 2.24rem;               /* 22.4px ÷10 */
}
#sq .ays-survey-container label.ays-survey-answer-label,
#main .ays-survey-container label.ays-survey-answer-label {
    justify-content: start;
}

.ays-survey-container .aligncenter {
    clear: both;
    display: block !important;
    margin: 0 auto;
}
.ays-survey-container .alignleft {
    clear: both;
    display: block !important;
    margin: 0 auto 0 0;
}
.ays-survey-container .alignright {
    clear: both;
    display: block !important;
    margin: 0 0 0 auto;
}