* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
	padding: 0;
	border: none;
	text-decoration: none;
	width: 100%;
	height: auto;
	border-radius: 0;
}
img {
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}
.ie8 {
	img {
		width: auto;
	} //img
}
body {
	margin-left: -30px;
	opacity: 0;
	width: 95%;
	font-size: 13px;
	color: #333;
}


/* スマホ用 */
@media screen and (max-width: 767px) {
	#question {
		padding: 3% 5% 36%;
		background: url(back.jpg) no-repeat center bottom #fff;
		background-size: 100%;
	}
	#result {
		padding: 3% 5% 36%;
		background: url(back2.jpg) no-repeat center bottom #fff;
		background-size: 100%;
	}
	.title {
		margin-bottom: 5%;
		font-size: 1.5em;
		line-height: 1.5em;
		font-weight: bold;
		color: #21588e;
	}
	.title br {
		display: none;
	}
	.question {
		margin-bottom: 3%;
		font-size: 1.3em;
		line-height: 1.3em;
	}
	.button {
		margin-bottom: 2%;
		padding: 4%;
		display: block;
		width: 100%;
		text-align: center;
		font-size: 1.3em;
		line-height: 1em;
		color: #fff;
		text-decoration: none;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	.yes {
		background: #c00;
		border-bottom: 3px solid #900;
	}
	.yes:hover {
		background: #d00;
	}
	.no {
		background: #1766ed;
		border-bottom: 3px solid #093581;
	}
	.no:hover {
		background: #4588fa;
	}
	.select {
		margin-bottom: 2%;
		padding: 4%;
		display: block;
		width: 100%;
		text-align: center;
		font-size: 1.3em;
		line-height: 1em;
		color: #fff;
		text-decoration: none;
		background: #00cc78;
		border-bottom: 3px solid #206d4d;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	.select:hover {
		background: #11ec91;
	}
}

/* PC用 */
@media screen and (min-width: 768px) {
	#question {
		padding: 3% 5% 5%;
		min-height: 400px;
		background: url(back.jpg) no-repeat center bottom #fff;
		background-size: 80%;
	}
	#result {
		padding: 3% 5% 5%;
		min-height: 400px;
		background: url(back2.jpg) no-repeat center bottom #fff;
		background-size: 80%;
	}
	.title {
		margin-bottom: 30px;
		font-size: 2em;
		line-height: 1.5em;
		font-weight: bold;
		color: #21588e;
	}
	.question {
		margin-bottom: 15px;
		font-size: 1.5em;
		line-height: 1.3em;
	}
	.button {
		margin-bottom: 10px;
		padding: 10px;
		display: block;
		width: 150px;
		font-size: 1.3em;
		line-height: 1em;
		color: #fff;
		text-decoration: none;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	.yes {
		background: #c00;
		border-bottom: 3px solid #900;
	}
	.yes:hover {
		background: #d00;
	}
	.no {
		background: #1766ed;
		border-bottom: 3px solid #093581;
	}
	.no:hover {
		background: #4588fa;
	}
	.select {
		margin-bottom: 10px;
		padding: 10px;
		display: block;
		width: 200px;
		font-size: 1.3em;
		line-height: 1em;
		color: #fff;
		text-decoration: none;
		background: #00cc78;
		border-bottom: 3px solid #206d4d;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	.select:hover {
		background: #11ec91;
	}
}