@charset "utf-8";

/* =====================================================
--------------------------------------------------------
共通
--------------------------------------------------------
===================================================== */

.privacy .freedial,
.privacy-transmission .freedial {
	margin: 4px 0;
	padding-left: 45px;
	background: url(/img/privacy/freedial.png) no-repeat left center;
	font-weight: bold;
}

.privacy-statement span:has(.c--link-text-external) > span {
	display: none;
}

.privacy h3,
.privacy-transmission h3 {
	margin-bottom: 8px;
}

@media screen and (min-width:1024px) {
	.privacy-statement span:has(.c--link-text-external) > span {
		display: inline;
	}
}










/* =====================================================
--------------------------------------------------------
個人情報保護方針
--------------------------------------------------------
===================================================== */

.privacy span {
	display: block;
}

.privacy .establish-date {
	margin-bottom: 8px;
}











/* =====================================================
--------------------------------------------------------
個人情報のお取り扱いについて
--------------------------------------------------------
===================================================== */

.privacy-statement {
	word-break: break-word;
	overflow-wrap: break-word;
}

.privacy-statement li > span,
.privacy-statement div > span {
	display: block;
}

.privacy-statement li:not(:first-of-type) > span {
	margin-top: 8px;
}

.privacy-statement .u--icon-download01 {
	margin-bottom: 8px;
}

.privacy-statement ul,
.privacy-statement dl {
	display: flex;
	flex-direction: column;
}

.privacy-statement dl {
	gap: 8px;
	margin-bottom: 16px;
}

.privacy-statement dl dd {
	position: relative;
	padding-left: 1em;
}

.privacy-statement dl dd > span {
	position: absolute;
	top: 0;
	left: 0;
}

.privacy-statement ul.lp--ul-disc {
	gap: 4px;
	margin: 0 0 4px 23px;
}

.privacy-statement dl ul.lp--ul-disc {
	margin-bottom: 0;
}

.privacy-statement .before_ul-disc {
	margin-bottom: 4px;
}

.privacy-statement ul.caution {
	margin-top: 0;
	font-size: 14px;
}

.privacy-statement .text-red {
	margin-bottom: 16px;
	color: var(--color-link-cv);
	font-size: 14px;
}

.privacy-statement .statement-info {
	display: flex;
	flex-direction: column;
	margin: 12px 0;
	padding: 12px 16px;
	background: var(--color-grey-light);
}

.privacy-statement .statement-company li span {
	display: none;
}

.privacy-statement .c--flex-1-2 {
	align-items: center;
}

.privacy-statement .c--flex-1-2 a {
	width: fit-content;
}

@media screen and (min-width:1024px) {
	.privacy-statement .statement-info {
		padding: 0;
		background: transparent;
	}
	.privacy-statement ul.sub-indent li {
		margin-left: 2.5em;
	}
	.privacy-statement .statement-company li span {
		display: inline;
	}
}











/* =====================================================
--------------------------------------------------------
利⽤者情報の外部送信について
--------------------------------------------------------
===================================================== */

.privacy-transmission dl dt {
	font-weight: bold;
}

.privacy-transmission dl dt::after {
	content: '：';
}

.privacy-transmission dl dd {
	margin-bottom: 8px;
}

.privacy-transmission dl dd:has(a) {
	display: flex;
	flex-direction: column;
	gap: 4px;
	word-break: break-word;
	overflow-wrap: break-word;
}

.privacy-transmission dl dd a {
	width: fit-content;
}

.privacy-transmission span {
	display: block;
}

@media screen and (min-width:1024px) {
	.privacy-transmission dl dt::after {
		content: '';
	}
	.privacy-transmission dl {
		display: flex;
		flex-flow: row wrap;
		gap: 2px;
	}
	.privacy-transmission dl dt {
		width: 20%;
		background: var(--color-grey-light);
	}

	.privacy-transmission dl dd {
		width: calc(100% - 2px - 20%);
	}
	.privacy-transmission dl .dd-title {
		background: var(--color-grey-light);
		font-weight: bold;
	}
	.privacy-transmission dl dt,
	.privacy-transmission dl dd {
		margin-bottom: 0;
		padding: 8px;
	}
}