section.title {
	padding: 60px 5% 60px 5%;
	text-align: center;
	@media (max-width:779px) {
		padding: 20px 5% 20px 5%;
	}
	> h1 {
		font-size: 2.6rem;
		line-height: 1.2;
		color: #111;
		@media (max-width:779px) {
			font-size: 2.2rem;
		}
	}
}
section.start {
	padding: 20px 5% 60px 5%;
	> div {
		margin-inline: auto;
		max-width: 800px;
		text-align: center;
		> p {
			font-size: 1rem;
		}
		> a {
			display: inline-block;
			text-decoration: none;
			background-color: #026;
			color: #fff;
			padding: 5px 10px;
			border-radius: 3px;
			&:hover {
				opacity: 0.7;
			}
		}
	}
}
section.usage {
	padding: 60px 5% 60px 5%;
	&:nth-child(2n) {
		background-color: #e8f0fe;
	}
	> div {
		margin: 0 auto;
		max-width: 800px;
		> h2 {
			font-size: 1.5rem;
			line-height: 1.3;
			color: #111;
		}
		> p {
			margin-top: 10px;
			font-size: 1rem;
			line-height: 1.5;
			color: #496ca3;
		}
		> article {
			margin-top: 15px;
			> p {
				font-size: 1rem;
				line-height: 1.5;
				color: #222;
			}
			> figure {
				margin-top: 5px;
				max-width: 400px;
				> img {
					border: solid 1px #888;
					max-width: 100%;
				}
			}
		}
	}
}