@charset "utf-8";
/* ===================================================================
	use second
=================================================================== */

/*---------------------------------------------------------------------------*/

#contents {
	padding:75px 0 80px;
	position:relative;
	width:100%;
}

.background {
	height:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden;
	text-align:center;
	margin:auto;
	width:100%;
	z-index:-1;
}

.compliance {
	font-size:14px;
	margin:0 auto;
	width:1000px;
}

.compliance .ttl {
	margin-bottom:80px;
	text-align:center;
}

.compliance .box {
	border-bottom:#e0e0e0 1px solid;
	margin-bottom:60px;
	padding-bottom:60px;
}

.compliance .box h3 {
	margin-bottom: 1rem;
}

.compliance .box p {
	line-height: 1.5;
	margin: 0 1rem 1rem 3rem;
}

.compliance .box p.text {
	margin: 0 1rem;
	text-indent: 1rem;
}

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

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

	#contents {
		padding:40px 0;
	}
	
	.compliance {
		font-size:12px;
		margin:0 auto;
		width:100%;
	}
	
	.compliance .ttl {
		margin-bottom:40px;
		text-align:center;
	}
	
	.compliance .ttl img {
	height: auto;
	width: 80%;
	}
	
	.compliance .box {
		margin:0 auto 30px;
		padding-bottom:30px;
		width:90%;
	}
	
	.compliance .box p {
		line-height: 2;
		margin: .5rem 1rem 1rem 2.25rem;
	}