@charset "utf-8";
.secQuestionnaire{
    margin-top: 5.9rem;
}
.secQuestionnaire .Questionnairetit{
    font-size: var(--pcFontSize18);
    letter-spacing: var(--pcLetterSpacing18_50);
    font-weight: bold;
    text-align: center;
}
.secQuestionnaire .Questionnairetit .mark{
    background: linear-gradient(transparent 70%, var(--ColorMark) 0%);
}
.secQuestionnaire .Questionnairetit .txtRed{
    color: var(--ColorRed);
}
.secQuestionnaire .secFormTable th{
    padding: 3.2rem 0;
    padding-left:calc(4rem + 2rem);
    line-height: var(--pcLineHeight16_30);
}

#btnQuestionnaire{
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 8.4rem;
    margin: 0 auto;
    background: var(--ColorQuestion);
    color: var(--textColor);
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_26);
    font-weight: bold;
    margin-top: 3.5rem;
    margin-bottom: 1rem;
}
#btnQuestionnaire::before{
    content: '';
    position: absolute;
    width: 2.6rem;
    height: 2.6rem;
    background: var(--ColorWhite);
    border-radius: 50%;
    top: calc(50% - 1.3rem);
    right: 3rem;
}
#btnQuestionnaire::after{
    content: "";
    position: absolute;
    top: calc(50% - 0.15rem);
    right: 3.7rem;
    width: 0.6rem;
    height: 0.6rem;
    border-top: 1px solid var(--textColor);
    border-right: 1px solid var(--textColor);
    transform: translate(-50%, -50%) rotate(135deg);
}
#btnQuestionnaire.on::after{
    transform: rotate(315deg);
    right: 2.2em;
}
/* #btnQuestionnaire::before{
    left:4rem;
}
#btnQuestionnaire::after{
    right: 4rem;
} */
#btnQuestionnaire .boxTxtQuestionnaire{
    display: inline-block;
    width: 100%;
    text-align: center;
}
#btnQuestionnaire.on .boxTxtQuestionnaire.open,
#btnQuestionnaire:not(.on) .boxTxtQuestionnaire.close {
    display: none;
}
.secQuestionnaire .checkQuestionnaire {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
}
@media only screen and (max-width:1215px){
    .secQuestionnaire{
        margin-top: 2.6rem;
    }
    .secQuestionnaire .Questionnairetit{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_24);
    }
    .secQuestionnaire .Questionnairetit .mark {
        background: none;
    }
    .secQuestionnaire .Questionnairetit .txtRed {
        background: linear-gradient(transparent 70%, var(--ColorMark) 0%);
    }
    #btnQuestionnaire{
        width: 100%;
        height: 5rem;
        font-size: var(--spFontSize14);
        margin-top: 1.5rem;
        margin-bottom: 3rem;
    }
    #btnQuestionnaire::before{
        width:2rem;
        height: 2rem;
        top: calc(50% - 1rem);
        right: 1.5rem;
    }
    /* #btnQuestionnaire::before{
        left:2rem;
    }
    #btnQuestionnaire::after{
        right: 2rem;
    } */
    #btnQuestionnaire::after {
        top: calc(50% - 0.15rem);
        right: 1.9rem;
    }
    #btnQuestionnaire.on::after {
        right: 1.6em;
    }
    .secQuestionnaire .secFormTable th{
        padding: 0;
        padding-top: 2.5rem;
        padding-right: 6rem;
    }
}
#boxQuestionnaire{
    display: none;
}
#boxQuestionnaire .secFormTable{
    /* border-top: 0.1rem solid;
    border-color: var(--NavOpenColor); */
}
/* #boxQuestionnaire .secFormTable tr:last-child{
    border-bottom: none;
} */