section.panel {
	background-color: #0e100d;
	> div {
		max-width: 1920px;
		margin: 0 auto;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		> img {
			grid-column: 1/2;
			grid-row: 1/2;
			max-width: 100%;
		}
		> h1 {
			grid-column: 1/2;
			grid-row: 1/2;
			justify-self: center;
			align-self: center;
			font-size: 2rem;
			line-height: 1.2;
			color: #fff;
			@media (width < 700px) {
				margin-top: 60px;
				font-size: 1.5rem;
			}
		}
	}
}
section.content {
	padding: 80px 5% 100px 5%;
	> div {
		max-width: 700px;
		margin-inline: auto;
		text-align: center;
		> p {
			font-size: 1rem;
			line-height: 1.5;
			color: #111;
		}
		> div {
			margin-top: 40px;
			> a {
				text-decoration: none;
				display: block;
				padding-block: 30px;
				padding-inline: 10px;
				background-color: var(--color-accent);
				font-size: 1rem;
				line-height: 1.3;
				color: #000;
				background-image: url(../common/image/mark_external.svg);
				background-repeat: no-repeat;
				background-position: right 20px top 50%;
				&:hover {
					opacity: 0.7;
				}
			}
		}
	}
}