.post-content .kochi-academics {
	--humanities-600: #f7c446;
	--education-600: #e27483;
	--science-engineering-600: #6ba8d8;
	--medicine-600: #5bb6c8;
	--agriculture-marine-600: #58ae78;
	--regional-collaboration-600: #f19e6c;
	--graduate-programs-600: #7a7ea8;
}

.post-content .is-top.kochi-academics .kochi-academics-header {
	display: grid;
	align-items: center;
}

.post-content .is-top.kochi-academics .kochi-academics-header > .wp-block-heading {
	margin-block: 0;
	padding-inline-start: 0;
	border-inline-start: 0;
	display: grid;
	grid-template-columns: 8px 1fr;
}

.post-content .is-top.kochi-academics .kochi-academics-header > .wp-block-heading::before {
	content: '';
	border-radius: 8px;
	width: 8px;
	height: 100%;
	background-color: #00a5e3;
}

.post-content .is-top.kochi-academics .kochi-academics-header > p {
	padding-block: 0;
	font-size: var(--font-size-small);
}

.post-content .kochi-academics:not(.is-top) {
	margin-block: 32px;
}

.post-content .kochi-academics .kochi-academics-list > ul {
	padding-block: 0;
	padding-inline-start: 0;
	display: grid;
}

.post-content .kochi-academics .kochi-academics-list > ul > li {
	padding-block: 0;
	padding-inline-start: 0;
	min-width: 0;
}

.post-content .kochi-academics .kochi-academics-list > ul > li::before {
	display: none;
}

.post-content .kochi-academics .kochi-academics-list > ul > li a {
	color: #000;
	text-decoration: none;
	overflow: hidden;
}

.post-content .kochi-academics .kochi-academics-list > ul > li a:hover .kochi-academics-list-item-image::before,
.post-content .kochi-academics .kochi-academics-list > ul > li a:active .kochi-academics-list-item-image::before,
.post-content .kochi-academics .kochi-academics-list > ul > li a:focus-visible .kochi-academics-list-item-image::before {
	background-color: rgba(255, 255, 255, 0.3);
}

.post-content .kochi-academics .kochi-academics-list > ul > li[data-academic-type='humanities'] .kochi-academics-list-item-content {
	background-color: var(--humanities-600);
}

.post-content .kochi-academics .kochi-academics-list > ul > li[data-academic-type='education'] .kochi-academics-list-item-content {
	background-color: var(--education-600);
}

.post-content .kochi-academics .kochi-academics-list > ul > li[data-academic-type='science-engineering'] .kochi-academics-list-item-content {
	background-color: var(--science-engineering-600);
}

.post-content .kochi-academics .kochi-academics-list > ul > li[data-academic-type='medicine'] .kochi-academics-list-item-content {
	background-color: var(--medicine-600);
}

.post-content .kochi-academics .kochi-academics-list > ul > li[data-academic-type='agriculture-marine'] .kochi-academics-list-item-content {
	background-color: var(--agriculture-marine-600);
}

.post-content .kochi-academics .kochi-academics-list > ul > li[data-academic-type='regional-collaboration'] .kochi-academics-list-item-content {
	background-color: var(--regional-collaboration-600);
}

.post-content .kochi-academics .kochi-academics-list > ul > li[data-academic-type='graduate-programs'] .kochi-academics-list-item-content {
	background-color: var(--graduate-programs-600);
}

.post-content .kochi-academics .kochi-academics-list .kochi-academics-list-item-image {
	position: relative;
	z-index: 1;
}

.post-content .kochi-academics .kochi-academics-list .kochi-academics-list-item-image::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 2;
	background-color: rgba(255, 255, 255, 0);
	transition: background-color 300ms ease-out;
}

.post-content .kochi-academics .kochi-academics-list .kochi-academics-list-item-image img {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}

