section.panel {
	background-color: var(--color-gray);
	@media (width < 900px) {
		display: none;
	}
	> div {
		max-width: 1920px;
		margin-inline: auto;
		> picture {
			> img {
				max-width: 100%;
			}
		}
	}
}
section.title {
	padding: 100px 5% 50px 5%;
	> div {
		max-width: 1000px;
		margin-inline: auto;
		padding-bottom: 10px;
		> h1 {
			color: var(--color-dark);
			font-size: min(1.8rem, 7.0vw);
			line-height: 1.2;
			font-weight: 700;
			text-align: center;
		}
		> p {
			padding-top: 40px;
			font-size: min(1.1rem, 5vw);
			line-height: 2.2;
			color: var(--color-dark);
			text-align: justify;
		}
	}
}
section.item {
	padding: 0px 5% 60px 5%;
	> div {
		max-width: 1000px;
		margin-inline: auto;
		> div {
			padding-bottom: 40px;
			&.nojustify {
				> p {
					text-align: unset;
				}
			}
			> h2 {
				padding-bottom: 10px;
				font-size: min(1.3rem, 6vw);
				line-height: 1.8;
				color: var(--color-dark);
				font-weight: 700;
				text-indent: -1.5rem;
				padding-left: 1.5rem;
			}
			> p {
				padding-bottom: 10px;
				font-size: min(1.0rem, 5vw);
				line-height: 2.0;
				color: var(--color-dark);
				text-align: justify;
				&.right {
					padding-top: 20px;
					text-align: right;
				}
			}
			> div {
				padding-left: 20px;
				@media (width < 400px) {
					padding-left: 10px;
				}
				> p {
					padding-bottom: 10px;
					font-size: min(1.0rem, 5vw);
					line-height: 1.8;
					color: var(--color-dark);
					text-indent: -0.4rem;
					padding-left: 0.4rem;
				}
			}
		}
	}
}