section.panel {
	> div {
		margin-inline: auto;
		max-width: 1920px;
		> figure {
			> img {
				max-width: 100%;
			}
		}
	}
}
section.top {
	padding: 60px 5% 100px 5%;
	> div {
		max-width: 1000px;
		margin-inline: auto;
		> h2 {
			font-size: min(2.5rem, 8.0vw);
			line-height: 1.4;
			color: #fff;
			font-weight: 600;
			letter-spacing: 2px;
			text-align: center;
		}
		> div {
			padding-top: 120px;
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			column-gap: 30px;
			@media (width < 520px) {
				grid-template-columns: repeat(1, 1fr);
				row-gap: 30px;
			}
			> figure {
				text-align: center;
				> img {
					max-width: 100%;
				}
			}
		}
		> figure {
			padding-top: 30px;
			text-align: center;
			> img {
				max-width: 100%;
			}
		}
		> h3 {
			text-align: center;
			font-size: min(1.3rem, 6.0vw);
			line-height: 3.0;
			color: #fff;
		}
	}
}
section.content {
	padding: 0px 0% 100px 0%;
	> div {
		max-width: 1920px;
		margin-inline: auto;
		> div {
			display: grid;
			column-gap: 30px;
			@media (width < 470px) {
				row-gap: 30px;
			}
			> figure {
				> img {
					max-width: min(40vw,530px);
					@media (width < 470px) {
						max-width: 100%;
					}
				}
			}
			> p {
				max-width: 440px;
				font-size: min(1.1rem, 5.0vw);
				line-height: 1.8;
				color: #fff;
				align-self: center;
				text-align: justify;
			}
			&:nth-of-type(1) {
				padding-right: 5%;
				grid-template-columns: 1fr 1.1fr;
				@media (width < 470px) {
					grid-template-columns: 1fr;
					padding-inline: 5%;
				}
				> figure {
					justify-self: start;
				}
				> p {
					justify-self: start;
				}
			}
			&:nth-of-type(2) {
				padding-left: 5%;
				grid-template-columns: 1.1fr 1fr;
				padding-top: 40px;
				@media (width < 470px) {
					grid-template-columns: 1fr;
					padding-inline: 5%;
				}
				> figure {
					justify-self: end;
					@media (width < 470px) {
						order: 1;
					}
				}
				> p {
					justify-self: end;
					@media (width < 470px) {
						order: 2;
					}
				}
			}
		}
	}
}
section.youtube {
	padding: 100px 5% 100px 5%;
	> div {
		max-width: 800px;
		margin-inline: auto;
		> iframe {
			width: 100%;
			height: 100%;
			aspect-ratio: 16/9;
		}
	}
}