@charset "UTF-8";
.election__questionnaire .QA__section {
    padding: 1rem 0rem 0rem 0rem;
}

.submenu {
    display: none;
}


/*--------------------------------
タイトル部分
--------------------------------*/

.election__questionnaire .election__title {
    line-height: 1.3;
    margin-bottom: 20px;
}


/* タイトル h1 */

.election__questionnaire .election__title h1 {
    font-size: clamp(1.125rem, 1.0777rem + 0.2018vw, 1.25rem);
    min-height: 0vw;
    font-weight: bolder;
}


/* タイトル h2 */

.election__questionnaire .QA__title {
    /*margin-top: 1.6rem;*/
    background-color: #E9F5FF;
    padding: 10px;
    position: relative;
}


/* 横の線 */

.election__questionnaire .QA__title::before {
    content: "";
    width: 2px;
    height: 16px;
    background-color: #0079E4;
    top: 50%;
    right: 16px;
    border-radius: 3px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}


/* 縦の線 */

.election__questionnaire .QA__title::after {
    content: "";
    width: 16px;
    height: 2px;
    background-color: #0079E4;
    top: 50%;
    right: 16px;
    border-radius: 3px;
    -webkit-transform: translate(6px, -50%) rotate(0deg);
    -ms-transform: translate(6px, -50%) rotate(0deg);
    transform: translate(6px, -50%) rotate(0deg);
    position: absolute;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.election__questionnaire .QA__title h2 {
    font-size: clamp(1.125rem, 1.0777rem + 0.2018vw, 1.25rem);
    min-height: 0vw;
    font-weight: bolder;
    cursor: pointer;
}


/* 質問 h3 */

.election__questionnaire .QA__question {
    margin-top: 4rem;
}

.election__questionnaire .QA__question h3 {
    padding: 1rem;
    line-height: 1.5;
    font-size: 120%;
    min-height: 0vw;
    font-weight: bold;
    text-align: justify;
    line-height: 1.5;
    border: 1px solid #999999;
    background-color: #f4f4f4;
    border-radius: 8px;
}


/* 回答 */


/* 回答全体 背景色 */

.election__questionnaire .QA__answer {
    margin: 2rem 0;
    padding: 1rem;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #999999;
    clear: both;
}


/* 候補者名全体 */

.election__questionnaire .QA__answer .upper__box {
    min-height: 100px;
    /*    
    display: flex;
    flex-direction: row;
    align-items: flex-start;
*/
}

.election__questionnaire .QA__answer .left__box img {
    float: left;
    width: 80px;
    margin: 0 20px 0 0
}

@media only screen and (max-width: 699px) {
    .election__questionnaire .QA__answer .left__box img {
        width: 60px;
    }
}

.election__questionnaire .QA__answer .right__box {
    margin-left: 20px;
}


/* 候補者名 */

.election__questionnaire .QA__answer .candidate__name {
    font-size: clamp(1.125rem, 1.0777rem + 0.2018vw, 1.25rem);
    min-height: 0vw;
    font-weight: bolder;
}


/* 所属名 */

.election__questionnaire .QA__answer span {
    font-size: clamp(0.8125rem, 0.7415rem + 0.3027vw, 1rem);
    min-height: 0vw;
    font-weight: normal;
    padding-left: 10px;
}


/* 選択解答 */

.election__questionnaire .upper__box .A__select-answer {
    margin-top: 15px;
    font-size: 110%;
    font-weight: bold;
    min-height: 0vw;
    text-decoration: underline solid black;
}

@media only screen and (max-width: 699px) {
    .election__questionnaire .upper__box .A__select-answer {
        margin-top: 0.8rem;
    }
}

.election__questionnaire .upper__box .A__reason-answer {
    font-size: 110%;
    padding-top: 10px;
}

@media only screen and (max-width: 699px) {
    .election__questionnaire .upper__box .A__reason-answer {
        clear: both;
    }
}