@charset "UTF-8";

/* --------------------------------------------------------------------------------------
	採用活動におけるハラスメント防止方針
--------------------------------------------------------------------------------------- */

.harassment-wrap { max-width: 1048px; }

#page-harassment .key-sub h2 span {
	font-family: var(--barlow-semi-condensed);
	font-size: 2rem;
	letter-spacing: 1px;
}

.harassment-wrap .lead {
	font-size: 2.1rem;
	font-weight: var(--Bold);
	line-height: 1.8;
}

.harassment-wrap article:first-of-type { margin-top: 64px; }
.harassment-wrap article:nth-of-type(n+2) { margin-top: 56px; }

.harassment-wrap article .text { margin-top: 24px; }

.harassment-wrap article .text p {
	font-size: 1.6rem;
	line-height: 2;
}

.harassment-wrap article .text p:nth-of-type(n+2) { margin-top: 12px; }

.harassment-wrap article .list-dotted { margin-top: 16px; }

.harassment-wrap article .list-dotted li {
	font-size: 1.6rem;
	line-height: 1.8;
}

.harassment-wrap article .list-dotted li:nth-of-type(n+2) { margin-top: 10px; }

.harassment-wrap article .contact {
	background-color: var(--color-thin-blue);
	border-radius: 16px;
	margin-top: 24px;
	padding: 28px 32px;
}

.harassment-wrap article .contact dl { display: flex; }
.harassment-wrap article .contact dl:nth-of-type(n+2) { margin-top: 12px; }

.harassment-wrap article .contact dt {
	color: var(--color-sky-blue);
	font-size: 1.6rem;
	font-weight: var(--Medium);
	min-width: 100px;
}

.harassment-wrap article .contact dd {
	font-size: 1.8rem;
	font-weight: var(--Bold);
	line-height: 1.4;
}

.harassment-wrap article .contact dd a {
	color: var(--color-sky-blue);
	transition: all .3s ease-in-out;
}

@media (min-width: 768px) {

	.harassment-wrap article .contact dd a:hover { text-decoration: underline; }
}

.harassment-wrap .established {
	border-top: 1px solid var(--color-border);
	font-weight: var(--Bold);
	line-height: 1.9;
	margin-top: 64px;
	padding-top: 32px;
}

.harassment-wrap .established p:nth-of-type(n+2) { margin-top: 8px; }

@media (max-width: 768px) {

	#page-harassment .key-sub h2 span { font-size: 3.865vw; }

	.harassment-wrap .lead { font-size: 4.831vw; }

	.harassment-wrap article:first-of-type { margin-top: 12.077vw; }
	.harassment-wrap article:nth-of-type(n+2) { margin-top: 13.527vw; }

	.harassment-wrap article .text { margin-top: 4.831vw; }

	.harassment-wrap article .text p,
	.harassment-wrap article .list-dotted li { font-size: 3.865vw; }

	.harassment-wrap article .text p:nth-of-type(n+2) { margin-top: 2.899vw; }

	.harassment-wrap article .list-dotted { margin-top: 3.865vw; }
	.harassment-wrap article .list-dotted li:nth-of-type(n+2) { margin-top: 2.415vw; }

	.harassment-wrap article .contact {
		border-radius: 2.899vw;
		margin-top: 4.831vw;
		padding: 5.797vw 4.831vw;
	}

	.harassment-wrap article .contact dl { display: block; }
	.harassment-wrap article .contact dl:nth-of-type(n+2) { margin-top: 3.865vw; }

	.harassment-wrap article .contact dt {
		font-size: 3.382vw;
		min-width: inherit;
	}

	.harassment-wrap article .contact dd {
		font-size: 4.348vw;
		margin-top: .966vw;
	}

	.harassment-wrap .established {
		margin-top: 13.527vw;
		padding-top: 7.729vw;
	}

	.harassment-wrap .established p:nth-of-type(n+2) { margin-top: 1.932vw; }
}