#index_page {
	max-width: 988px;
	padding-left: 1em;
	padding-right: 1em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3em;
	.section_title {
		.en_title {
			margin: 0;
			font-size: calc(14 / var(--root-font-size) * 1rem);
			font-family: 'Montserrat', sans-serif;
			display: flex;
			gap: 0.5em;
			&:before {
				content: '■';
				color: var(--theme-color);
			}
		}
		.jp_title {
			margin-top: 0.5em;
			font-size: calc(35 / var(--root-font-size) * 1rem);
		}
	}
	.description {
		line-height: 1.8em;
	}
	.category {
		padding: 0.25em 1em;
		border-radius: 9999px;
		border: 1px solid;
		font-size: calc(10 / var(--root-font-size) * 1rem);
	}
	.posts {
		flex: 2;
		border-top: 1px solid #adadad;
		.post {
			border-bottom: 1px solid #adadad;
			padding: 1em 0;
		}
		.wrap {
			display: flex;
			align-items: center;
			gap: 1em;
			p {
				margin: 0;
			}
		}
		.title {
			margin-bottom: 0;
			a {
				text-decoration: none;
				display: flex;
				align-items: center;
				justify-content: space-between;
				&:after {
					content: '';
					background-image: url("../images/front-page/arrow.svg");
					width: 1em;
					height: 1em;
					background-repeat: no-repeat;
					background-size: contain;
					background-position: center;
				}
			}
		}
	}
	.nav-links {
		margin-top: 3em;
		display: flex;
		gap: 0.5em;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		.page-numbers:not(.dots) {
			font-size: calc(20 / var(--root-font-size) * 1rem);
			padding: 0.5em;
			color: #fff;
			text-decoration: none;
			background-color: #d8d8d8;
			&.current, &:hover {
				background-color: var(--theme-color);
			}
		}
	}
	.single-wrap {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.content {
		line-height: 1.8em;
	}
	.return {
		margin-top: 2em;
		text-align: right;
	}
}