div#main_html{
    background: #fff;
}

img.main_pic{
    width:80%;
}

div.shindan{

}
    div.shindan div.shindan_text{
        font-size: 18px;
        padding: 4%;
        line-height: 30px;
    }
        div.shindan div.shindan_text img{
            width: 15%;
            float: right;
        }
    div.shindan div.q_lists{
        border:1px solid #ddd;
        border-top:#0077e0 22px solid;
        border-bottom:#0077e0 22px solid;
        border-radius: 15px;
        margin:20px 0;
        padding:2%;
    }
        div.shindan div.q_lists div.title{
            border-bottom: 1px solid #0077e0;
            margin-bottom: 10px;
        }
            div.shindan div.q_lists div.title span{
                background-color: #0077e0;
                color: #fff;
                display: inline-block;
                padding: 1% 2%;
            }
        div.shindan div.q_lists div.content{
            display: flex;
            flex-wrap: wrap;
        }
            div.shindan div.q_lists div.content label{
                display: block;
                border: 1px solid #ddd;
                width: 19.6%;
                box-sizing: border-box;
                margin: 0.2% 0.2%;
                padding: 1%;
                font-size: 15px;
            }
            div.shindan div.q_lists div.content label.check{
                color:#0077e0;
                border: 1px solid #f5844c;
                background-color: #ffffe3;
            }


a.shindan_btn{
    background: linear-gradient(red , #f19217);
	color:#fff;
	font-size:14px;
	padding:10px 4px;
	font-weight:bold;
	border:1px solid #ffa800;
	text-decoration:none;
	display:block;
	border-radius:5px;
	text-align:center;
    width: 40%;
    margin: 20px auto;
}
a.shindan_btn:hover{
    background: linear-gradient(#f19217 , red);
}

div.btn2{
    display: flex;
    flex-wrap: wrap;
    width: 60%;
    margin: 0 auto;
}
a.shindan_btn2{
	color:#0077e0;
	font-size:14px;
	padding:10px 4px;
	font-weight:bold;
	border:2px solid #0077e0;
	text-decoration:none;
	display:block;
	border-radius:5px;
	text-align:center;
    width: 47%;
    margin: 10px auto;
}



h3.osusume_list_title{
    width: 966px;
    margin: 0 auto 40px auto;
    border-bottom: 6px solid #0077e0;
    text-align: center;
    font-size: 26px;
}

@media screen and (max-width: 593px) {
    div#main{
        margin-bottom: 0;
    }
    div#main_html{
        padding-bottom: 0;
    }
    img.main_pic{
        width:100%;
    }
    h3.osusume_list_title{
        width: 100%;
        margin: 0 auto 5px auto;
        border-bottom: 6px solid #0077e0;
        text-align: center;
        font-size: 18px;
    }
    a.shindan_btn{
        width: 95%;
    }
    div.btn2{
        width: 100%;
        align-items: center;
        justify-content: center;
    }
    a.shindan_btn2{
        width: 40%;
        margin: 10px 1%;
        font-size:12px;
    }
    div.shindan div.q_lists div.content label{
        width: 49.6%;
        font-size: 14px;
        padding: 7px 2px 4px 6px;
    }

}