@charset "utf-8";
.rec-result-type-1,
.rec-result-type-1:before,
.rec-result-type-1:after,
.rec-result-type-1 *,
.rec-result-type-1 *:before,
.rec-result-type-1 *:after {
	box-sizing: border-box;
}
.rec-result-type-1 {
	font-family: 'Arial', sans-serif;
	color: #333;
	font-size: 1.5rem;
	line-height: 1.5;
	background-color: #fff;
	padding: 1rem;
}
.rec-result-type-1 .rec-result-type-1-inner {
	max-width: 500px;
	margin: 0 auto;
	padding-bottom: 2rem;
	border: 2px solid #999;
	border-bottom-left-radius: .5rem;
	border-bottom-right-radius: .5rem;
	border-top-left-radius: .3rem;
	border-top-right-radius: .3rem;
}
.rec-result-type-1 .score-box {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	height: 15rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	overflow: hidden;
}
.rec-result-type-1 .score-box > .score-box-bg {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	height: calc(200% - 4rem);
	background-color: #fff;
	border-radius: 50% / 50%;
	filter: drop-shadow(0 .2rem .6rem rgba(0,0,0,.5));
}
.rec-result-type-1 .score-box > .score-box-content {
	position: relative;
	z-index: 1;
}
.rec-result-type-1 .score-box .score-grade {
	margin-top: .5rem;
}
.rec-result-type-1 .score-grade-text {
	font-size: 2.4rem;
	line-height: 1;
	text-align: center;
	font-weight: bold;
	color: #f1890e;
}
.rec-result-type-1 .score-box .score-graph {
	display: flex;
	align-items: center;
	justify-content: center;
}
.rec-result-type-1 .detail-box {
	font-size: 2.2rem;
	text-align: center;
	margin-top: 1rem;
}
.rec-result-type-1 .detail-box > p + p {
	
}
.rec-result-type-1 .detail-box .main-word {
	font-size: 3rem;
	font-weight: bold;
	letter-spacing: .1em;
}
.rec-result-type-1 .detail-box .main-word i {
	font-style: normal;
}
.rec-result-type-1 .detail-box .main-word .true {
	color: #1CCDA8;
}
.rec-result-type-1 .detail-box .main-word .false {
	color: #FE434C;
}
.rec-result-type-1 .detail-box .main-word .normal {
	font-weight: normal;
}
/* common progress */
.nc-rec-progress,
.nc-rec-progress:before,
.nc-rec-progress:after,
.nc-rec-progress *,
.nc-rec-progress *:before,
.nc-rec-progress *:after {
	box-sizing: border-box;
}
.nc-rec-progress {
	position: relative;
	width: 6.4rem;
	height: 6.4rem;
}
.nc-rec-progress .progress-shape {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #dadada;
	transform-origin: center;
	-webkit-animation: colorload .5s;
	animation: colorload .5s;
}
.nc-rec-progress .progress-shape:before {
	content: '';
	display: block;
	position: absolute;
	z-index: 0;
	width: .6rem;
	height: 100%;
	top: 0;
	left: calc(50% - .3rem);
	transform-origin: center;
	background-image: url(/images/class/rec-progress-corner.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
.nc-rec-progress .progress-shape:after {
	content: '';
	display: block;
	position: absolute;
	z-index: 0;
	width: .6rem;
	height: 100%;
	top: 0;
	left: calc(50% - .3rem);
	transform-origin: center;
	background-image: url(/images/class/rec-progress-corner.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
	transform: rotateZ(0deg);
}
@-webkit-keyframes colorload {
	0% {
		opacity: 0;
		transform: rotate(-90deg);
	}
	100% {
		opacity: 1;
		transform: rotate(0deg);
	}
}
.nc-rec-progress .progress-center {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	z-index: 2;
	width: calc(100% - 1.2rem);
	height: calc(100% - 1.2rem);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	border-radius: 50%;
}
.nc-rec-progress .progress-text {
	text-align: center;
	line-height: 1;
}
.nc-rec-progress .progress-text .t-number {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1;
	color: #f1890e;
}
.nc-rec-progress .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 0%, transparent 0%);
}
.nc-rec-progress[data-progress="1"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 1%, transparent 1%);
}
.nc-rec-progress[data-progress="2"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 2%, transparent 2%);
}
.nc-rec-progress[data-progress="3"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 3%, transparent 3%);
}
.nc-rec-progress[data-progress="4"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 4%, transparent 4%);
}
.nc-rec-progress[data-progress="5"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 5%, transparent 5%);
}
.nc-rec-progress[data-progress="6"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 6%, transparent 6%);
}
.nc-rec-progress[data-progress="7"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 7%, transparent 7%);
}
.nc-rec-progress[data-progress="8"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 8%, transparent 8%);
}
.nc-rec-progress[data-progress="9"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 9%, transparent 9%);
}
.nc-rec-progress[data-progress="10"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 10%, transparent 10%);
}
.nc-rec-progress[data-progress="11"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 11%, transparent 11%);
}
.nc-rec-progress[data-progress="12"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 12%, transparent 12%);
}
.nc-rec-progress[data-progress="13"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 13%, transparent 13%);
}
.nc-rec-progress[data-progress="14"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 14%, transparent 14%);
}
.nc-rec-progress[data-progress="15"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 15%, transparent 15%);
}
.nc-rec-progress[data-progress="16"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 16%, transparent 16%);
}
.nc-rec-progress[data-progress="17"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 17%, transparent 17%);
}
.nc-rec-progress[data-progress="18"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 18%, transparent 18%);
}
.nc-rec-progress[data-progress="19"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 19%, transparent 19%);
}
.nc-rec-progress[data-progress="20"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 20%, transparent 20%);
}
.nc-rec-progress[data-progress="21"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 21%, transparent 21%);
}
.nc-rec-progress[data-progress="22"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 22%, transparent 22%);
}
.nc-rec-progress[data-progress="23"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 23%, transparent 23%);
}
.nc-rec-progress[data-progress="24"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 24%, transparent 24%);
}
.nc-rec-progress[data-progress="25"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 25%, transparent 25%);
}
.nc-rec-progress[data-progress="26"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 26%, transparent 26%);
}
.nc-rec-progress[data-progress="27"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 27%, transparent 27%);
}
.nc-rec-progress[data-progress="28"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 28%, transparent 28%);
}
.nc-rec-progress[data-progress="29"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 29%, transparent 29%);
}
.nc-rec-progress[data-progress="30"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 30%, transparent 30%);
}
.nc-rec-progress[data-progress="31"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 31%, transparent 31%);
}
.nc-rec-progress[data-progress="32"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 32%, transparent 32%);
}
.nc-rec-progress[data-progress="33"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 33%, transparent 33%);
}
.nc-rec-progress[data-progress="34"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 34%, transparent 34%);
}
.nc-rec-progress[data-progress="35"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 35%, transparent 35%);
}
.nc-rec-progress[data-progress="36"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 36%, transparent 36%);
}
.nc-rec-progress[data-progress="37"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 37%, transparent 37%);
}
.nc-rec-progress[data-progress="38"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 38%, transparent 38%);
}
.nc-rec-progress[data-progress="39"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 39%, transparent 39%);
}
.nc-rec-progress[data-progress="40"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 40%, transparent 40%);
}
.nc-rec-progress[data-progress="41"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 41%, transparent 41%);
}
.nc-rec-progress[data-progress="42"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 42%, transparent 42%);
}
.nc-rec-progress[data-progress="43"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 43%, transparent 43%);
}
.nc-rec-progress[data-progress="44"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 44%, transparent 44%);
}
.nc-rec-progress[data-progress="45"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 45%, transparent 45%);
}
.nc-rec-progress[data-progress="46"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 46%, transparent 46%);
}
.nc-rec-progress[data-progress="47"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 47%, transparent 47%);
}
.nc-rec-progress[data-progress="48"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 48%, transparent 48%);
}
.nc-rec-progress[data-progress="49"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 49%, transparent 49%);
}
.nc-rec-progress[data-progress="50"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 50%, transparent 50%);
}
.nc-rec-progress[data-progress="51"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 51%, transparent 51%);
}
.nc-rec-progress[data-progress="52"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 52%, transparent 52%);
}
.nc-rec-progress[data-progress="53"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 53%, transparent 53%);
}
.nc-rec-progress[data-progress="54"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 54%, transparent 54%);
}
.nc-rec-progress[data-progress="55"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 55%, transparent 55%);
}
.nc-rec-progress[data-progress="56"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 56%, transparent 56%);
}
.nc-rec-progress[data-progress="57"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 57%, transparent 57%);
}
.nc-rec-progress[data-progress="58"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 58%, transparent 58%);
}
.nc-rec-progress[data-progress="59"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 59%, transparent 59%);
}
.nc-rec-progress[data-progress="60"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 60%, transparent 60%);
}
.nc-rec-progress[data-progress="61"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 61%, transparent 61%);
}
.nc-rec-progress[data-progress="62"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 62%, transparent 62%);
}
.nc-rec-progress[data-progress="63"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 63%, transparent 63%);
}
.nc-rec-progress[data-progress="64"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 64%, transparent 64%);
}
.nc-rec-progress[data-progress="65"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 65%, transparent 65%);
}
.nc-rec-progress[data-progress="66"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 66%, transparent 66%);
}
.nc-rec-progress[data-progress="67"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 67%, transparent 67%);
}
.nc-rec-progress[data-progress="68"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 68%, transparent 68%);
}
.nc-rec-progress[data-progress="69"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 69%, transparent 69%);
}
.nc-rec-progress[data-progress="70"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 70%, transparent 70%);
}
.nc-rec-progress[data-progress="71"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 71%, transparent 71%);
}
.nc-rec-progress[data-progress="72"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 72%, transparent 72%);
}
.nc-rec-progress[data-progress="73"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 73%, transparent 73%);
}
.nc-rec-progress[data-progress="74"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 74%, transparent 74%);
}
.nc-rec-progress[data-progress="75"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 75%, transparent 75%);
}
.nc-rec-progress[data-progress="76"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 76%, transparent 76%);
}
.nc-rec-progress[data-progress="77"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 77%, transparent 77%);
}
.nc-rec-progress[data-progress="78"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 78%, transparent 78%);
}
.nc-rec-progress[data-progress="79"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 79%, transparent 79%);
}
.nc-rec-progress[data-progress="80"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 80%, transparent 80%);
}
.nc-rec-progress[data-progress="81"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 81%, transparent 81%);
}
.nc-rec-progress[data-progress="82"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 82%, transparent 82%);
}
.nc-rec-progress[data-progress="83"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 83%, transparent 83%);
}
.nc-rec-progress[data-progress="84"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 84%, transparent 84%);
}
.nc-rec-progress[data-progress="85"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 85%, transparent 85%);
}
.nc-rec-progress[data-progress="86"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 86%, transparent 86%);
}
.nc-rec-progress[data-progress="87"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 87%, transparent 87%);
}
.nc-rec-progress[data-progress="88"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 88%, transparent 88%);
}
.nc-rec-progress[data-progress="89"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 89%, transparent 89%);
}
.nc-rec-progress[data-progress="90"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 90%, transparent 90%);
}
.nc-rec-progress[data-progress="91"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 91%, transparent 91%);
}
.nc-rec-progress[data-progress="92"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 92%, transparent 92%);
}
.nc-rec-progress[data-progress="93"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 93%, transparent 93%);
}
.nc-rec-progress[data-progress="94"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 94%, transparent 94%);
}
.nc-rec-progress[data-progress="95"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 95%, transparent 95%);
}
.nc-rec-progress[data-progress="96"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 96%, transparent 96%);
}
.nc-rec-progress[data-progress="97"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 97%, transparent 97%);
}
.nc-rec-progress[data-progress="98"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 98%, transparent 98%);
}
.nc-rec-progress[data-progress="99"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 99%, transparent 99%);
}
.nc-rec-progress[data-progress="100"] .progress-shape {
	background-image: conic-gradient(from 0deg, #f1890e 0%, #f1890e 100%, transparent 100%);
}
.nc-rec-progress[data-progress="0"] .progress-shape:after {
	transform: rotateZ(0deg);
}
.nc-rec-progress[data-progress="1"] .progress-shape:after {
	transform: rotateZ(3.6deg);
}
.nc-rec-progress[data-progress="2"] .progress-shape:after {
	transform: rotateZ(7.2deg);
}
.nc-rec-progress[data-progress="3"] .progress-shape:after {
	transform: rotateZ(10.8deg);
}
.nc-rec-progress[data-progress="4"] .progress-shape:after {
	transform: rotateZ(14.4deg);
}
.nc-rec-progress[data-progress="5"] .progress-shape:after {
	transform: rotateZ(18deg);
}
.nc-rec-progress[data-progress="6"] .progress-shape:after {
	transform: rotateZ(21.6deg);
}
.nc-rec-progress[data-progress="7"] .progress-shape:after {
	transform: rotateZ(25.2deg);
}
.nc-rec-progress[data-progress="8"] .progress-shape:after {
	transform: rotateZ(28.8deg);
}
.nc-rec-progress[data-progress="9"] .progress-shape:after {
	transform: rotateZ(32.4deg);
}
.nc-rec-progress[data-progress="10"] .progress-shape:after {
	transform: rotateZ(36deg);
}
.nc-rec-progress[data-progress="11"] .progress-shape:after {
	transform: rotateZ(39.6deg);
}
.nc-rec-progress[data-progress="12"] .progress-shape:after {
	transform: rotateZ(43.2deg);
}
.nc-rec-progress[data-progress="13"] .progress-shape:after {
	transform: rotateZ(46.8deg);
}
.nc-rec-progress[data-progress="14"] .progress-shape:after {
	transform: rotateZ(50.4deg);
}
.nc-rec-progress[data-progress="15"] .progress-shape:after {
	transform: rotateZ(54deg);
}
.nc-rec-progress[data-progress="16"] .progress-shape:after {
	transform: rotateZ(57.6deg);
}
.nc-rec-progress[data-progress="17"] .progress-shape:after {
	transform: rotateZ(61.2deg);
}
.nc-rec-progress[data-progress="18"] .progress-shape:after {
	transform: rotateZ(64.8deg);
}
.nc-rec-progress[data-progress="19"] .progress-shape:after {
	transform: rotateZ(68.4deg);
}
.nc-rec-progress[data-progress="20"] .progress-shape:after {
	transform: rotateZ(72deg);
}
.nc-rec-progress[data-progress="21"] .progress-shape:after {
	transform: rotateZ(75.6deg);
}
.nc-rec-progress[data-progress="22"] .progress-shape:after {
	transform: rotateZ(79.2deg);
}
.nc-rec-progress[data-progress="23"] .progress-shape:after {
	transform: rotateZ(82.8deg);
}
.nc-rec-progress[data-progress="24"] .progress-shape:after {
	transform: rotateZ(86.4deg);
}
.nc-rec-progress[data-progress="25"] .progress-shape:after {
	transform: rotateZ(90deg);
}
.nc-rec-progress[data-progress="26"] .progress-shape:after {
	transform: rotateZ(93.6deg);
}
.nc-rec-progress[data-progress="27"] .progress-shape:after {
	transform: rotateZ(97.2deg);
}
.nc-rec-progress[data-progress="28"] .progress-shape:after {
	transform: rotateZ(100.8deg);
}
.nc-rec-progress[data-progress="29"] .progress-shape:after {
	transform: rotateZ(104.4deg);
}
.nc-rec-progress[data-progress="30"] .progress-shape:after {
	transform: rotateZ(108deg);
}
.nc-rec-progress[data-progress="31"] .progress-shape:after {
	transform: rotateZ(111.6deg);
}
.nc-rec-progress[data-progress="32"] .progress-shape:after {
	transform: rotateZ(115.2deg);
}
.nc-rec-progress[data-progress="33"] .progress-shape:after {
	transform: rotateZ(118.8deg);
}
.nc-rec-progress[data-progress="34"] .progress-shape:after {
	transform: rotateZ(122.4deg);
}
.nc-rec-progress[data-progress="35"] .progress-shape:after {
	transform: rotateZ(126deg);
}
.nc-rec-progress[data-progress="36"] .progress-shape:after {
	transform: rotateZ(129.6deg);
}
.nc-rec-progress[data-progress="37"] .progress-shape:after {
	transform: rotateZ(133.2deg);
}
.nc-rec-progress[data-progress="38"] .progress-shape:after {
	transform: rotateZ(136.8deg);
}
.nc-rec-progress[data-progress="39"] .progress-shape:after {
	transform: rotateZ(140.4deg);
}
.nc-rec-progress[data-progress="40"] .progress-shape:after {
	transform: rotateZ(144deg);
}
.nc-rec-progress[data-progress="41"] .progress-shape:after {
	transform: rotateZ(147.6deg);
}
.nc-rec-progress[data-progress="42"] .progress-shape:after {
	transform: rotateZ(151.2deg);
}
.nc-rec-progress[data-progress="43"] .progress-shape:after {
	transform: rotateZ(154.8deg);
}
.nc-rec-progress[data-progress="44"] .progress-shape:after {
	transform: rotateZ(158.4deg);
}
.nc-rec-progress[data-progress="45"] .progress-shape:after {
	transform: rotateZ(162deg);
}
.nc-rec-progress[data-progress="46"] .progress-shape:after {
	transform: rotateZ(165.6deg);
}
.nc-rec-progress[data-progress="47"] .progress-shape:after {
	transform: rotateZ(169.2deg);
}
.nc-rec-progress[data-progress="48"] .progress-shape:after {
	transform: rotateZ(172.8deg);
}
.nc-rec-progress[data-progress="49"] .progress-shape:after {
	transform: rotateZ(176.4deg);
}
.nc-rec-progress[data-progress="50"] .progress-shape:after {
	transform: rotateZ(180deg);
}
.nc-rec-progress[data-progress="51"] .progress-shape:after {
	transform: rotateZ(183.6deg);
}
.nc-rec-progress[data-progress="52"] .progress-shape:after {
	transform: rotateZ(187.2deg);
}
.nc-rec-progress[data-progress="53"] .progress-shape:after {
	transform: rotateZ(190.8deg);
}
.nc-rec-progress[data-progress="54"] .progress-shape:after {
	transform: rotateZ(194.4deg);
}
.nc-rec-progress[data-progress="55"] .progress-shape:after {
	transform: rotateZ(198deg);
}
.nc-rec-progress[data-progress="56"] .progress-shape:after {
	transform: rotateZ(201.6deg);
}
.nc-rec-progress[data-progress="57"] .progress-shape:after {
	transform: rotateZ(205.2deg);
}
.nc-rec-progress[data-progress="58"] .progress-shape:after {
	transform: rotateZ(208.8deg);
}
.nc-rec-progress[data-progress="59"] .progress-shape:after {
	transform: rotateZ(212.4deg);
}
.nc-rec-progress[data-progress="60"] .progress-shape:after {
	transform: rotateZ(216deg);
}
.nc-rec-progress[data-progress="61"] .progress-shape:after {
	transform: rotateZ(219.6deg);
}
.nc-rec-progress[data-progress="62"] .progress-shape:after {
	transform: rotateZ(223.2deg);
}
.nc-rec-progress[data-progress="63"] .progress-shape:after {
	transform: rotateZ(226.8deg);
}
.nc-rec-progress[data-progress="64"] .progress-shape:after {
	transform: rotateZ(230.4deg);
}
.nc-rec-progress[data-progress="65"] .progress-shape:after {
	transform: rotateZ(234deg);
}
.nc-rec-progress[data-progress="66"] .progress-shape:after {
	transform: rotateZ(237.6deg);
}
.nc-rec-progress[data-progress="67"] .progress-shape:after {
	transform: rotateZ(241.2deg);
}
.nc-rec-progress[data-progress="68"] .progress-shape:after {
	transform: rotateZ(244.8deg);
}
.nc-rec-progress[data-progress="69"] .progress-shape:after {
	transform: rotateZ(248.4deg);
}
.nc-rec-progress[data-progress="70"] .progress-shape:after {
	transform: rotateZ(252deg);
}
.nc-rec-progress[data-progress="71"] .progress-shape:after {
	transform: rotateZ(255.6deg);
}
.nc-rec-progress[data-progress="72"] .progress-shape:after {
	transform: rotateZ(259.2deg);
}
.nc-rec-progress[data-progress="73"] .progress-shape:after {
	transform: rotateZ(262.8deg);
}
.nc-rec-progress[data-progress="74"] .progress-shape:after {
	transform: rotateZ(266.4deg);
}
.nc-rec-progress[data-progress="75"] .progress-shape:after {
	transform: rotateZ(270deg);
}
.nc-rec-progress[data-progress="76"] .progress-shape:after {
	transform: rotateZ(273.6deg);
}
.nc-rec-progress[data-progress="77"] .progress-shape:after {
	transform: rotateZ(277.2deg);
}
.nc-rec-progress[data-progress="78"] .progress-shape:after {
	transform: rotateZ(280.8deg);
}
.nc-rec-progress[data-progress="79"] .progress-shape:after {
	transform: rotateZ(284.4deg);
}
.nc-rec-progress[data-progress="80"] .progress-shape:after {
	transform: rotateZ(288deg);
}
.nc-rec-progress[data-progress="81"] .progress-shape:after {
	transform: rotateZ(291.6deg);
}
.nc-rec-progress[data-progress="82"] .progress-shape:after {
	transform: rotateZ(295.2deg);
}
.nc-rec-progress[data-progress="83"] .progress-shape:after {
	transform: rotateZ(298.8deg);
}
.nc-rec-progress[data-progress="84"] .progress-shape:after {
	transform: rotateZ(302.4deg);
}
.nc-rec-progress[data-progress="85"] .progress-shape:after {
	transform: rotateZ(306deg);
}
.nc-rec-progress[data-progress="86"] .progress-shape:after {
	transform: rotateZ(309.6deg);
}
.nc-rec-progress[data-progress="87"] .progress-shape:after {
	transform: rotateZ(313.2deg);
}
.nc-rec-progress[data-progress="88"] .progress-shape:after {
	transform: rotateZ(316.8deg);
}
.nc-rec-progress[data-progress="89"] .progress-shape:after {
	transform: rotateZ(320.4deg);
}
.nc-rec-progress[data-progress="90"] .progress-shape:after {
	transform: rotateZ(324deg);
}
.nc-rec-progress[data-progress="91"] .progress-shape:after {
	transform: rotateZ(327.6deg);
}
.nc-rec-progress[data-progress="92"] .progress-shape:after {
	transform: rotateZ(331.2deg);
}
.nc-rec-progress[data-progress="93"] .progress-shape:after {
	transform: rotateZ(334.8deg);
}
.nc-rec-progress[data-progress="94"] .progress-shape:after {
	transform: rotateZ(338.4deg);
}
.nc-rec-progress[data-progress="95"] .progress-shape:after {
	transform: rotateZ(342deg);
}
.nc-rec-progress[data-progress="96"] .progress-shape:after {
	transform: rotateZ(345.6deg);
}
.nc-rec-progress[data-progress="97"] .progress-shape:after {
	transform: rotateZ(349.2deg);
}
.nc-rec-progress[data-progress="98"] .progress-shape:after {
	transform: rotateZ(352.8deg);
}
.nc-rec-progress[data-progress="99"] .progress-shape:after {
	transform: rotateZ(356.4deg);
}
.nc-rec-progress[data-progress="100"] .progress-shape:after {
	transform: rotateZ(360deg);
}

/* stress */
/*v1 not in use*/
/*.rec-result-type-stress,
.rec-result-type-stress:before,
.rec-result-type-stress:after,
.rec-result-type-stress *,
.rec-result-type-stress *:before,
.rec-result-type-stress *:after {
	box-sizing: border-box;
}
.rec-result-type-stress {
	padding: 1rem;
}
.rec-result-type-stress p {
	margin: 0;
}
.rec-result-type-stress .stress-inner {
	max-width: 500px;
	margin: 0 auto;

}
.rec-result-type-stress .stress-box {
	background-color: #f1890e;
	border: 2px solid #f1890e;
	border-radius: .5rem;
	overflow: hidden;
}
.rec-result-type-stress .stress-box > .box-head {
	font-family: 'Arial', sans-serif;
	font-size: 2rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: .5rem 1rem;
}
.rec-result-type-stress .stress-box > .box-body {
	background-color: #fff9f2;
}
.rec-result-type-stress .stress-table-wrap {

}
.rec-result-type-stress .stress-table {
	border-collapse: collapse;
}
.rec-result-type-stress .stress-table th,
.rec-result-type-stress .stress-table td {
	text-align: center;
	vertical-align: middle;
	padding: 1.5rem .5rem;
}
.rec-result-type-stress .stress-table > thead {

}
.rec-result-type-stress .stress-table > thead > tr > th {
	position: relative;
	font-size: 2rem;
}
.rec-result-type-stress .stress-table > thead > tr > th:first-child {
	width: 20%;
}
.rec-result-type-stress .stress-table > thead > tr > th:nth-child(n+3):before {
	content: '-';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(-50%, -50%);
}
.rec-result-type-stress .stress-table > tbody {

}
.rec-result-type-stress .stress-table .stress-circle {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	background-color: #ccc;
	border-radius: 50%;
}
.rec-result-type-stress .stress-table .stress-circle.red {
	background-color: #fe3b43;
}
.rec-result-type-stress .stress-table .stress-circle.green {
	background-color: #1ac69e;
}
.rec-result-type-stress .stress-table .stress-circle.big {
	width: 2.5rem;
	height: 2.5rem;
}*/

/* stress - v2 */
.rec-result-type-stress,
.rec-result-type-stress:before,
.rec-result-type-stress:after,
.rec-result-type-stress *,
.rec-result-type-stress *:before,
.rec-result-type-stress *:after {
	box-sizing: border-box;
}
.rec-result-type-stress {
	padding: 1rem;
}
.rec-result-type-stress p {
	margin: 0;
}
.rec-result-type-stress .stress-inner {
	max-width: 500px;
	margin: 0 auto;
}
.rec-result-type-stress .stress-box {
	background-color: #f1890e;
	border: 2px solid #f1890e;
	border-radius: .5rem;
	overflow: hidden;
}
.rec-result-type-stress .stress-box > .box-head {
	font-family: 'Arial', sans-serif;
	font-size: 2rem;
	line-height: 1.5;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: .5rem 1rem;
}
.rec-result-type-stress .stress-box > .box-body {
	background-color: #fff9f2;
	padding: 1rem 0;
}
.rec-result-type-stress .stress-data-list-wrap {

}
.rec-result-type-stress .stress-data-list {
	position: relative;
	display: flex;
	align-items: stretch;
	justify-content: center;
}
.rec-result-type-stress .stress-data-list.long-word {
	padding-left: 6rem;
}
.rec-result-type-stress .stress-data-list > li {
	background: none !important;
}
.rec-result-type-stress .stress-data-list > li:nth-child(1) {
	position: absolute;
	top: 0;
	left: 0;
}
.rec-result-type-stress .stress-data-list.long-word > li:nth-child(1) {
	/*position: static;*/
}
.rec-result-type-stress .stress-data-list > li > .sub-list-1 {

}
.rec-result-type-stress .stress-data-list > li > .sub-list-1 > li {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 1rem;
	background: none !important;
}
.rec-result-type-stress .stress-data-list > li > .sub-list-1 > li:nth-child(1) {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	height: 4rem;
}
.rec-result-type-stress .stress-data-list > li:nth-child(n+3) > .sub-list-1 > li:nth-child(1):before {
	content: '-';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(-50%, -50%);
}
.rec-result-type-stress .stress-data-list > li > .sub-list-1 > li:nth-child(n+2) {
	height: 3rem;
}
.rec-result-type-stress .stress-data-list .stress-circle {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	background-color: #ccc;
	border-radius: 50%;
}
.rec-result-type-stress .stress-data-list .stress-circle.red {
	background-color: #fe3b43;
}
.rec-result-type-stress .stress-data-list .stress-circle.green {
	background-color: #1ac69e;
}
.rec-result-type-stress .stress-data-list .stress-circle.big {
	width: 2.5rem;
	height: 2.5rem;
}

/* NJ-3716 / NJ-3613 : intonation */
.rec-result-type-intonation,
.rec-result-type-intonation:before,
.rec-result-type-intonation:after,
.rec-result-type-intonation *,
.rec-result-type-intonation *:before,
.rec-result-type-intonation *:after {
	box-sizing: border-box;
}
.rec-result-type-intonation {
	padding: 1rem;
}
.rec-result-type-intonation p {
	font-size: inherit;
	line-height: inherit;
	margin: 0;
}
.rec-result-type-intonation .intonation-inner {
	max-width: 500px;
	margin: 0 auto;
}
.rec-result-type-intonation .intonation-box {
	background-color: #f1890e;
	border: 2px solid #f1890e;
	border-radius: .5rem;
	overflow: hidden;
}
.rec-result-type-intonation .intonation-box > .box-head {
	font-family: 'Arial', sans-serif;
	font-size: 2rem;
	line-height: 1.5;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: .5rem 1rem;
}
.rec-result-type-intonation .intonation-box > .box-body {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff9f2;
	padding: 1rem 1rem 2.5rem;
}
.rec-result-type-intonation .intonation-data-list-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: -2rem;
}
.rec-result-type-intonation .intonation-data-list {
	position: relative;
	display: flex;
	align-items: stretch;
	justify-content: center;
	flex-wrap: wrap;
	width: auto;
}
.rec-result-type-intonation .intonation-data-list > li {
	background: none !important;
}
.rec-result-type-intonation .intonation-data-list > li:nth-child(1) {
	padding-right: 2rem;
}
.rec-result-type-intonation .intonation-data-list > li > .sub-list-1 {
	padding-top: 2rem;
}
.rec-result-type-intonation .intonation-data-list > li > .sub-list-1 > li {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	background: none !important;
}
.rec-result-type-intonation .intonation-data-list > li > .sub-list-1 > li:nth-child(1) {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	font-size: 1.8rem;
	line-height: 1;
	text-align: center;
	height: 3rem;
}
.rec-result-type-intonation .intonation-data-list > li > .sub-list-1 > li:nth-child(n+2) {
	height: 4rem;
}
.rec-result-type-intonation .intonation-data-list > li:nth-child(n+2) > .sub-list-1 > li:nth-child(n+2) {
	
}
.rec-result-type-intonation .intonation-data-list > li > .sub-list-1 .word {
	display: block;
	padding: 0 .5rem;
}
.rec-result-type-intonation .intonation-data-list > li > .sub-list-1 .word.green {
	color: #1ac69e;
}
.rec-result-type-intonation .intonation-data-list > li > .sub-list-1 .word.red {
	color: #fe3b43;
}
.rec-result-type-intonation .intonation-data-list > li > .sub-list-1 .intonation-line {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(
		0deg, rgba(204,2045,204,1) 0%,
		rgba(204,2045,204,1) .2rem,
		transparent .2rem,
		transparent 100%
	);
}
.rec-result-type-intonation .intonation-data-list > li > .sub-list-1 .intonation-line.green {
	background: linear-gradient(
		0deg, rgba(26,198,158,1) 0%,
		rgba(26,198,158,1) .2rem,
		transparent .2rem,
		transparent 100%
	);
}
.rec-result-type-intonation .intonation-data-list > li > .sub-list-1 .intonation-line.red {
	background: linear-gradient(
		0deg, rgba(254,59,67,1) 0%,
		rgba(254,59,67,1) .2rem,
		transparent .2rem,
		transparent 100%
	);
}
.rec-result-type-intonation .intonation-data-list > li > .sub-list-1 .intonation-line.peak:after {
	content: '';
	display: block;
	position: absolute;
	width: 2.6rem;
	height: 2.6rem;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.rec-result-type-intonation .intonation-data-list > li > .sub-list-1 .intonation-line.green.peak:after {
	background-image: url(../images/chat-rec/intonation-peak-green.svg);
}
.rec-result-type-intonation .intonation-data-list > li > .sub-list-1 .intonation-line.red.peak:after {
	background-image: url(../images/chat-rec/intonation-peak-red.svg);
}

/* NJ-3716 / NJ-3613 : intonation (version 2) */
.rec-result-type-intonation-v2,
.rec-result-type-intonation-v2:before,
.rec-result-type-intonation-v2:after,
.rec-result-type-intonation-v2 *,
.rec-result-type-intonation-v2 *:before,
.rec-result-type-intonation-v2 *:after {
	box-sizing: border-box;
}
.rec-result-type-intonation-v2 {
	padding: 1rem;
}
.rec-result-type-intonation-v2 p,
.rec-result-type-intonation-v2 span,
.rec-result-type-intonation-v2 i {
	font-size: inherit;
	line-height: inherit;
	font-style: normal;
	margin: 0;
}
.rec-result-type-intonation-v2 .intonation-inner {
	max-width: 500px;
	margin: 0 auto;
}
.rec-result-type-intonation-v2 .intonation-box {
	background-color: #f1890e;
	border: 2px solid #f1890e;
	border-radius: .5rem;
	overflow: hidden;
}
.rec-result-type-intonation-v2 .intonation-box > .box-head {
	font-family: 'Arial', sans-serif;
	font-size: 2rem;
	line-height: 1.5;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: .5rem 1rem;
}
.rec-result-type-intonation-v2 .intonation-box > .box-body {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff9f2;
	padding: 1rem 3rem 2.5rem;
}
.rec-result-type-intonation-v2 .intonation-data-list-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: -2rem;
}
.rec-result-type-intonation-v2 .intonation-data-list {
	position: relative;
	display: flex;
	align-items: stretch;
	justify-content: center;
	flex-wrap: wrap;
	width: auto;
}
.rec-result-type-intonation-v2 .intonation-data-list > li {
	background: none !important;
}
.rec-result-type-intonation-v2 .intonation-data-list > li:nth-child(1) {
	padding-right: 2rem;
}
.rec-result-type-intonation-v2 .intonation-data-list > li > .sub-list-1 {
	padding-top: 2.5rem;
}
.rec-result-type-intonation-v2 .intonation-data-list > li > .sub-list-1 > li {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	background: none !important;
}
.rec-result-type-intonation-v2 .intonation-data-list > li > .sub-list-1 > li:nth-child(1) {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	font-size: 1.8rem;
	line-height: 1;
	text-align: center;
	height: 3rem;
}
.rec-result-type-intonation-v2 .intonation-data-list > li > .sub-list-1 > li:nth-child(n+2) {
	height: 3.5rem;
}
.rec-result-type-intonation-v2 .intonation-data-list > li:nth-child(n+2) > .sub-list-1 > li:nth-child(n+2) {
	
}
.rec-result-type-intonation-v2 .intonation-data-list > li > .sub-list-1 .word {
	display: block;
	font-size: 1.8rem;
	line-height: 1;
	color: #1ac69e;
	padding: 0 .5rem;
}
.rec-result-type-intonation-v2 .intonation-data-list > li > .sub-list-1 .word > i.green {
	color: #1ac69e;
}
.rec-result-type-intonation-v2 .intonation-data-list > li > .sub-list-1 .word > i.red {
	color: #fe3b43;
}
.rec-result-type-intonation-v2 .intonation-data-list > li > .sub-list-1 .intonation-line {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: transparent;
	font-size: 1.8rem;
	line-height: 1.5;
	background: linear-gradient(
		0deg, rgba(26,198,158,1) 0%,
		rgba(26,198,158,1) .2rem,
		transparent .2rem,
		transparent 100%
	);
	/* no select */
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none;
}
.rec-result-type-intonation-v2 .intonation-data-list > li > .sub-list-1 .intonation-line > i.line {
	display: inline-block;
}
.rec-result-type-intonation-v2 .intonation-data-list > li > .sub-list-1 .intonation-line > i.line.green {
	background: linear-gradient(
		0deg, rgba(26,198,158,1) 0%,
		rgba(26,198,158,1) .2rem,
		transparent .2rem,
		transparent 100%
	);
}
.rec-result-type-intonation-v2 .intonation-data-list > li > .sub-list-1 .intonation-line > i.line.red {
	background: linear-gradient(
		0deg, rgba(254,59,67,1) 0%,
		rgba(254,59,67,1) .2rem,
		transparent .2rem,
		transparent 100%
	);
}
.rec-result-type-intonation-v2 .intonation-data-list > li > .sub-list-1 .intonation-line > i.peak {
	display: inline-block;
	position: relative;
}
.rec-result-type-intonation-v2 .intonation-data-list > li > .sub-list-1 .intonation-line > i.peak:after {
	content: '';
	display: block;
	position: absolute;
	width: 2.6rem;
	height: 2.6rem;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.rec-result-type-intonation-v2 .intonation-data-list > li > .sub-list-1 .intonation-line > i.peak.green:after {
	background-image: url(../images/chat-rec/intonation-peak-green.svg);
}
.rec-result-type-intonation-v2 .intonation-data-list > li > .sub-list-1 .intonation-line > i.peak.red:after {
	background-image: url(../images/chat-rec/intonation-peak-red.svg);
}

.rec-result-type-audio,
.rec-result-type-audio:before,
.rec-result-type-audio:after,
.rec-result-type-audio *,
.rec-result-type-audio *:before,
.rec-result-type-audio *:after {
	box-sizing: border-box;
}
.rec-result-type-audio p {
	font-size: inherit;
	line-height: inherit;
}
.rec-result-type-audio {
	padding: 1rem;
}
.rec-result-type-audio .rec-result-type-audio-inner {
	padding: 2rem;
	background-color: #F4F5F8;
	border-radius: .5rem;
	max-width: 50rem;
	margin: 0 auto;
}
.rec-result-type-audio .basic-info {
	font-size: 1.5rem;
	line-height: 1.6;
}
.rec-result-type-audio .btn-area {
	margin-top: 1rem;
}
.rec-result-type-audio .btn-area .area-inner {
	text-align: center;
}
.rec-result-type-audio .audio-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 1.5rem;
	line-height: 1.6;
	font-weight: bold;
	color: #fff;
	background-color: #1EC568;
	padding: 0 2.5rem;
	width: 100%;
	max-width: 26rem;
	height: 5rem;
	border: none;
	border-radius: 100rem;
	transition: all .2s ease-in-out;
}
.rec-result-type-audio .audio-btn:hover {
	background-color: #00bf56;
}
.rec-result-type-audio .audio-btn.disabled {
	pointer-events: none;
	background-color: #E4E4E4;
}