.section-wrapper {
	width: 100%;
}

@media screen and (min-width: 801px) {
	.section-wrapper {
		width: 70%;
	}
}

#sec1 .section-wrapper > .wrapper.flex {
	flex-flow: column;
	background: var(--white);
	& .img-wrapper {
		width: 100%;
		height: 208px;
	}
	& .img-wrapper img {
		height: 100%;
		object-position: 50% top;
	}
	& > .wrapper {
		width: 90%;
		margin: 52px auto;
	}
}

#sec1 table {
	& tr {
		display: flex;
		flex-flow: column;
		padding: 24px 0;
		gap: 10px;
		border-bottom: 1px solid var(--line);
	}
	& th {
		font-weight: 700;
	}
	& td {
		letter-spacing: 0.1em;
		line-height: 1.2;
	}
}

@media screen and (min-width: 801px) {
#sec1 {
	& .section-wrapper > .wrapper.flex {
		flex-flow: row-reverse;
		align-items: stretch;
		& .img-wrapper {
			width: 50%;
			height: inherit;
		}
		& .img-wrapper img {
			height: 100%;
			object-position: right;
		}
		& > .wrapper {
			width: 50%;
			margin: 40px auto;
			padding: 40px;
		}
	}
	& .midashi {
		margin-bottom: 20px;
	}
}
#sec1 table {
	& tr {
		flex-flow: row;
	}
	& th {
		width: 35%;
	}
	& td {
		width: 65%;
	}
}
}

#sec2 {
	padding: 48px 0;
}

#sec2 .midashi p {
	font-family: var(--zen);
}

#sec2 .section-wrapper > .wrapper {
	width: 90%;
	margin: 0 auto;
}

#sec2 .section-wrapper > .wrapper > p {
	margin-top: 36px;
	margin-bottom: 24px;
}

#sec2 iframe {
	width: 100%;
	height: 300px;
}

@media screen and (min-width: 801px) {
#sec2 {
	& .section-wrapper > .wrapper {
		width: 100%;
	}
}
}

#sec3 .section-wrapper > .wrapper {
	width: 90%;
	margin: 0 auto;
}

#sec3 .wrapper.table {
	overflow-x: auto;
	display: block;
	margin-top: 36px;
	margin-bottom: 100px;
}

#sec3 table {
	width: 860px;
	min-width: 860px;
	height: 100%;
	& tbody {
		display: flex;
		flex-flow: column;
		gap: 2px 0;
	}
	& tr {
		display: flex;
		gap: 2px;
	}
	& th, td {
		display: flex;
		align-items: center;
		white-space: nowrap;
		height: 44px;
		padding-left: 16px;
	}
	& th {
		background: var(--moji);
		color: var(--white);
	}
	& td {
		background: var(--white);
	}

	& tr th:first-of-type,
	& tr td:first-of-type {
		width: 360px;
	}
	& tr th:nth-child(2),
	& tr td:nth-child(2) {
		width: 192px;
	}
	& tr th:nth-child(3),
	& tr td:nth-child(3) {
		width: 204px;
	}
	& tr th:last-of-type,
	& tr td:last-of-type {
		width: 80px;
	}
}

@media screen and (min-width: 801px) {
#sec3 {
	& .section-wrapper > .wrapper {
		width: 100%;
	}
	& .wrapper.table {
		width: 100%;
	}
	& table tbody {
		gap: 8px 0;
	}
	& table tr {
		gap: 0 6px;
	}
}
}

#privacy {
	background: var(--white);
}

#privacy .section-wrapper {
	width: 90%;
	padding: 60px 0;
}

#privacy .section-wrapper > p {
	line-height: 2;
	margin-top: 20px;
}

@media screen and (min-width: 801px) {
#privacy {
	& .section-wrapper {
		width: 70%;
	}
}
}