#page-top .post-intro .posts-grid {
	display: grid;
	gap: min(6px, 0.4167vw) min(80px, 5.5556vw);
	grid-template-columns: 1fr 35.61%;
}

#page-top .post-intro .post .img .category {
	font-family: "Lexend Deca", sans-serif;
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	display: block;
	border-radius: 0 min(24px, 1.6667vw) 0 0;
	background-color: #6969dd;
	font-weight: 700;
	font-size: min(16px, 1.1111vw);
	min-width: min(148px, 10.2778vw);
	padding: min(17px, 1.1806vw) min(34px, 2.3611vw) min(15px, 1.0417vw);
	text-align: center;
	line-height: 1;
}

#page-top .post-intro .post .img .category.gray {
	background-color: #707070;
}

#page-top .post-intro .post .img .category.yellow {
	background-color: #c7a659;
}

#page-top .post-intro .post:first-child .img .category {
	font-size: min(20px, 1.3889vw);
	padding: min(22px, 1.5278vw) min(47px, 3.2639vw) min(20px, 1.3889vw);
}

#page-top .post-intro .post .data {
	padding: min(11px, 0.7639vw) min(8px, 0.5556vw) min(11px, 0.7639vw) min(12px, 0.8333vw);
}

#page-top .post-intro .post:first-child .data {
	padding: min(25px, 1.7361vw) 0 min(11px, 0.7639vw);
}

#page-top .post-intro .post .post-title {
	margin-block: max(-1px, -0.0694vw) min(6px, 0.4167vw);
}

#page-top .post-intro .post:first-child .post-title {
	font-size: min(24px, 1.6667vw);
	line-height: 1.65;
	margin-block: max(-3px, -0.2083vw) min(7px, 0.4861vw);
}

#page-top .post-intro .post:first-child {
	grid-row: 1 / span 2;
}

/*  */
#page-top .sc-about {
	padding-top: min(85px, 5.9028vw);
}
#page-top .sc-about .box {
	border-radius: min(26px, 1.8056vw);
	background-color: #fff;
	border: 1px solid #000;
	overflow: hidden;
	display: grid;
	grid-template-columns: 1fr 44.5%;
	padding: min(77px, 5.3472vw) min(39px, 2.7083vw) min(38px, 2.6389vw) min(63px, 4.375vw);
	gap: min(28px, 1.9444vw) min(20px, 1.3889vw);
}

#page-top .sc-about .title {
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	column-gap: min(13px, 0.9028vw);
}

#page-top .sc-about .title::before {
	content: "";
	display: block;
	width: min(19px, 1.3194vw);
	border-top: min(7px, 0.4861vw) solid #f88c8c;
}

#page-top .sc-about .title .en {
	font-size: min(24px, 1.6667vw);
	font-weight: 700;
	font-family: "Lexend Deca", sans-serif;
}

#page-top .sc-about .title .ja {
	font-size: min(18px, 1.25vw);
	font-weight: 700;
	margin-left: min(9px, 0.625vw);
	position: relative;
	top: max(-1px, -0.0694vw);
}

#page-top .sc-about .imgs {
	display: flex;
	align-items: center;
	column-gap: min(47px, 3.2639vw);
	padding-left: min(10px, 0.6944vw);
	padding-top: min(4px, 0.2778vw);
	position: relative;
}

#page-top .sc-about .imgs .bg {
	position: absolute;
	width: min(232px, 16.1111vw);
	top: -38%;
	left: -11%;
}

#page-top .sc-about .imgs .img-person {
	max-width: min(143px, 9.9306vw);
	aspect-ratio: 1 / 1;
	border-radius: 999px;
	border: 1px solid #000;
	flex-shrink: 0;
	position: relative;
	z-index: 2;
}

#page-top .sc-about .imgs .img-text {
	margin-top: max(-34px, -2.3611vw);
	position: relative;
	z-index: 2;
}

#page-top .sc-about .imgs .img-text img {
	max-width: min(444px, 30.8333vw);
}

#page-top .sc-about .imgs .slogan {
	font-size: min(23px, 1.5972vw);
	font-weight: 700;
	font-family: "Caveat", cursive;
	letter-spacing: min(2.27px, 0.1576vw);
	margin-bottom: min(8px, 0.5556vw);
	margin-left: max(-7px, -0.4861vw);
}

#page-top .sc-about .desc .text {
	font-size: min(20px, 1.3889vw);
	font-weight: 500;
	color: #181818;
	line-height: 2.25;
}

#page-top .sc-about .link {
	grid-column: 1 / -1;
	width: fit-content;
	margin-left: auto;
	display: flex;
	align-items: center;
	position: relative;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	font-size: min(18px, 1.25vw);
	column-gap: min(10px, 0.6944vw);
	padding-bottom: min(10px, 0.6944vw);
	margin-top: max(-12px, -0.8333vw);
}

#page-top .sc-about .link::before {
	content: "";
	width: 100%;
	height: min(3px, 0.2083vw);
	border-radius: 99px;
	background-color: #6969dd;
	position: absolute;
	bottom: 0;
	left: 0;
}

