@font-face {
	font-family: 'local noto sans jp';
	src: local('noto sans jp');
}

.post-content .micron-profile {
	padding-block: 32px;
	padding-inline: 24px;
	display: grid;
	position: relative;
	z-index: 1;
}

.post-content .micron-profile::before {
	content: '';
	position: absolute;
	inset: 16px 0;
	z-index: 1;
	background-color: #f0f8ff;
}

.post-content .micron-profile .micron-profile-image {
	margin-inline: auto;
	border-radius: 100%;
	width: 160px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.post-content .micron-profile .micron-profile-image img {
	aspect-ratio: 1/1;
	-o-object-fit: cover;
	object-fit: cover;
}

.post-content .micron-profile .micron-profile-text {
	position: relative;
	z-index: 1;
}

.post-content .micron-profile .micron-profile-text .micron-profile-name {
	margin-block: 0;
	padding-block-start: 24px;
	line-height: 1.4;
	font-size: 1.25rem;
}

.post-content .micron-profile .micron-profile-text .micron-profile-name::before,
.post-content .micron-profile .micron-profile-text .micron-profile-name::after {
	display: none;
}

@media screen and (max-width: 767px) {

	.post-content .micron-profile {
		row-gap: 16px;
	}

	.post-content .micron-profile .micron-profile-text .micron-profile-name {
		padding-block-end: 12px;
	}
}

@media screen and (min-width: 768px) {

	.post-content .micron-profile {
		grid-template-columns: 160px auto;
		align-items: start;
		-moz-column-gap: 24px;
		column-gap: 24px;
	}

	.post-content .micron-profile .micron-profile-text .micron-profile-name {
		padding-block-end: 16px;
	}
}

@media print {

	.post-content .micron-profile {
		grid-template-columns: 160px auto;
		align-items: start;
		-moz-column-gap: 24px;
		column-gap: 24px;
	}

	.post-content .micron-profile .micron-profile-text .micron-profile-name {
		padding-block-end: 16px;
	}
}