@charset "utf-8";
/* CSS Document */
.main{text-align:center;
}
#q00{
    padding-bottom:50px;
}
#q00 label{
    display:block;
    cursor: pointer;
}
#q00 input{
    display:none;
}
#q00 img{
    width:auto;
    max-width:100%;
}
#ans000,#q02,#q03,#q04,#q05,#q06,#q07,#q08,#q09,#q10,#answer1,#answer1-1,#answer1-2,#answer1-3,#answer1-4,#answer2,#answer2-1,#answer2-2,#answer2-3,#answer2-4{
    display:none;
}

#answer1-1,#answer1-2,#answer1-3,#answer1-4{
    font-size:30px;
    margin:30px auto;
    max-width:400px;
    border-bottom:1px solid #000;
    color:#000;

}
#q00{
    padding-top:30px;
    text-align:center;
    font-size:16px;
}
#q00 label{
    display:block;
    width:300px;
    background-color:#FFE500;
    padding:10px ;
    box-shadow: 3px 3px 0 #E5E5E5;
    margin:10px auto 0;
    font-size:16px;
}
.btn01{
    display:block;
    width:300px;
    color:#fff;
    background-color:#000;
    padding:10px ;
    box-shadow: 3px 3px 0 #E5E5E5;
    margin:30px auto;
    cursor: pointer;
    font-size:16px;
}
.q_title{
     font-size:80px;
}
.q_title:after{
    content:"";
    width:28px ;
    height:2px;
    background-color:#333;
    margin : 0 auto;
    display:block;
   
}
#q00 i{
    font-family: 'Jost', sans-serif;
    font-style: normal;
}
.q_txt{
    font-size:20px;
    margin:30px 0;
}
#answer2 table{
max-width:500px;
margin:30px auto;
}
#answer2 td{
    padding:10px;
    text-align:center;
}
#answer2 img{
    max-width:100%;
    margin:5px 0;
}
#answer2 h2,#answer2 h3{
    max-width:500px;
margin:30px auto;
border-bottom:1px solid #000;
    color:#000;
    font-size:30px;
    margin:10px auto;
}
#answer2 h4{
font-size:16px;
font-weight:bold;
border-bottom:1px solid #000;
margin-bottom:15px;
}
#q00 img.qimg{max-width:400px;}
#q00 img.qt0{max-width:80px;}
@media screen and (max-width: 500px) {
#q00 img.qimg{max-width:80%;}
}