.post-content .kochi-academics .kochi-academics-list .kochi-academics-list-item-content::after {
	grid-column: 2/3;
	content: '';
	background-color: #fff;
	-webkit-mask-image: url(../images/icon/arrow-right.svg);
	mask-image: url(../images/icon/arrow-right.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	z-index: 1;
}

html[lang='en'] .post-content .kochi-academics .kochi-academics-list .kochi-academics-list-item-content .kochi-academics-list-item-english-title,
.post-content html[lang='en'] .kochi-academics .kochi-academics-list .kochi-academics-list-item-content .kochi-academics-list-item-english-title {
	display: none;
}

.post-content .kochi-academics .kochi-academics-list .kochi-academics-list-item-content .kochi-academics-list-item-title {
	padding-block: 0;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

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

	.post-content .is-top.kochi-academics {
		margin-block: 40px;
	}

	.post-content .is-top.kochi-academics .kochi-academics-header {
		margin-block-end: 16px;
		gap: 16px;
	}

	.post-content .is-top.kochi-academics .kochi-academics-header > .wp-block-heading {
		-moz-column-gap: 12px;
		column-gap: 12px;
		font-size: var(--font-size-h2-sp);
	}

	.post-content .kochi-academics .kochi-academics-list .kochi-academics-list-item-content {
		display: grid;
		align-items: center;
	}

	.post-content .kochi-academics .kochi-academics-list .kochi-academics-list-item-content::after {
		width: 18px;
		height: 18px;
		position: relative;
		left: 0;
		transition: left 300ms ease-out;
	}

	.post-content .kochi-academics .kochi-academics-list .kochi-academics-list-item-content .kochi-academics-list-item-english-title {
		display: none;
	}

	.post-content .kochi-academics .kochi-academics-list .kochi-academics-list-item-content .kochi-academics-list-item-title {
		font-size: var(--font-size-h3-sp);
	}

	.post-content .kochi-academics .kochi-academics-list .kochi-academics-list-item-content .kochi-academics-list-item-description {
		display: none;
	}
}

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

	.post-content .is-top.kochi-academics {
		margin-block: 80px;
	}

	.post-content .is-top.kochi-academics .kochi-academics-header > .wp-block-heading {
		-moz-column-gap: 24px;
		column-gap: 24px;
		font-size: var(--font-size-h2-pc);
	}

	.post-content .kochi-academics .kochi-academics-list > ul {
		gap: 24px;
	}

	.post-content .kochi-academics .kochi-academics-list .kochi-academics-list-item-content {
		flex: 1;
		padding: 24px 24px 60px;
		position: relative;
	}

	.post-content .kochi-academics .kochi-academics-list .kochi-academics-list-item-content::after {
		width: 32px;
		height: 32px;
		position: absolute;
		bottom: 24px;
		right: 32px;
		transition: right 300ms ease-out;
	}

	.post-content .kochi-academics .kochi-academics-list .kochi-academics-list-item-content .kochi-academics-list-item-english-title {
		grid-column: 1/-1;
		padding-block: 0;
		font-feature-settings: 'pwid' on;
		font-family: Inter, sans-serif;
		font-weight: 700;
		font-size: var(--font-size-small);
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.post-content .kochi-academics .kochi-academics-list .kochi-academics-list-item-content .kochi-academics-list-item-title {
		grid-column: 1/-1;
		font-size: var(--font-size-h3-pc);
	}

	.post-content .kochi-academics .kochi-academics-list .kochi-academics-list-item-content .kochi-academics-list-item-description {
		grid-column: 1/-1;
		padding-block: 0;
		font-feature-settings: 'pwid' on;
		font-size: var(--font-size-small);
	}
}

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

	.post-content .is-top.kochi-academics .kochi-academics-header {
		grid-template-columns: repeat(3, 1fr);
	}

	.post-content .is-top.kochi-academics .kochi-academics-header {
		margin-block-end: 40px;
	}

	.post-content .is-top.kochi-academics .kochi-academics-header > p {
		grid-column: 2/-1;
	}

	.post-content .is-top.kochi-academics .kochi-academics-list > ul::after {
		content: '';
		grid-column: 2/-1;
		background-image: url(../images/academics/illustration.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center bottom;
	}

	.post-content .kochi-academics .kochi-academics-list > ul {
		grid-template-columns: repeat(3, 1fr);
	}

	.post-content .kochi-academics .kochi-academics-list > ul > li {
		border-radius: 16px;
	}

	.post-content .kochi-academics .kochi-academics-list > ul > li a {
		border-radius: 16px;
		display: flex;
		flex-direction: column;
		height: 100%;
	}

	.post-content .kochi-academics .kochi-academics-list > ul > li a:hover .kochi-academics-list-item-content::after,
	.post-content .kochi-academics .kochi-academics-list > ul > li a:active .kochi-academics-list-item-content::after,
	.post-content .kochi-academics .kochi-academics-list > ul > li a:focus-visible .kochi-academics-list-item-content::after {
		right: 24px;
	}

	.post-content .kochi-academics .kochi-academics-list .kochi-academics-list-item-image img {
		aspect-ratio: 16/9;
	}
}

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

	.post-content .kochi-academics .kochi-academics-list > ul {
		row-gap: 8px;
	}

	.post-content .kochi-academics .kochi-academics-list > ul > li {
		border-radius: 8px;
	}

	.post-content .kochi-academics .kochi-academics-list > ul > li a {
		border-radius: 8px;
		display: grid;
		grid-template-columns: 100px auto;
	}

	.post-content .kochi-academics .kochi-academics-list > ul > li a:hover .kochi-academics-list-item-content::after,
	.post-content .kochi-academics .kochi-academics-list > ul > li a:active .kochi-academics-list-item-content::after,
	.post-content .kochi-academics .kochi-academics-list > ul > li a:focus-visible .kochi-academics-list-item-content::after {
		left: 4px;
	}

	.post-content .kochi-academics .kochi-academics-list .kochi-academics-list-item-image img {
		width: 100px;
		aspect-ratio: 100/76;
	}

	.post-content .kochi-academics .kochi-academics-list .kochi-academics-list-item-content {
		padding: 12px;
		grid-template-columns: auto 22px;
	}
}

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

	.post-content .kochi-academics .kochi-academics-list > ul {
		gap: 24px 16px;
	}

	.post-content .kochi-academics .kochi-academics-list .kochi-academics-list-item-content {
		padding: 16px;
		grid-template-columns: auto 28px;
	}
}