@charset "utf-8";
img{max-width:100%;}

/*リード文*/
#Main .read_q{font-size:0.95em; margin:12px 0 0;}
#Main .read_q span{display:block;}
#Main .read_notes{font-size:0.8em; margin:12px 0 24px;}
#Main ul.note{ list-style:none; font-size:0.8em; margin-bottom:20px;}
#Main ul.note li:before{content:"●"; color:#99CCFF;}

/*アンケート結果*/
#Main div.box{ border:1px solid #0E80C0; padding:0;}
#Main p.icon{vertical-align:middle; padding:4px 0; color:#006699;}
#Main p.icon img{width:30px; vertical-align:middle; padding-right:2px;}
#Main a button{font-size:0.8em; color:#666666; border:none; padding:0 12px;}
#Main a button:hover{cursor:pointer;}

/*アンケート並列*/
ul.papers{list-style:none; margin:0 auto; text-align:center; padding:0; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
ul.papers li{ -webkit-flex-grow: 1; flex-grow: 1; width:50%; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align:top; text-align:center; margin-bottom:40px;}
ul.papers li div.box{width:96%;}
ul.papers li img{border:1px solid #CCCCCC;}
ul.papers li p{text-align:left; font-size:0.9em;}


@media screen and (max-width:780px) {
#Main .read_q span{display:inline;}
}

@media screen and (max-width:520px) {
ul.papers{display:block;}
ul.papers li{width:100%;}
ul.papers li div.box{width:96%; margin:0 auto;}
ul.papers li a img{width:80%; display:block; margin:0 auto;}
ul.papers li a{display:block;}
ul.papers li.no_list{display:none;}

ul.paper{display:block;}
ul.paper li{width:100%;}
}

@media screen and (max-width:420px) {
ul.paper li p.icon img{width:30px; vertical-align:middle; padding-right:2px;}
}


@media screen and (max-width:420px) {
}