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

.post-content .micron-schedule {
	padding-block: 16px;
}

.post-content .micron-schedule .micron-schedule-inner {
	background-color: #f0f8ff;
}

.post-content .micron-schedule .micron-schedule-title {
	margin-block-end: 24px;
	text-align: center;
}

.post-content .micron-schedule .micron-schedule-content {
	margin-block: 0;
	padding-inline-start: 0;
	display: grid;
	row-gap: 16px;
	list-style-type: '';
}

.post-content .micron-schedule .micron-schedule-content p {
	padding-block: 0;
}

.post-content .micron-schedule .micron-schedule-content > li {
	padding-block: 16px;
	border-radius: 8px;
	background-color: #fff;
	display: grid;
	grid-template-columns: subgrid;
	grid-column: span 2;
	row-gap: 8px;
}

.post-content .micron-schedule .micron-schedule-content > li:first-child .micron-schedule-item-time::after {
	top: 50%;
	height: calc(50% + 16px + 16px);
}

.post-content .micron-schedule .micron-schedule-content > li:last-child .micron-schedule-item-time::after {
	top: auto;
	bottom: 50%;
	height: calc(50% + 16px + 16px);
}

.post-content .micron-schedule .micron-schedule-item-title {
	grid-column: 2/3;
	grid-row: 1/2;
	color: #005baa;
	font-weight: 700;
}

.post-content .micron-schedule .micron-schedule-item-time {
	align-self: stretch;
	grid-column: 1/2;
	grid-row: 1/3;
	display: grid;
	align-items: center;
	color: #005baa;
	font-weight: 700;
	position: relative;
	z-index: 1;
}

.post-content .micron-schedule .micron-schedule-item-time::before,
.post-content .micron-schedule .micron-schedule-item-time::after {
	content: '';
	position: absolute;
	background-color: #293855;
}

.post-content .micron-schedule .micron-schedule-item-time::before {
	top: 50%;
	transform: translateY(-50%);
	border-radius: 100%;
	width: 9px;
	height: 9px;
}

.post-content .micron-schedule .micron-schedule-item-time::after {
	top: -16px;
	width: 1px;
	height: calc(100% + 32px + 16px);
}

.post-content .micron-schedule .micron-schedule-item-detail {
	grid-column: 2/3;
	grid-row: 2/3;
	line-height: 1.5714285714;
	font-size: 0.875rem;
}

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

	.post-content .micron-schedule .micron-schedule-inner {
		padding-block: 40px;
		padding-inline: 24px;
	}

	.post-content .micron-schedule .micron-schedule-title {
		line-height: 1.4090909091;
		font-size: 1.375rem;
	}

	.post-content .micron-schedule .micron-schedule-content > li {
		padding-inline: 16px;
		-moz-column-gap: 41px;
		column-gap: 41px;
	}

	.post-content .micron-schedule .micron-schedule-item-title {
		line-height: 1.375;
		font-size: 1rem;
	}

	.post-content .micron-schedule .micron-schedule-item-time {
		line-height: 1.4090909091;
		font-size: 1.375rem;
		text-align: right;
	}

	.post-content .micron-schedule .micron-schedule-item-time::before {
		left: calc(100% + 20.5px - 4.5px);
	}

	.post-content .micron-schedule .micron-schedule-item-time::after {
		left: calc(100% + 20.5px);
	}
}

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

	.post-content .micron-schedule .micron-schedule-inner {
		padding-block: 40px;
		padding-inline: 40px;
	}

	.post-content .micron-schedule .micron-schedule-title {
		line-height: 1.4166666667;
		font-size: 1.5rem;
	}

	.post-content .micron-schedule .micron-schedule-content > li {
		padding-inline: 24px;
		-moz-column-gap: 57px;
		column-gap: 57px;
	}

	.post-content .micron-schedule .micron-schedule-item-title {
		line-height: 1.3888888889;
		font-size: 1.125rem;
	}

	.post-content .micron-schedule .micron-schedule-item-time {
		line-height: 1.4166666667;
		font-size: 1.5rem;
		text-align: center;
	}

	.post-content .micron-schedule .micron-schedule-item-time::before {
		left: calc(100% + 28.5px - 4.5px);
	}

	.post-content .micron-schedule .micron-schedule-item-time::after {
		left: calc(100% + 28.5px);
	}
}

@media print {

	.post-content .micron-schedule .micron-schedule-inner {
		padding-block: 40px;
		padding-inline: 40px;
	}

	.post-content .micron-schedule .micron-schedule-title {
		line-height: 1.4166666667;
		font-size: 1.5rem;
	}

	.post-content .micron-schedule .micron-schedule-content > li {
		padding-inline: 24px;
		-moz-column-gap: 57px;
		column-gap: 57px;
	}

	.post-content .micron-schedule .micron-schedule-item-title {
		line-height: 1.3888888889;
		font-size: 1.125rem;
	}

	.post-content .micron-schedule .micron-schedule-item-time {
		line-height: 1.4166666667;
		font-size: 1.5rem;
		text-align: center;
	}

	.post-content .micron-schedule .micron-schedule-item-time::before {
		left: calc(100% + 28.5px - 4.5px);
	}

	.post-content .micron-schedule .micron-schedule-item-time::after {
		left: calc(100% + 28.5px);
	}
}