.user-info__name {
	font-size: 3rem;
	font-weight: bold;
}

.user-info__blogger {
	margin-top: 8px;
	font-size: 1.2rem;
}

.user-info__blogger .icon {
	width: 16px;
	height: 16px;
	margin-right: 4px;
	border-radius: 50%;
	vertical-align: middle;
	overflow: hidden;
	text-align: center;
	line-height: 16px;
	font-size: 1rem;
}

.user-info__blogger--official {
	color: #58b8ef;
}

.user-info__blogger--official .icon--official {
	background-color: #58b8ef;
	color: #fff;
}

.user-info__blogger--popular {
	color: #fe9019;
}

.user-info__blogger--popular .icon--popular {
	background-color: #fe9019;
	color: #fff;
}

.user-info__blogger-text {
	vertical-align: middle;
}

.user-info__intro {
	margin-top: 24px;
	line-height: 1.5;
	overflow: hidden;
}

.user-info__link {
	text-decoration: none;
	color: #298538;
}

.user-info__link:hover {
	opacity: 0.8;
}

.user-info__intro+.user-info__detail {
	margin-top: 40px;
}

.user-info__detail {
	margin-top: 24px;
}

.user-info__list {
	width: 50%;
	float: left;
}

.user-info__list--job {
	min-width: 50%;
	width: inherit;
}

.user-info__list:nth-of-type(n + 3) {
	margin-top: 12px
}

.user-info__term {
	margin-right: 24px;
	float: left;
	font-weight: bold;
}

.user-info__value--job {
	display: table-cell;
}

.user-info__sub-value:first-of-type {
	margin-right: 8px;
}