.block-interior-exterior .interior-exterior-flex {
	display: flex;
	gap: 5%;
	padding: 0 30px;
}
.block-interior-exterior .interior-exterior-flex > * {
	width: 50%;
	display: flex;
	align-items: flex-end;
}
.block-interior-exterior .interior-exterior-flex .text-content {
	display: block;
	flex-shrink: 1;
}
.block-interior-exterior .interior-exterior-flex .text-content h2 {
	writing-mode: vertical-rl;
	font-size: 85px;
}
.block-interior-exterior .interior-exterior-flex > * img {
	display: block;
	flex-shrink: 1;
	max-width: 80%;
}

.block-interior-exterior .interior-exterior-flex .exterior-content {
	justify-content: flex-end;
}

.block-interior-exterior .interior-exterior-flex .interior-content {
	justify-content: flex-start;

}

.block-interior-exterior .interior-exterior-flex .exterior-content h2 {
	transform: rotate(180deg);
}




/* 1440px = under 1560px */
@media only screen and (max-width: 1559px) {

}


/* 1360px = under 1440px */
@media only screen and (max-width: 1439px) {

}


/* 1200px = under 1366px */
@media only screen and (max-width: 1359px) {

}


/* 1024px = under 1200px */
@media only screen and (max-width: 1199px) {
	.block-interior-exterior .interior-exterior-flex .text-content h2 {
		font-size: 60px;
	}
	.block-interior-exterior .interior-exterior-flex > * img {
		max-width: calc(100% - 90px);
	}

}


/* 768px = under 1024px */
@media only screen and (max-width: 1023px) {

}


/* 640px = under 768px */
@media only screen and (max-width: 767px) {
	.block-interior-exterior .interior-exterior-flex .text-content h2 {
		font-size: 40px;
	}
	.block-interior-exterior .interior-exterior-flex > * img {
		max-width: calc(100% - 60px);
	}
	.block-interior-exterior .interior-exterior-flex {
		gap: 2%;
		padding: 0;
	}
}


/* 410px = under 640px */
@media only screen and (max-width: 639px) {
	.block-interior-exterior .interior-exterior-flex .text-content h2 {
		font-size: 27px;
	}
	.block-interior-exterior .interior-exterior-flex > * img {
		max-width: calc(100% - 40px);
	}
}

/* 360px = under 425px */
@media only screen and (max-width: 409px) {

}


/* 320px = under 360px */
@media only screen and (max-width: 359px) {

}


@media screen and (pointer: coarse), screen and (pointer: none) {

}