#box{
	max-width:890px;
}

.qn{
	width:85px;
	height:85px;
	background:#ff93a0;
	color:#fff;
	border-radius:50%;
	text-align:center;
}

.qn span{
	font-size:12px;
	display:block;
}

#box>div{
	counter-increment:sample;
}

#box>div:first-child{
	margin-top:40px;
}

#box>div:last-child{
	margin-bottom:40px;
}

.qn>div::after{
	content:"0" counter(sample);
	font-size:30px;
	line-height:1em;
}

.q-bx{
	border-left:1px dashed #ff93a0;
	padding-left:42px;
	margin-left:42px;
}

.qu::before{
	content:url(../img/question/bk-1.png);
	padding-right:10px;
}

.qu,
.an{
	flex-wrap:nowrap;
}

.qu{
	margin-bottom:15px;
}

.qu h2{
	font-size:16px;
	color:#ff93a0;
}

.an::after{
	content:url(../img/question/bk-2.png);
	padding-left:10px;
}

.an>div{
	background:#f4eadf;
	padding:15px;
	margin-right:10px;
	border-radius:10px;
	position:relative;
}

.an>div::after{
	content:"";
	border:10px solid transparent;
	border-left-color:#f4eadf;
	margin:auto;
	right:-20px;
	top:0;
	bottom:0;
	height:0;
	position:absolute
}

.an b{
	color:#fe9000;
	font-size:16px;
}

.bn{
	border:0;
}

/**/

@media(max-width:600px){

.q-bx{
	border-left:0;
	padding-left:0px;
	margin-left:0px;
}

.qn{
	width:75px;
	height:75px;
	margin:15px auto;
}

.qn>div::after{
	font-size:16px;
}

.an b,
.qu h2{
	font-size:14px;
}

.an>div{
	padding:10px;
}

}