#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-item .img {
	border-radius: min(24px, 1.6667vw);
	overflow: hidden;
	border: 1px solid #000;
	position: relative;
	aspect-ratio: 16 / 9;
}

#page-top .post-intro .post-item .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-item .img .category.gray {
	background-color: #707070;
}

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

#page-top .post-intro .post-item: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-item .data {
	padding: min(11px, 0.7639vw) min(8px, 0.5556vw) min(11px, 0.7639vw) min(12px, 0.8333vw);
}

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

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

#page-top .post-intro .post-item .tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0 min(17px, 1.1806vw);
}

#page-top .post-intro .post-item .title {
	font-size: min(18px, 1.25vw);
	font-weight: 700;
	line-height: 1.8;
	margin-block: max(-1px, -0.0694vw) min(6px, 0.4167vw);
}

#page-top .post-intro .post-item:first-child .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-item:first-child {
	grid-row: 1 / span 2;
}

/*  */
#page-top .sc-about {
	padding-top: 90px;
}
#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;
}