.rounded-right-3 {
	border-radius: 0 0.5rem 0.5rem 0;
}

.rounded-diagonal-3 {
	border-radius: 0.5rem 0;
}

.bg-mission {
	background-image: url('/top/img/bg_mission.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 707px;
}

@supports (background-image: url('/top/img/bg_mission.webp')) {
	.bg-mission {
		background-image: url('/top/img/bg_mission.webp');
	}
}

.position-mission-text {
	opacity: 0.3;
	font-size: clamp(32px, 3.5vw, 64px);
}

@media screen and (min-width: 768px) 
{
	.position-mission-text {
		position: absolute;
		top: clamp(106px, 10vw, 176px);
		left: clamp(37px, 26vw, 562px);
		opacity: 0.3;
		font-size: clamp(32px, 3.5vw, 64px);
	}
}

.text-subheading {
	color: var(--txt-top-subheading);
}

.text-top-acce {
	color: var(--txt-top-acce);
}

.position-mv-text {
	position: absolute;
	bottom: 10%;
	left: 5%;
	z-index: 10;
	font-size: clamp(32px, 4vw, 72px);
	font-weight: bold;
}

.position-mv-text-sp {
	position: absolute;
	bottom: 10%;
	left: 5%;
	z-index: 10;
	font-size: clamp(32px, 4vw, 72px);
	font-weight: bold;
}

.position-slider-text {
	position: absolute;
	right: 2%;
	top: clamp(125px, calc(145px - 2vw), 145px);
}

.position-slider-text-sp {
	position: absolute;
	right: 2%;
	top: clamp(115px, calc(145px - 2.5vw), 120px);
}
