@media all and (max-width: 640px) {
	.s1 figure {
		margin: 1em -1em;
	}
}

@media all and (min-width: 641px) {
	.s1 h2 {
		position: relative;
	}
	.s1 figure {
		margin-top: -2em;
	}

	.s2 .column > div:nth-of-type(2) figure {
		margin: 2em 0;
	}
}

/* ==================== つけ物 ==================== */

.tsukemono {
	display: table;
	border-spacing: 0 1.5em;
	border-collapse: separate;
	margin-top: -1.5em;
}
.tsukemono > div {
	display: table-row-group;
}

.tsukemono::after,
.tsukemono > div::after {
	content: none;
}


.tsukemono h4,
.tsukemono p {
	display: table-cell;
	vertical-align: top;
}

.tsukemono h4 {
	padding-right: 1em;
	white-space: nowrap;
}

@media all and (max-width: 640px) {
	.tsukemono h4 {
		font-size: 0.9em;
		text-align: left;
	}
}

@media all and (min-width: 641px) {
	.tsukemono h4 {
		font-size: 0.7em;
	}
}