.post {
	max-width: var(--width);
	margin: auto;
	text-align: left;
}

.post > .titleCnt {
	display: flex;
	align-items: stretch;
}

.post .titleCnt .leftItem,
.post .titleCnt .rightItem {
	padding: 2.5% 5%;
}

.post .titleCnt .leftItem {
	position: relative;
	display: flex;
	align-items: center;
	gap: 7.5%;
	flex: 0 0 min(33%, 360px);
	font-size: 2.4rem;
	font-weight: 400;
	letter-spacing: 0.1em;
	color: white;
	padding-right: 10%;
	border-radius: 64px 0 0 64px;
	overflow: hidden;
}

.post .titleCnt .leftItem > b {
	font-family: OpenSans-SemiBold;
	font-size: 4.8rem;
	font-weight: 700;
}

.post .titleCnt .leftItem::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 100%;
	background-color: var(--green-2);
	transform:
		skewX(-10deg)
		translateX(-2.5%);
	z-index: -5;
}

.post .titleCnt .rightItem {
	position: relative;
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
	font-size: 4.8rem;
	font-weight: 700;
	letter-spacing: 0.015em;
	color: var(--green-2);
	margin-left: -5%;
}

.post .titleCnt .rightItem::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 100%;
	background-color: var(--green-1);
	transform:
		skewX(-10deg);
	z-index: -1;
}

.quote {
	background-color: var(--glay-1);
	padding: 1em;
}

@media only screen and (max-width: 960px) {
	.post .titleCnt .leftItem {
		font-size: 2.0rem;
		flex: 0 0 min(35%, 360px);
	}
}

@media only screen and (max-width: 767px) {
	.post .titleCnt {
		flex-direction: column;
		gap: 0;
	}

	.post .titleCnt .leftItem {
		gap: 0.75em;
		flex: 1 0 100%;
		font-size: 1.4rem;
		/*padding-right: 0;*/
		border-radius: 0px;
		padding: 1.25% 2.5%;
	}

	.post .titleCnt .leftItem > b {
		font-size: 2.2rem;
	}

	.post .titleCnt .leftItem::after {
		transform:
			skewX(0deg)
			translateX(0%);
	}

	.post .titleCnt .rightItem {
		position: relative;
		flex: 1 0 100%;
		font-size: 2.4rem !important;
		padding: 0.5em 2.5%;
		margin-left: 0%;
	}

	.post .titleCnt .rightItem::after {
		transform:
			skewX(0deg);
	}
}

.post section {
	margin-top: var(--mt-m);
}

.post section .heading {
	position: relative;
	font-size: 3.6rem;
	font-weight: 700;
	letter-spacing: 0.015em;
	padding-left: 1.75em;
	padding-bottom: 0.2em;
	border-bottom: 4px solid var(--green-2);
}

.post section .heading span::before {
	position: absolute;
	top: -0.375em;
	left: 0;
	width: 1em;
	height: 1em;
	font-family: OpenSans-SemiBoldItalic;
	font-size: 1.75em;
}

.post section:nth-of-type(1) .heading span::before {
	content: "1.";
}

.post section:nth-of-type(2) .heading span::before {
	content: "2.";
}

.post section:nth-of-type(3) .heading span::before {
	content: "3.";
}

.post section:nth-of-type(4) .heading span::before {
	content: "4.";
}

.post section:nth-of-type(5) .heading span::before {
	content: "5.";
}

.post section:nth-of-type(6) .heading span::before {
	content: "6.";
}

.post section:nth-of-type(7) .heading span::before {
	content: "7.";
}

.post section:nth-of-type(8) .heading span::before {
	content: "8.";
}

.post section:nth-of-type(9) .heading span::before {
	content: "9.";
}

.post section:nth-of-type(10) .heading span::before {
	content: "10.";
}

@media only screen and (max-width: 767px) {
	.post section .heading {
		font-size: 2.8rem;
	}
}

.post .oneColumn,
.post .twoColumn,
.post .twoColumn .rightItem__paragraph ~ .rightItem__paragraph {
	font-size: 2.4rem;
	line-height: 2;
	text-indent: 1em;
	text-align: justify;
	margin-top: 3em;
}

.post .oneColumn--alignR,
.post .twoColumn .rightItem__paragraph--alignR {
	text-align: right !important;
}

.post .twoColumn {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	gap: 40px;
}

.post .twoColumn--noText {
	justify-content: center;
}

.post .twoColumn .leftItem {
	flex: 0 0 auto;
	width: clamp(320px, 25vw, 480px);
	font-size: 1.6rem;
	text-indent: 0;
}

.post .twoColumn--noText .leftItem,
.post .twoColumn--noText .rightItem {
	width: clamp(320px, 25vw, 480px);
}

.post .twoColumn .figureWrapper {
	background-color: var(--glay-1);
	padding: 2.5%;
}

.post .twoColumn .leftItem .figureWrapper ~ .figureWrapper {
	margin-top: 5%;
}

.post .twoColumn img {
	display: block;
	width: 100%;
}

.post .twoColumn img ~ img {
	margin-top: 5%;
}

.post figcaption {
	margin-top: 5%;
	text-align: justify;
}

.post figcaption span {
	display: block;
	line-height: 1.3;
	margin-bottom: 0.5em;
}

.post figcaption a {
	display: inline;
	color: var(--link);
	line-height: 1.3;
	border-bottom: 1px solid var(--link);
	opacity: 1;
	transition: var(--hover-1);
}

@media (hover: hover) {
	.post figcaption a:hover {
		opacity: var(--opacity);
	}	
}

.post .twoColumn .rightItem {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
}

.post .twoColumn--noText .rightItem {
	flex: 0 0 auto;
	font-size: 1.6rem;
	text-indent: 0;
}

.post .twoColumn .rightItem .rightItem__topItem {
	flex-grow: 1; 
}

@media only screen and (max-width: 960px) {
	.post .titleCnt .rightItem {
		font-size: 4.0rem;
	}

	.post .oneColumn,
	.post .twoColumn,
	.post .twoColumn .rightItem__paragraph ~ .rightItem__paragraph {
		/*margin-top: 2em;*/
	}

	.post .twoColumn {
		flex-direction: column;
	}

	.post .twoColumn .leftItem,
	.post .twoColumn .rightItem {
		flex: 0 0 auto;
		width: 100%;
	}

	.post .twoColumn .rightItem .rightItem__bottomItem {
		margin-top: 3em; 
	}
}

@media only screen and (max-width: 767px) {
	.post .oneColumn,
	.post .twoColumn,
	.post .twoColumn .rightItem__paragraph ~ .rightItem__paragraph,
	.post .twoColumn .rightItem .rightItem__bottomItem {
		font-size: 2.0rem;
	}

	.post .figureWrapper {
		padding: 5%;
	}
}