/* spベース */

.footer-container{
    background-color:#983131;
    max-width:750px;
    width:100%;
    color:#FFFFFF;
    margin:0 auto;
}

.footer-container span{
    width:49%;
    display:inline-block;
    font-size:3vw;

}

.footer-container div{
    text-align:center;
    font-size:3vw;
}

.footer-content a{
    color:#FFFFFF;
}


.possibility{

    width:90%;
    background-color:#FFFBBF;
    text-align:center;
    margin:0 auto;
    border-radius: 4px;
    padding:10px;
}

.title-red{
    font-size:4vw;
    color:#DE2C44;
    font-weight: 700;
    text-align:center;
}

.subtext{
    font-size:1.8vw;
}

.complete-title{
    display:inherit;
    text-align: center;
    font-size:6vw;
    font-weight:700;
    margin-bottom:3rem;
}

.headimg img{
    width:100%;
    padding:0;
    vertical-align: bottom;
}
.footerimg img{
    width:100%;
    padding:0;
    vertical-align: bottom;
}

.prog{
    text-align:center;
    font-size:3.5vw;
    padding:0px 10px 4vw 10px;
    margin-top:0px;
}

.prog_on{
    color:#747474;
    margin:0.6vw
}

.prog_off{
    color:#C3C2C3;
    margin:0.6vw
}

.result-required{
    font-size:2.8vw;
    letter-spacing:.05em;
    background-color:#d93535;
    color:#FFF;
    /*width:70px;
    height:34px;*/
    margin:-2px 10px -2px 0;
    padding-left:.05em;
    border-radius:10px;
    line-height:1;
    font-weight:700;
    justify-content:center;
    padding:8px;
    float:left;
    margin-bottom:1.1em;
}
.container {
    max-width:750px;
    color:#725E42;
    width:100%;
    margin:0 auto;
    background-color:#FF9CA6
}

.q-box{
    position:relative;
    height:100%;
    padding:50px 30px;
    border:0;
    border-radius:20px;
    background-color:#FFF;
    box-sizing: border-box;
    overflow:hidden;
    margin:0 4.8vw 0 4.8vw;
}

.q-notice{
    margin-top:-6px;
    /*margin-bottom:-6px;*/
    line-height:1.5;
    font-size:2.6vw;
    letter-spacing:0;
    text-align:center;
}

.q-title,.result-content-title{
    font-size:4vw;
    font-weight:700;
    margin-top:34px;
    margin-bottom:10px;
    line-height:1.4;
    letter-spacing:0;
    position:static;
    padding:0;
    display:inline;
}

.q-button{
    background-color:#ffeda7;
    display:flex;
    justify-content: center;
    font-weight:700;
    align-items:center;
    width:100%;
    height:14vw;
    padding:15px;
    cursor:pointer;
    box-sizing: border-box;
    font-size:3.6vw;
}

button{
    /*line-height:1;
    font-size:4vw;
    letter-spacing:.03em;
    position:relative;
    width:100%;
    height:90px;
    margin:0;
    padding:15px 65px;*/
    cursor:pointer;
    border:none;
    /*border-radius:45px;
    background-color:#f39c12;
    color:#FFF;
    font-weight:700;
    appearance: none;
    */
}

.q-list li{
    display:block;
    text-align:center;
    margin-bottom:5vw;
    width:100%;
    box-sizing:border-box;

}

.result-content{
    display:block;
    margin-bottom: 5vw;
    box-sizing:border-box;
}

input[type="radio"]{
    display:none;
}

input{
    width:100%;
    border:2px solid #dcd6c5;
    outline:none;
    background-color:#fff;
    box-shadow:none;
    line-height:1.5;
    font-size:3.8vw;
    letter-spacing:0;
    padding:18px 21px;
    border-color:#c3c3c3;
    border-radius:6px;
    box-sizing: border-box;
}

select{
    width:100%;
    border:2px solid #dcd6c5;
    outline:none;
    background-color:#fff;
    box-shadow:none;
    line-height:1.5;
    font-size:3.8vw;
    letter-spacing:0;
    padding:18px 21px;
    border-color:#c3c3c3;
    border-radius:6px;
    box-sizing: border-box;
    
}

input:checked ~.q-button{
    background-color:#f39c12;
    color:#FFF;

}

ul{
    list-style:none;
    box-sizing:border-box;
    width:100%;
}

span,label,ul{
    margin:0;
    padding:0;
    border:0;
    vertical-align:baseline;
    font-size:100%;
}

html,body{
    background-color: #fcfaf3;
    font-size:10px;
    font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;

}

dd{
    margin-top:1.6rem;
}

.box-slider{
    position:relative;
    width:100%;
    left:0;
    top:0;
    transition: all.3s ease-in-out;
}
#radio_slider1:checked ~ .box-slider{
    transform:translateX(0);
}

#radio_slider2:checked ~.box-slider{
    transform:translateX(-200px);
}



.return_btn{
    display:inline;
    font-size: 3.7vw;
    font-weight: 700;
    vertical-align: top;
}

.return{
    margin-left: 4.8vw;
}

.return img{
    width:6vw
}
/* PC用の記述  emの基準値を決める*/

@media screen and (min-width: 750px){

    
    .prog{
        font-size:3.5em;
        padding:0px 10px 1em 10px;
    }
    
    .prog_on{
        margin:0.1em
    }
    
    .prog_off{
        margin:0.1em
    }
    
    .result-required{
        font-size:2.8em;
        letter-spacing:.05em;
    }
    
    .q-box{
        margin:0 4.8em 0 4.8em;
    }
    
    .q-notice{
        font-size:2.08em;
    }
    
    .q-title,.result-content-title{
        font-size:3.2em;
    }
    
    .q-button{
        height:3.2em;
        font-size:1em;
    }
    
    button{
        font-size:4em;
        letter-spacing:.03em;
    
    }
    
    .q-list li{
        margin-bottom:1em;
    }
    
    .result-content{
        margin-bottom: 5em;
    }
    
    input{
        font-size:3.8em;
    }
    
    select{
        font-size:3.8em;
        
    }

    
    .return img{
        width:5rem
    }
    
    
    .return_btn{
        font-size: 3.7em;
    }
    
    .return{
        margin-left: 4.8em;
    }

    .title-red{
        font-size:3.2em;
    }
    
    .subtext{
        font-size:1.3em;
    }

    .footer-container span{
        font-size:2rem;
    }

    .footer-container div{
        font-size:2rem;
    }

    .complete-title{
        font-size:8rem;

    }
}

/* メディアスクリーンここまで*/