.user-info__name {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.3;
}

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

.user-info__blogger-list {
	display: flex;
	margin-top: 8px;
}

.user-info__blogger-item {
	padding-inline: 16px;
	position: relative;
}

.user-info__blogger-item::after {
	border-right: solid 1px var(--color-border-medium-emphasis);
	content: '';
	height: 11px;
	margin: auto;
	position: absolute;
	bottom: 0;
	top: 0;
	right: 0;
}

.user-info__blogger-item:first-child {
	padding-left: 0;
}

.user-info__blogger-item:last-child {
	padding-right: 0;
}

.user-info__blogger-item:last-child::after {
	border-right: none;
}

.user-info__blogger-icon {
	margin-right: 4px;
	border-radius: 50%;
	vertical-align: -0.2em;
}

.user-info__blogger-link {
	color: var(--color-text-medium-emphasis);
	display: block;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.3;
	vertical-align: middle;
	text-decoration: none;
	padding-block: 8px;
}

.user-info__blogger-link:hover {
	text-decoration: underline;
}

.user-info__intro {
	color: var(--color-text-medium-emphasis);
	margin-top: 40px;
	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;
	line-height: 1.3;
	color: var(--color-text-medium-emphasis);
}

.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 {
	font-size: 1.4rem;
}

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

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