<link href="https://use.fontawesome.com/releases/v5.0.10/css/all.css"rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=PT+Sans');
*{margin:0; padding:0;}
body{color:#000; background-color:#fff; font-size:12px; letter-spacing:2.4px; line-height:2; font-family:'PT Sans',Meiryo,Osaka,sans-serif;}
#wrap{width:90%; max-width:550px; margin:10px auto;}
h1,h2{font-size:13px; margin:75px 0 10px; color:#444;}
h1{text-align:center;}
h1:before,h1:after{padding:10px; color:#eee;}
h1:before{font-family:"Font Awesome 5 Free"; content:;}
h1:after{font-family:"Font Awesome 5 Free"; content:;}
h2{position:relative;}
h2:before{display:block; position:absolute; top:50%; left:-15px; z-index:-1; font-family:"Font Awesome 5 Free"; content:; color:#eee; font-size:40px; margin:-40px -40px -40px 0;}
a{text-decoration:none; color:#000; background-color:#fff;}
a:hover{opacity:.6;}
hr{border:0; background-color:#dce381; height:5px; margin-bottom:10px;}
.yes,.no{box-sizing:border-box;}
.yes{border-bottom:5px solid #dce381; float:left; text-align:right; border-right:1px dotted #ddd; margin-right:8px; padding-right:8px;}
.no{border-bottom:5px solid #bbb;}
.q1a{width:41%} .q1b{width:30%} .q1c{width:21%} .q1d{width:9%}
.q2{width:48%;}
.q3{width:31%;} 
.q8a{width:68%} .q8b{width:47%} .q8c{width:36%} .q8d{width:35%}
p{margin:20px 0 0;}
p span{background-color:#dce381; padding:3px 15px; margin-right:10px;}
.note{padding:10px 20px; margin:15px 0; background:#f4f4f4; background-image:radial-gradient(#eee 20%,transparent 0),radial-gradient(#eee 20%,transparent 0); background-position:0 0,10px 10px; background-size:20px 20px;}
@media screen and (max-width:480px){
body{font-size:11px; letter-spacing:1.8px;}
h2{font-size:12px;}
h2:before{font-size:30px; margin:-30px -30px -30px 3px;}
.note{padding:10px 15px;}}
</style>