#sec1 .section-wrapper {
	flex-flow: column;
	width: 100%;
	background: var(--white);
}

#sec1 .img-wrapper {
	flex-wrap: wrap;
}

#sec1 .img-wrapper img:first-child {
	width: 100%;
	height: 200px;
}

#sec1 .img-wrapper img:nth-child(2),
#sec1 .img-wrapper img:last-child {
	width: 50%;
	height: 128px;
}

/* 写真と見出しの間 */
#sec1 .wrapper.flex {
	padding-bottom: 28px;
}

#sec1 .wrapper:last-child {
	width: 90%;
	margin: 0 auto;
	& h3 {
		font-family: var(--noto);
		font-size: 20px;
		line-height: 1.5;
	}
	& > p {
		margin-top: 28px;
		margin-bottom: 36px;
		line-height: 1.5;
	}
	& ul {
		margin-bottom: 72px;
	}
	& li {
		margin-bottom: 20px;
	}
	& li p.title {
		font-size: 14px;
	}
	& li p.text {
		font-weight: 400;
	}
}

@media screen and (min-width: 801px) {
#sec1 {
	width: calc(70% + 80px);
	& .section-wrapper {
		height: 600px;
		flex-flow: row;
	}
	& .wrapper.flex {
		width: 45%;
		height: 100%;
		padding-bottom: 0;
	}
}
#sec1 .img-wrapper {
	height: 100%;
	align-items: start;
	gap: 4px;
	& img:first-child,
	& img:nth-child(2),
	& img:last-child {
		height: calc(50% - 2px);
	}
	& img:nth-child(2),
	& img:last-child {
		width: calc(50% - 2px);
	}
}
#sec1 .wrapper:last-child {
	width: 55%;
	padding: 40px;
	& h3 {
		font-size: 24px;
	}
	& ul {
		margin-bottom: 0;
	}
}
}

#sec2 {
	margin-top: 52px;
	margin-bottom: 100px;
}

#sec2 table {
	margin-top: 36px;
	& tr.flex {
		flex-flow: column;
		align-items: start;
	}
	& th, td {
		width: 100%;
		min-height: 60px;
		height: auto;
		display: flex;
		align-items: center;
	}
	& th {
		background: var(--moji);
		color: var(--white);
		font-weight: 500;
		padding-left: 16px;
	}
	& td {
		padding: 16px;
		line-height: 1.5;
	}
	& tr:last-child ol > li {
		list-style-type: decimal;
		list-style-position: inside;
	}
	& tr:last-child li {
		position: relative;
		margin-bottom: 28px;
	}
	& tr:last-child ol > li:not(:last-child)::after {
		position: absolute;
		content: '';
		clip-path: polygon(0 0, 100% 0, 50% 100%);
		background: var(--moji);
		width: 20px;
		height: 12px;
		top: calc(100% + 10px);
		left: 0;
	}
	& tr:last-child ol ul {
		margin: 28px 0;
	}
	& tr:last-child ol ul li:first-child {
		list-style-type: disc;
		list-style-position: inside;
	}
}

@media screen and (min-width: 801px) {
#sec2 table {
	width: 100%;
	& tr.flex {
		flex-flow: row;
		align-items: stretch;
		border-bottom: 1px solid var(--line);
	}
	& th {
		display: flex;
		justify-content: center;
		width: 30%;
	}
	& td {
		padding-left: 24px;
	}
	& tr.flex:last-child ol li:last-child {
		margin-bottom: 0;
	}
}
}