@charset "UTF-8";
.redevelopment{
	.in-main{
		overflow: hidden;
		position: relative;
		&::before{
			content: '';
			width: 100%;
			position: absolute;
			inset: 0;
			background-color: rgba(25, 29, 35, .3);
			z-index: 1;
		}
	}
	.main-bg{
		background: url(../images/redevelopment/rd-bg.webp) no-repeat bottom center/ cover;
	}
	#redevelopment{
		margin-top: 0;
	}
	.top-project-section{
    	background: url(../images/redevelopment/rd-bg2.webp) no-repeat top center/ cover;
	}
	.secondary-heading{
		letter-spacing: .3rem;
		sup{
			display: inline-block;
			transform: translateY(-50%);
		}
	}
	.lead{
		line-height: 2;
	}
}
.general-box{
	.secondary-heading{
		letter-spacing: clamp(.1rem, .6vw, .6rem);
	}
}
.rd-img-wrap{
	margin: clamp(30px, 8vw, 80px) 0 clamp(26px, 4vw, 40px);
}
.rd-heading{
	font-size: clamp(1.4rem, 2.8vw, 2.8rem);
	line-height: 1.8;
	letter-spacing: .3rem;
	.large-text{
		font-size: 125%;
	}
}
@media screen and (max-width: 767px) {
	.redevelopment{
		.main-bg{
			background: url(../images/redevelopment/rd-bg-sp.webp) no-repeat bottom center/ cover;
		}
		.top-project-section{
			background: url(../images/redevelopment/rd-bg2-sp.webp) no-repeat bottom center/ cover;
		}
		.secondary-heading{
		sup{
			transform: translateY(-35%);
		}
	}
	}
	.rd-heading{
		margin-top: 16px;
		line-height: 1.4;
	}
}