@charset "UTF-8";
/*==============
    paage sitepolicy
================*/
@media screen and (min-width: 769px) {

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


/* ------------------------------
    policybox
------------------------------ */
.policybox{
	justify-content: flex-start;
}
.policybox + .policybox{
	margin-top: 50px;
}
.policybox .ttl{
	width: 230px;
	line-height: 1.2;
	padding-top: 0.3em;
}
.policybox .txt{
	flex:1;
	line-height: 1.8;
}
.policybox .txt p+p{
	margin-top: 2em;
}
.policybox .txt p + .policyli{
	margin-top: 1em;
}
.policybox .policyli + p{
	margin-top: 1em;
}
.policyli{
	padding-left: 1em;
}
.policyli li{
	position: relative;
	padding-left: 0.6em;
}
.policyli li:before{
	content: "";
	display: block;
	position: absolute;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #000;
	left: 0;
	top: 0.7em;
}
.policyli li+li{
	margin-top: 0.7em;
}
.policyli .policyli{
	padding-bottom: 1em;
	/*font-size: 1.5rem;*/
	padding-top: 0.7em;
}


@media screen and (min-width: 769px) {

}
@media screen and (max-width: 899px) {
	.policybox{
		display: block;
	}
	.policybox .ttl{
		margin-bottom: 1.5em;
	}
	.policybox .txt{
		padding-left: 1em;
	}
}
@media screen and (max-width: 768px) {
	.policybox + .policybox{
		margin-top: 9vw;
	}
	.policybox .ttl{
		width: 100%;
		font-size: 3.7vw;
		padding-top: 0;
		margin-bottom: 1em;
	}
	.policybox .txt{
		font-size: 2.8vw;
		padding-left: 0;
	}
	.policybox .txt p+p{
		margin-top: 1.5em;
	}
	.policyli li:before{
		width: 1vw;
		height: 1vw;
		top: 0.7em;
	}
	.policyli .policyli{
		font-size: 2.8vw;
	}


}