/*
 *
 * page-privacy.scss
 *
 */
/* ------------------------------------------------------------
 pg-privacy-lead
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.pg-privacy-lead {
		padding: 8rem 0 17rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-privacy-lead {
		padding: 7.2rem 0 14rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-privacy-lead {
		padding: 6.5rem 0 11.5rem;
	}
}

/* ------------------------------------------------------------
 pg-privacy-item
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.pg-privacy-items {
		margin-bottom: 20.4rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-privacy-items {
		margin-bottom: 17rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-privacy-items {
		margin-bottom: 14.3rem;
	}
}

.pg-privacy-item {
	/* ----------------------------------------
	 type
	---------------------------------------- */
	/* ---------- -align-start ---------- */
	/* ---------- -space-large ---------- */
}

@media screen and (min-width: 561px) {
	.pg-privacy-item {
		display: flex;
	}
}

@media screen and (min-width: 1024px) {
	.pg-privacy-item:not(:last-of-type) {
		margin-bottom: 9rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-privacy-item:not(:last-of-type) {
		margin-bottom: 8rem;
	}
}

@media screen and (min-width: 561px) {
	.pg-privacy-item.-align-start .pg-privacy-item__header,
	.pg-privacy-item.-align-start .pg-privacy-item__main {
		align-items: flex-start;
	}
}

@media screen and (min-width: 561px) {
	.pg-privacy-item.-space-large .pg-privacy-item__header,
	.pg-privacy-item.-space-large .pg-privacy-item__main {
		padding-bottom: 10.5rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-privacy-item.-space-large .pg-privacy-item__main {
		padding-bottom: 9.1rem;
	}
}

@media screen and (min-width: 561px) {
	.pg-privacy-item__header,
	.pg-privacy-item__main {
		display: flex;
		align-items: center;
		padding: 0 calc( ( 45 / 1216 ) * 100%) 9rem;
	}
}

/* ---------- pg-privacy-item__header ---------- */
@media screen and (min-width: 561px) {
	.pg-privacy-item__header {
		border-bottom: solid 1px rgba(var(--color-black2--rgba), 0.7);
	}
}

@media screen and (min-width: 1024px) {
	.pg-privacy-item__header {
		width: calc( ( 368 / 1216 ) * 100%);
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-privacy-item__header {
		width: 35%;
	}
}

@media screen and (max-width: 560px) {
	.pg-privacy-item__header {
		padding-bottom: 3.8rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-privacy-item__header__title {
		display: flex;
		justify-content: center;
		text-align: center;
	}
}

.pg-privacy-item__header__title span {
	font-weight: 700;
	font-size: 1.8rem;
	font-size: max( 1.8rem , 15px );
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
	line-height: calc( var(--line-height) * 1em);
	letter-spacing: calc( 40 / 1000 * 1em);
}

@media screen and (min-width: 561px) {
	.pg-privacy-item__header__title span {
		--line-height: calc( 36 / 18 );
	}
}

@media screen and (max-width: 560px) {
	.pg-privacy-item__header__title span {
		border-bottom: solid 1px rgba(var(--color-black2--rgba), 0.7);
		--line-height: calc( 30 / 18 );
		padding-bottom: 3rem;
	}
}

/* ---------- pg-privacy-item__main ---------- */
.pg-privacy-item__main {
	position: relative;
	border-bottom: solid 1px rgba(var(--color-gray7--rgba), 0.5);
}

@media screen and (min-width: 561px) {
	.pg-privacy-item__main {
		flex: 1;
	}
}

@media screen and (max-width: 560px) {
	.pg-privacy-item__main {
		padding: 0 var(--side-width-large-percent) 8.4rem;
	}
}

/* ------ pg-privacy-item__illust ----- */
.pg-privacy-item__illust {
	overflow: hidden;
	bottom: 0;
}

@media screen and (min-width: 1024px) {
	.pg-privacy-item__illust {
		width: 8.3rem;
		right: 3.7rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-privacy-item__illust {
		width: 6.1rem;
		right: 4.9rem;
	}
}

.pg-privacy-item__illust img {
	-webkit-transform: scale(103.61446%);
	transform: scale(103.61446%);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
}
