.quote-section {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 1.2rem 0;
	background-color: var(--blue);
}
@media screen and (max-width: 768px) and (orientation: portrait) {
	.quote-section {
		padding: 0.64rem 0;
}
	}
.quote-section .container {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 0.32rem;
	}
@media screen and (max-width: 768px) and (orientation: portrait) {
	.quote-section .container {
			gap: 0.4rem;
	}
		}
.quote-section .quote-wrap {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		max-width: 8.68rem;
		width: 100%;
		margin: 0 auto;
	}
@media screen and (max-width: 768px) and (orientation: portrait) {
	.quote-section .quote-wrap {
			max-width: 2.4rem;
	}
		}
:is(.quote-section .quote-wrap) .quote-text {
			position: relative;
			display: inline-block;
			color: var(--white);
			font-size: 0.26rem;
			line-height: 128%;
			letter-spacing: 0.01em;
			font-weight: 400;
			text-align: center;
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(.quote-section .quote-wrap) .quote-text {
				display: flex;
				flex-direction: column;
				font-size: 0.2rem;
				line-height: 130%;
				letter-spacing: -0.02em;
		}
				:is(:is(.quote-section .quote-wrap) .quote-text) br {
					display: none;
				}
			}
:is(:is(.quote-section .quote-wrap) .quote-text) .start-quote {
				position: relative;
				display: inline-block;
				width: 0;
				height: 0;
			}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(:is(.quote-section .quote-wrap) .quote-text) .start-quote {
					display: flex;
					justify-content: center;
					width: auto;
					height: auto;
					margin-bottom: 0.24rem;
			}
				}
:is(:is(:is(.quote-section .quote-wrap) .quote-text) .start-quote) .quote-icon {					
					bottom: 0.1rem;
					right: 0;
				}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(:is(:is(.quote-section .quote-wrap) .quote-text) .start-quote) .quote-icon {
						bottom: auto;
						right: auto;
				}
					}
:is(:is(.quote-section .quote-wrap) .quote-text) .end-quote {
				position: relative;
				display: inline-block;
				width: 0;
				height: 0;
			}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(:is(.quote-section .quote-wrap) .quote-text) .end-quote {
					display: flex;
					justify-content: center;
					width: auto;
					height: auto;
					margin-top: 0.24rem;
			}
				}
:is(:is(:is(.quote-section .quote-wrap) .quote-text) .end-quote) .quote-icon {
					top: -0.08rem;
					left: 0;
					transform: rotate(180deg);
				}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(:is(:is(.quote-section .quote-wrap) .quote-text) .end-quote) .quote-icon {
						top: auto;
						left: auto;
				}
					}
:is(:is(.quote-section .quote-wrap) .quote-text) .quote-icon {
				position: absolute;
				width: .55rem;
				height: .42rem;
			}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(:is(.quote-section .quote-wrap) .quote-text) .quote-icon {
					position: relative;
					width: 0.4059rem;
					height: 0.3063rem;
			}
				}
:is(:is(:is(.quote-section .quote-wrap) .quote-text) .quote-icon) svg {
					width: 100%;
					height: 100%;
					fill: var(--orange);
				}
.quote-section .two-text-wrap {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 0.05rem;
		max-width: 8.68rem;
		width: 100%;
		margin: 0 auto;
	}
:is(.quote-section .two-text-wrap) .orange-text {
			color: var(--orange);
			font-size: 0.18rem;
			line-height: 101%;
			letter-spacing: 1.5%;
			font-weight: 600;
			text-align: center;
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(.quote-section .two-text-wrap) .orange-text {
				font-size: 0.16rem;
		}
			}
:is(.quote-section .two-text-wrap) .white-text {
			color: var(--white);
			font-size: 0.16rem;
			line-height: 120%;
			letter-spacing: 0.03em;
			font-weight: 300;
			text-align: center;
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(.quote-section .two-text-wrap) .white-text {
				font-size: 0.14rem;
		}
			}