.hero-v2-wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
	.hero-v2-wrap {
		gap: 0.4rem;
}
	}
.hero-v2-wrap .image-wrap {
		position: absolute;
		top: 0;
		right: 0;
		width: 7.1rem;
		height: auto;
		aspect-ratio: 710/614;
		z-index: -1;
		pointer-events: none;
	}
@media screen and (max-width: 768px) and (orientation: portrait) {
	.hero-v2-wrap .image-wrap {
			position: relative;
			width: 100%;
			appearance: 393/285;
	}
		}
.desktop:is(.hero-v2-wrap .image-wrap) {
			display: block;
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
	.desktop:is(.hero-v2-wrap .image-wrap) {
				display: none;
		}
			}
.mobile:is(.hero-v2-wrap .image-wrap) {
			display: none;
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
	.mobile:is(.hero-v2-wrap .image-wrap) {
				display: block;
		}
			}
:is(.hero-v2-wrap .image-wrap) .side-image {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			z-index: -1;
			pointer-events: none;
		}
.hero-v2-wrap .content-wrap {
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 0.48rem;
		width: 5.365rem;
		min-height: 6.14rem;
		padding: 0.4rem 0;
	}
@media screen and (max-width: 768px) and (orientation: portrait) {
	.hero-v2-wrap .content-wrap {
			width: 100%;
			padding: 0 0 0.4rem 0;
			min-height: auto;
			gap: 0.4rem;
	}
		}
:is(.hero-v2-wrap .content-wrap) .title-wrap {
			position: relative;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			justify-content: flex-start;
			gap: 0.08rem;
			hyphens: initial;
		}
:is(:is(.hero-v2-wrap .content-wrap) .title-wrap) .title {
				color: var(--blue);
				z-index: 1;
			}
:is(:is(:is(.hero-v2-wrap .content-wrap) .title-wrap) .title) span {
					color: var(--orange);
				}
:is(:is(.hero-v2-wrap .content-wrap) .title-wrap) .date-location-wrap {
				position: relative;
				display: flex;
				flex-direction: row;
				gap: 0.24rem;
				flex-wrap: wrap;
			}
:is(:is(:is(.hero-v2-wrap .content-wrap) .title-wrap) .date-location-wrap) .text {
					font-size: 0.16rem;
					line-height: 150%;
					letter-spacing: 0;
					font-weight: 500;
				}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(:is(:is(.hero-v2-wrap .content-wrap) .title-wrap) .date-location-wrap) .text {
						font-size: 0.15rem;
				}
					}
:is(:is(:is(.hero-v2-wrap .content-wrap) .title-wrap) .date-location-wrap) .date-wrap {
					position: relative;
					display: flex;
					flex-direction: row;
					align-items: center;
					justify-content: flex-start;
					gap: 0.1rem;
				}
:is(:is(:is(:is(.hero-v2-wrap .content-wrap) .title-wrap) .date-location-wrap) .date-wrap) svg {
						flex-shrink: 0;
						width: 0.15rem;
						height: 0.15rem;
						fill: var(--blue);
					}
:is(:is(:is(:is(.hero-v2-wrap .content-wrap) .title-wrap) .date-location-wrap) .date-wrap) .date-text {
						color: var(--blue);
					}
:is(:is(:is(.hero-v2-wrap .content-wrap) .title-wrap) .date-location-wrap) .location-wrap {
					position: relative;
					display: flex;
					flex-direction: row;
					align-items: center;
					justify-content: flex-start;
					gap: 0.1rem;
				}
:is(:is(:is(:is(.hero-v2-wrap .content-wrap) .title-wrap) .date-location-wrap) .location-wrap) svg {
						flex-shrink: 0;
						width: 0.15rem;
						height: 0.15rem;
						fill: var(--blue);
					}
:is(:is(:is(:is(.hero-v2-wrap .content-wrap) .title-wrap) .date-location-wrap) .location-wrap) .location-text {
						color: var(--blue);
					}
:is(.hero-v2-wrap .content-wrap) .text-btn-wrap {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			justify-content: center;
			gap: 0.24rem;
			max-width: 4.12rem;
		}
.size-100:is(:is(.hero-v2-wrap .content-wrap) .text-btn-wrap) {
				max-width: 5.22rem;
			}
:is(:is(.hero-v2-wrap .content-wrap) .text-btn-wrap) .text {
				color: var(--dark-grey);
			}
@media screen and (max-width: 768px) and (orientation: portrait) {
					:is(:is(:is(.hero-v2-wrap .content-wrap) .text-btn-wrap) .text) br{
						display: none;
					}
				}
:is(.hero-v2-wrap .content-wrap) .button-wrap {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 0.24rem;
		}
:is(.hero-v2-wrap .content-wrap) .button-wrap {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 0.24rem;
		}