#page-top .sc-about .link::after {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223.381%22%20height%3D%2210.57%22%20viewBox%3D%220%200%2023.381%2010.57%22%3E%3Cpath%20d%3D%22M22.931%202.987c-1.286-.128-1.836.828-4.967.7-.381-.016-.841-.135-1.128.1a.593.593%200%200%200%20.127%201.013%2014%2014%200%200%200%202.754.166c-.26.4-7.031%205.62-7.906%203.476-.613-1.5.508-3.691.963-4.958.789-2.2.165-3.541-2.231-3.477-2.428.451-4.971%202.471-6.582%204.059-.567.559-5.174%205.628-3.656%206.463a1%201%200%200%200%201.087-.3c.314-.469-.13-.422.154-.963a22.2%2022.2%200%200%201%203.58-4.6%2020.3%2020.3%200%200%201%203.1-2.349C8.765%202%2012.051.23%2011.815%202.151c-.111.9-.989%202.34-1.331%204.111-.324%201.673-.008%203.439%201.335%203.854%202.605.805%206.141-2.351%207.548-3.192a10%2010%200%200%200-.345%201.3c-.022.5.27.832.792.707.65-.155.242-.768%201.158-2.138a18%2018%200%200%201%201.358-1.935c.224-.231.771-.68.874-.82.387-.526.067-.813-.273-1.051%22%20fill%3D%22%23242424%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: min(24px, 1.6667vw) min(11px, 0.7639vw);
	border-radius: 999px;
	border: 1px solid #000;
	background-color: #fff;
	width: min(43px, 2.9861vw);
	aspect-ratio: 1 / 1;
	display: block;
}

@media print, screen and (max-width: 649px) {
	#page-top .post-intro .posts-grid {
		gap: min(26px, 6.0465vw);
		grid-template-columns: 1fr;
	}

	#page-top .post-intro .post {
		border-bottom: 1px solid #b9b9b9;
	}

	#page-top .post-intro .post .img .category,
	#page-top .post-intro .post:first-child .img .category {
		border-radius: 0 min(18px, 4.186vw) 0 0;
		font-size: min(12px, 2.7907vw);
		min-width: min(116px, 26.9767vw);
		padding: min(14px, 3.2558vw) min(28px, 6.5116vw);
	}

	#page-top .post-intro .post .data,
	#page-top .post-intro .post:first-child .data {
		padding: min(3px, 0.6977vw) 0 min(16px, 3.7209vw);
	}

	#page-top .post-intro .post .post-title,
	#page-top .post-intro .post:first-child .post-title {
		font-size: min(26px, 6.0465vw);
		line-height: 1.47;
		margin-block: max(-8.5px, -1.9767vw) min(5px, 1.1628vw);
	}

	#page-top .post-intro .post .date {
		font-size: min(16px, 3.7209vw);
	}

	/*  */
	#page-top .sc-about {
		padding-top: min(90px, 20.9302vw);
	}
	#page-top .sc-about .box {
		border-radius: min(26px, 6.0465vw);
		grid-template-columns: 1fr;
		padding: min(32px, 7.4419vw) min(30px, 6.9767vw) min(50px, 11.6279vw);
		gap: min(26px, 6.0465vw);
	}

	#page-top .sc-about .title {
		flex-wrap: wrap;
		justify-content: center;
		column-gap: min(13px, 3.0233vw);
		position: relative;
		z-index: 3;
	}

	#page-top .sc-about .title::before {
		width: min(19px, 4.4186vw);
		border-top-width: min(7px, 1.6279vw);
	}

	#page-top .sc-about .title .en {
		font-size: min(24px, 5.5814vw);
	}

	#page-top .sc-about .title .ja {
		font-size: min(18px, 4.186vw);
		margin-left: 0;
		margin-top: min(6px, 1.3953vw);
		top: 0;
		width: 100%;
		text-align: center;
	}

	#page-top .sc-about .imgs {
		flex-direction: column;
		padding-left: 0;
		padding-top: min(25px, 5.814vw);
		row-gap: min(21px, 4.8837vw);
	}

	#page-top .sc-about .imgs .bg {
		width: min(232px, 53.9535vw);
		top: -13%;
		left: 0;
	}

	#page-top .sc-about .imgs .img-person {
		max-width: min(143px, 33.2558vw);
		margin-inline: auto;
	}

	#page-top .sc-about .imgs .img-text {
		margin-top: 0;
	}

	#page-top .sc-about .imgs .img-text img {
		max-width: min(300px, 69.7674vw);
	}

	#page-top .sc-about .imgs .slogan {
		font-size: min(15px, 3.4884vw);
		letter-spacing: min(1.5px, 0.3488vw);
		margin-bottom: min(6px, 1.3953vw);
		margin-left: 0;
	}

	#page-top .sc-about .desc .text {
		font-size: min(18px, 4.186vw);
		line-height: 2.5;
	}

	#page-top .sc-about .link {
		margin-inline: auto;
		font-size: min(18px, 4.186vw);
		column-gap: min(10px, 2.3256vw);
		padding-bottom: min(10px, 2.3256vw);
		margin-top: 0;
	}

	#page-top .sc-about .link::before {
		height: min(3px, 4.186vw);
	}

	#page-top .sc-about .link::after {
		background-size: min(24px, 5.5814vw) min(11px, 2.5581vw);
		width: min(43px, 10vw);
	}
}