@charset "UTF-8";
    .yesno {
        min-height: 250px;
        width: 100%;
        display: inline-block;
        position: relative;
        border: solid 2px #043d78;
        padding: 2em;
        margin-bottom: 5em;
    }
    .yesno h3 {
        background: #ecf3fa;
        padding: 12px 1em;
        text-align: center;
        font-size: 1.6em;
    }
    .yesno ul {
        padding-left: 0;
    }
    .yesno ul li {
        list-style: none;
        float: left;
        text-align: center;
        display: block;
        color: #fff;
        line-height: 3;
        font-size:1.4em;
    }
    .positionFit {
        /* position: absolute; */
        display: block;
        left: 0px;
        top: 20px;
    }
    .col_1 li {
        width: 100%;
        margin: 1%;
    }
    .col_2 li {
        width: 48%;
        margin: 1%;
    }
    .col_3 li {
        width: 31%;
        margin: 1%;
    }
    .yesno ul li a {
        color: #fff;
        text-decoration: none;
        height: 100%;
        width: 100%;
        display: block;
        background-color: #036eb8;
        border-radius: 5px;
    }
    .yesno div[id^="q_"] {
        width: 100%;
        clear: both;
    }
    .yesno .answer_box {
        margin: 1em 0;
        padding: 1em;
        text-align: center;
    }
    /* scroll */
    .scroll {
        overflow-x: auto;
    }
    section .yesno-tool a.yn_btn {
        display: block;
        content: " ";
        margin-top: -60px; /* ずらす高さ */
        height: 60px; /* ずらす高さ */
        visibility: hidden;
        pointer-events: none;
    }