@charset "UTF-8";

/*--------------------------------------------------------------------
privacy.html
privacy.css
--------------------------------------------------------------------*/

/*------------privacy---------------------------------------------------------------*/
#privacy section:not(:first-of-type) { margin-top: 30px; }
#privacy h4::before { content: "■"; }
#privacy h5 { font-weight: bold; }
#privacy p + ul,
#privacy ul + p { margin-top: 0.5em; }
#privacy ul { list-style: none; }
#privacy ul > li {
	padding-left: 1.3em;
	text-indent: -1.3em;
}
#privacy ul > li:before {
	content: "〇";
	margin-right: 0.3em;
}
#privacy section span { display: inline-block; }
#privacy section span:not(:last-of-type) { margin-right: 1em; }
#privacy dl dt {
	margin-top: 1em;
	color: var(--co-orange);
}
#privacy dl dt::before { content: "●"; }
#privacy dl dd dl {
	display: flex;
	gap: 0 1em;
	padding-left: 1em;
}
#privacy dl dd dl dt {
	margin-top: 0;
	color: var(--co-black);
}
#privacy dl dd dl dt::before { content: "【"; }
#privacy dl dd dl dt::after  { content: "】"; }
#privacy dl dd dl dd { flex: 1; }
#privacy dl dd p { padding-left: 1em; }
#privacy dl dd p a {
	position: relative;
	display: inline-block;
	padding-left: 0.8em;
	color: var(--co-black);
	transition: 0.5s;
}
#privacy dl dd p a::before {
	position: absolute;
	content: "";
	display: block;
	width: 8px;
	height: 9px;
	background-color: var(--co-brown01);
	clip-path: polygon(100% 50%, 0 0, 0 100%);
	top: 50%;
	left: 0;
	transform: var(--transformY);
	transition: 0.5s;
}
#privacy dl dd p a:hover { color: var(--co-orange); }

@media (max-width: 960px) {
}