@charset "UTF-8";
body {
	background-color: #fbf9f3;
}
/* -------------------------------- */
.achievements-content {
    padding: 110px 5% 200px;
}
.achievements-content__inner {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
    max-width: 1200px;
    margin: 0 auto;
	padding: 72px 100px 100px;
	background-color: #fff;
	box-shadow: 5px 5px 5px 0 rgba(0,0,0,.05);
	border-radius: 10px;
}
.achievements-content__date {
	position: absolute;
	top: -10px;
	left: 100px;
	font-size: 14px;
	font-weight: 500;
	line-height: 26px;
	letter-spacing: .05em;
}
.achievements-content__date span {
	font-size: 60px;
}
.achievements-content h2 {
	font-size: 32px;
	font-weight: bold;
	font-family: "Zen Maru Gothic", serif;
	line-height: 48px;
	letter-spacing: .05em;
}
.achievements-content__visual {
	width: 100%;
	margin-top: 48px;
	margin-bottom: 60px;
	aspect-ratio: 1/.669;
	border-radius: 10px;
	overflow: hidden;
}
.achievements-content__visual img {
	height: 100%;
	object-fit: cover;
}
.achievements-content__text img {
	/* max-width: 500px; */
	border-radius: 10px;
	overflow: hidden;
}
.achievements-content h3 {
	width: 100%;
	/* margin-top: 60px; */
	padding: 8px 14px;
	background-color: #857868;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	font-family: "Zen Maru Gothic", serif;
	line-height: 42px;
	letter-spacing: .05em;
	border-radius: 10px;
}
.achievements-content h4 {
	display: flex;
	align-items: flex-start;
}
.achievements-content h4 span {
	/* margin-top: 60px; */
	padding-bottom: 15px;
	font-size: 24px;
	font-weight: bold;
	font-family: "Zen Maru Gothic", serif;
	line-height: 42px;
	letter-spacing: .05em;
	border-bottom: 3px dotted #3f342d;
}
.achievements-content p {
	/* margin-top: 30px; */
	font-size: 18px;
	font-weight: 500;
	line-height: 36px;
	letter-spacing: .05em;
}
.achievements__pagenation {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 30px;
	margin-top: 148px;
}
.achievements__prev {
	position: absolute;
	top: 50%;
	left: calc(50% - 245px);
	transform: translate(-50%,-50%);
}
.achievements__prev.next {
	left: calc(50% + 215px);
}
.achievements__prev a {
	display: flex;
	align-items: center;
	gap: 0 10px;
	color: #3f342d;
	font-size: 14px;
	font-weight: 500;
	line-height: 26px;
	letter-spacing: .1em;
	white-space: nowrap;
}
.achievements__prev a.disable {
	opacity: .5;
}
.achievements__prev a span {
	padding-bottom: 2px;
	border-bottom: 1px solid #3f342d;
}
.achievements__button {
	position: relative;
}
.achievements__button-obj {
	position: absolute;
	top: -88px;
	left: -25px;
	width: 100%;
	max-width: 122px;
}
.achievements__button a {
	position: relative;
	display: block;
	width: 300px;
	height: 70px;
	background-color: #1f8d61;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 70px;
	text-align: center;
	border-radius: 99rem;
}
.achievements__button a:hover {
	opacity: .5;
	transition: .3s;
}
.achievements__button a::after {
	position: absolute;
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	top: 50%;
	right: 35px;
	transform: translate(0, -50%);
	color: #fff;
	font-size: 16px;
	font-weight: 900;
}
@media screen and (max-width: 767px) {
	.achievements-content {
		padding: 50px 5% 145px;
	}
	.achievements-content__inner {
		padding: 40px 15px 20px;
	}
	.achievements-content__date {
		top: -25px;
		left: 15px;
		font-size: 14px;
		line-height: 1.7;
		letter-spacing: .05em;
	}
	.achievements-content__date span {
		font-size: 40px;
	}
	.achievements-content h2 {
		font-size: 24px;
		line-height: 1.7;
		letter-spacing: .05em;
	}
	.achievements-content__visual {
		margin-top: 20px;
		margin-bottom: 30px;
	}
	.achievements-content h3 {
		/* margin-top: 30px; */
		padding: 8px 14px;
		font-size: 20px;
		line-height: 1.5;
		letter-spacing: .05em;
	}
	.achievements-content h4 span {
		/* margin-top: 30px; */
		padding-bottom: 15px;
		font-size: 18px;
		line-height: 1.7;
		letter-spacing: .05em;
		border-bottom: 3px dotted #3f342d;
	}
	.achievements-content p {
		/* margin-top: 30px; */
		font-size: 16px;
		line-height: 1.7;
		letter-spacing: .05em;
	}
	.achievements__pagenation {
		flex-direction: column;
		gap: 0 30px;
		margin-top: 120px;
	}
	.achievements__prev-flex {
		display: flex;
		gap: 0 30px;
		margin-top: 30px;
	}
	.achievements__prev {
		position: relative;
		top: initial;
		left: initial;
		transform: initial;
	}
	.achievements__prev.next {
		left: initial;
	}
	.achievements__prev a {
		display: flex;
		align-items: center;
		gap: 0 10px;
		color: #3f342d;
		font-size: 14px;
		font-weight: 500;
		line-height: 26px;
		letter-spacing: .1em;
		white-space: nowrap;
	}
	.achievements__prev a span {
		padding-bottom: 2px;
		border-bottom: 1px solid #3f342d;
	}
	.achievements__button {
		position: relative;
	}
	.achievements__button-obj {
		position: absolute;
		top: -88px;
		left: -25px;
		width: 100%;
		max-width: 122px;
	}
	.achievements__button a {
		position: relative;
		display: block;
		width: 300px;
		height: 70px;
		background-color: #1f8d61;
		color: #fff;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: .1em;
		line-height: 70px;
		text-align: center;
		border-radius: 99rem;
	}
	.achievements__button a:hover {
		opacity: .5;
		transition: .3s;
	}
	.achievements__button a::after {
		position: absolute;
		content: "\f054";
		font-family: "Font Awesome 5 Free";
		top: 50%;
		right: 35px;
		transform: translate(0, -50%);
		color: #fff;
		font-size: 16px;
	}
}