.center {
	margin:0;
	padding:0;
}
.mgb-30 {
	margin-bottom:30px;
}
.mg-20 {
	margin:20px;
}
.ex,.q {
    padding: 0.25em 0.5em;
    margin: 1em 3em 3em 3em;
    font-size: 12pt;
    border: solid 3px #217ebd;
}
.ex p {
    text-align:left;
	text-indent:1em;
	line-height:1.8em;
}
.q p {
	font-size: 18pt;
	line-height:1.2em;
}
.ex p.header {
    font-size: 1.2em;
	margin-top:20px;
}
.progress {
    margin: 1em;
}
.progress p {
    font-size: 15pt;
}
.msg1 {
    margin: 1em;
}
.msg1 p {
    font-size: 12pt;
}
.message {
	font-size: 12pt;
	margin:0 auto;
	padding:2em 3em;
	text-align: left;
}
.btn-go {
	display: inline-block;
	text-align: left;
	border: 2px solid #ee0066;
	font-size: 20pt;
	color: #ee0066;
	text-decoration: none;
	font-weight: bold;
	padding: 12px 50px;
	border-radius: 4px;
	transition: .4s;
}
.btn-next {
	display: inline-block;
	text-align: left;
	border: 2px solid #ee0066;
	font-size: 16pt;
	color: #ee0066;
	text-decoration: none;
	font-weight: bold;
	padding: 12px 25px;
	border-radius: 4px;
	transition: .4s;
}
.btn-go:hover,.btn-next:hover {
	background-color: #ee0066;
	border-color: #ee0066;
	color: #FFF;
	text-decoration: none;
}
.sel {
	display:table;
	width:600px;
}
.sel .row{
	display:table-row;
}
.sel .cell{
	display:table-cell;
	height:60px;
}
.sel input[type="radio"] {
	display:none; 
}
.sel label {
	display:inline-block;
	background-color: #f5f5f5;
	color: #666666;
	border: 2px solid #808080;
	font-size: 16pt;
	width:98%;
	padding:12px 0;
	border-radius: 4px;
	font-weight: bold;
}
.sel input[type="radio"]:checked + label { 
	background-color: #004a5b;
	border-color: #004a5b;
	color: #FFF;
	text-decoration: none;
}

.result-midashi {
    background-color: #fff2cc;
    margin: 0.5em;
    padding: 1em;
    position: relative;
}
.result-midashi::after {
    content: "";
    border-color: #cdc3a4 #fff #fff #cdc3a4;
    border-style: solid;
    border-width: 0 0 24px 24px;
    bottom: 0;
    position: absolute;
    right: 0;
}
.result-midashi .type {
	color: #0070c0;
	font-weight:bold;
}
.result-img img{
	width:300px;
}
.result-detail {
	background-color: #c2eeff; /* 変更前；#ddffff #c2eeff #2e75b6; */
	color:black; /* 変更前；#fff; */
    margin: 1em 2em 2em 2em;
    padding: 2em;
    position: relative;
	border-radius: 20px;/*角の丸み*/
	text-align:left;
}
.result-detail hr {
	border-width: 2px 0px 0px 0px; /* 太さ */
	border-style: solid; /* 線種 */
	border-color: #0070c0;   /* 線色 変更前；#fff; */
	height: 2px;         /* 高さ(※古いIE用) */
    margin: 1em 0;
}