.ribbon {
	position: absolute;
	display: inline-block;
	top: -5px;
	left: 15px;
	background: url(https://www.zeirishi-shoukaicenter.com/pc/assets/img/base_tag.png) bottom right no-repeat #0050aa;
	border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-ms-border-radius: 0 0 4px 4px;
	padding: 8px 20px;
	font-size: 16px;
	color: #fff;
}

.ktag {
	width: 80px;
	height: 18px;
	background: #000;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	padding: 4px 0;
	margin: 0;
	font-size: 12px;
	color: #fff;
	text-align: center;
}

ul.sns {
	position: absolute;
	top: 8px;
	right: 15px;
}

ul.sns li {
	float: left;
	height: 21px;
	margin-left: 10px;
}

ul.sns li:first-child {
	margin: -1px 0 0;
}

/* --------------------------------------------------------------------------
 past-results
-------------------------------------------------------------------------- */

.results {
	position: relative;
	background: #fff;
	border: solid 5px #e2efff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	padding: 40px 32px 32px;
	margin: 0 0 32px;
}

.results.voice {
	border: solid 5px #d5feee;
	background-color: #fff;
}

.results.voice .ribbon {
	background: url(https://www.zeirishi-shoukaicenter.com/pc/assets/img/base_tag.png) bottom right no-repeat #00aa68;
}

.results dl {
	border-bottom: dotted 2px #0050aa;
	padding: 40px 0;
}

.results.voice dl {
	border-bottom: dotted 2px #00aa68;
}

.results dl:last-child {
	border: none;
	padding: 40px 0 10px;
}

.results dl a {
	display: block;
	text-decoration: none;
}

.results dl a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.results dt {
	float: left;
	width: 114px;
	background: #efefef;
	border: solid 2px #0050aa;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	font-size: 15px;
	color: #0050aa;
	text-align: center;
	padding: 7px 0 5px;
	margin-right: 24px;
}

.results.voice dt {
	border: solid 2px #00aa68;
	color: #00aa68;
}

.results dd {
	float: left;
	width: 600px;
	color: #333;
}

.results dd h4 {
	font-size: 24px;
	color: #0050aa;
	margin: 0 0 12px;
}

.results.voice dd h4 {
	color: #00aa68;
}

/* --------------------------------------------------------------------------
 past-results: detail
-------------------------------------------------------------------------- */

.results.detail {
	background: #e2efff;
	padding: 40px 0 2px;
	margin: 0;
}

.results.voice.detail {
	background: #d5feee;
}

.results.detail dl {
	border: none;
	padding: 24px 32px 32px;
}

.results .case {
	background: #fff;
	padding: 32px 32px 64px;
	word-wrap: break-word;
}

.results .case h4 {
	font-size: 18px;
	border-bottom: dotted 1px #bbb;
	padding: 0 0 8px;
	margin: 30px 0 24px;
}

.results .case h5:first-child {
	margin: 0 0 24px;
}

.results .case.success h4 {
	color: #0050aa;
}

.results .case.voice h4 {
	color: #00aa68;
}

.results .case p {
	font-size: 16px;
}

ul.payback {
	display: table;
	background: #f0f0f0;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	padding: 24px 52px;
	margin: 0 0 24px;
}

ul.payback li {
	display: table-cell;
	vertical-align: bottom;
	line-height: 1.0em;
}

ul.payback li.ktag {
	line-height: 1.0em;
	margin: 0;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

ul.payback li.snd {
	font-size: 18px;
	padding: 0 10px;
}

ul.payback li.trd {
	font-size: 54px;
	font-weight: 600;
	color: #f0020e;
	line-height: 0.7em;
}

ul.payback li.trd100 {
	font-size: 34px;
	font-weight: 600;
	color: #f0020e;
	line-height: 0.7em;
}

ul.payback li.fth {
	font-size: 18px;
	font-weight: 600;
	color: #f0020e;
	text-align: center;
}

ul.payback li.fth span {
	display: block;
	font-size: 12px;
	color: #333;
}

ul.payback li.arr {
	padding: 0 50px;
	vertical-align: middle;
}

.results.detail .consultant {
	position: absolute;
	bottom: -5px;
	left: 10px;
	z-index: 99;
}

.results.detail .point {
	display: table;
	margin: 7px 0 0 46px;
}

.results.detail .point p {
	display: table-cell;
	vertical-align: middle;
	padding: 0 32px 0 10px;
}

.results.detail .point p.ttl {
	background: #f8f8f8;
	font-size: 18px;
	padding: 0 10px 0 28px;
	white-space: nowrap;
}

/* --------------------------------------------------------------------------
 past-results: pager
-------------------------------------------------------------------------- */

ul.pager {
	width: 280px;
	margin: 50px auto 30px;
	display: flex;
	justify-content: space-between;
}

ul.pager li {
	font-size: 18px;
	text-align: center;
}

ul.pager li a i {
	margin: 2px 10px 0 0;
}

ul.pager li a {
	display: block;
	width: 90px;
	height: 32px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	padding: 4px 0 0;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	text-align: center;
}

ul.pager li a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

ul.pager li.prev a {
	background: #cfe5ff;
	background-image: linear-gradient(to bottom, #cfe5ff, #fff);
	border: solid 1px #0064A0;
	color: #0064A0;
	padding-right: 10px;
}

ul.pager li.next a {
	background: #cfe5ff;
	background-image: linear-gradient(to bottom, #cfe5ff, #fff);
	border: solid 1px #0064A0;
	color: #0064A0;
}

ul.pager li.current a.current-link {
	width: 110px;
}

ul.pager li.current.success a.current-link {
	color: #0050aa;
}

ul.pager li.current.voice a.current-link {
	color: #00aa68;
}

div.type.voice {
	width: 280px;
	height: 50px;
	margin: 0 auto 15px;
	background: #00aa68;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	color: #fff;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

div.type.success {
	width: 280px;
	height: 50px;
	margin: 0px auto 30px;
	background: #0050aa;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

div.type a {
	color: #fff;
	text-decoration: none;
	font-size: 18px;
}

/* --------------------------------------------------------------------------
 past-results: pagination
-------------------------------------------------------------------------- */

.past_results_pagenation {
	display: flex;
	margin: 40px 0;
	justify-content: center;
}

.past_results_pagenation ul {
	display: flex;
}

.past_results_pagenation a {
	display: inline-block;
	width: 14px;
	margin: 2px;
	padding: 7px;
	border: 1px solid #ddd;
	background-color: #f7f7f7;
	text-decoration: none;
	text-align: center;
	line-height: 16px;
}

.past_results_pagenation a:hover,
.past_results_pagenation .active a {
	color: #fff;
	border-color: #00428c;
	background-color: #00428c;
}

.past_results_pagenation .disabled a {
	border: 1px solid #fff;
	background-color: initial;
}

.past_results_pagenation .disabled a:hover {
	color: #00428c;
	border-color: #fff;
	background-color: initial;
}