body {
	line-break: strict;
}

/* wantedly */
.hub-wantedly {
	display: block;
	position: relative;
	max-width: 1068px;
}

.hub-wantedly::after {
	content: "";
	display: block;
}

.hub-wantedly img {
	max-width: 100%;
	position: absolute;
}

.hub-wantedly::after {
	padding-bottom: 48.6891385768%;
}

@media (max-width: 1068px) {
	.hub-wantedly {
		max-width: 736px;
	}

	.hub-wantedly::after {
		padding-bottom: 48.6413043478%;
	}
}

@media (max-width: 734px) {
	.hub-wantedly {
		max-width: 375px;
	}

	.hub-wantedly::after {
		padding-bottom: 85.8666666667%;
	}
}

/* tamaki niime */
.tamaki-niime {
	display: block;
	--p-width: 1440px;
	--p-height: 718px;
	width: var(--p-width);
	height: var(--p-height);
}

@media (min-width: 1441px) {
	.tamaki-niime {
		--p-width: 2560px;
		--p-height: 1276px;
	}
}

@media (max-width: 1068px) {
	.tamaki-niime {
		--p-width: 1068px;
		--p-height: 598px;
	}
}

@media (max-width: 734px) {
	.tamaki-niime {
		--p-width: 734px;
		--p-height: 596px;
	}
}

@media (min-width: 1069px) {
	.tamaki-niime {
		display: block;
		position: relative;
		max-width: 1440px;
		width: 100%;
		height: auto;
	}

	.tamaki-niime::after {
		content: "";
		display: block;
	}

	.tamaki-niime img {
		max-width: 100%;
		position: absolute;
	}

	.tamaki-niime::after {
		padding-bottom: 49.8611111111%;
	}

	.tamaki-niime img {
		inset-inline-start: 0;
	}
}

@media (min-width: 1441px) {
	.tamaki-niime {
		display: block;
		position: relative;
		max-width: 2560px;
	}

	.tamaki-niime::after {
		content: "";
		display: block;
	}

	.tamaki-niime img {
		max-width: 100%;
		position: absolute;
	}

	.tamaki-niime::after {
		padding-bottom: 49.84375%;
	}
}