@charset "UTF-8";

/*================================================

　privacy

=================================================*/
.privacy {
	position: relative;
	max-width: 880px;
	margin: 0 auto;
	padding: 0;
	z-index: 9;
}
.privacy h2 {
	margin: 25px 0 80px;
	padding: 10px 0;
	text-align: center;
	color: #FFF;
	font-size: clamp(1.4rem, (100vw - 375px) * 11 / 905 + 14px, 2.5rem);
	font-weight: 700;
	background-color: #009BE4;
	border-radius: 9px;
	box-shadow: 3px 4px 0px rgba(0,91,172,1);
}

.privacy-content {
	position: relative;
	margin: 0;
	padding: 30px 40px;
	color:  #009BE4;
	font-size: clamp(1.1rem, (100vw - 375px) * 2 / 392 + 11px, 1.25rem);
	line-height: 1.6;
	border: 1px solid #009BE4;
	border-radius: 38px;
}
.privacy-content h3 {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: clamp(1.2rem, (100vw - 375px) * 3 / 905 + 12px, 1.5rem);
	font-weight: 700;
}
.privacy-content .heading {
	font-weight: 700;
}

.privacy-content ul {
	margin-top: 1.8em;
}
.privacy-content ul li {
	margin-bottom: 1.8em;
}
.privacy-content ul li p:nth-of-type(2) {
	margin-top: 1.8em;
	margin-left: 1.5em;
}
.privacy-content ul li ul {
	margin: 1.8em 0 0 1.5em;
}
.privacy-content ul li ul li {
	margin-bottom: 0;
	text-indent: -1em;
	padding-left: 1em;
}

@media screen and (max-width: 1080px) {

	.privacy {
		width: 81.481481%;
	}
	.privacy h2 {
		margin: 2.840909% 0 9.090909%;
		padding: 10px 0;
		border-radius: 6px;
		box-shadow: 2px 3px 0px rgba(0,91,172,1);
	}
	.privacy-content {
		border-radius: 24px;
	}

}

@media screen and (max-width: 767px) {

	.privacy-content {
		padding: 1.818182% 8.272727% 8.545455%;
	}

}