@charset "utf-8";

div.privacy{
	width:calc(100% - 20px);
	max-width:1080px;
	margin:80px auto;
	box-sizing:border-box;
}

h1.privacy,
h2.terms{
	height:auto;
	text-align:center;
	margin:0 auto 40px auto;
	font-size:2em;
	font-weight:bold;
	color:#006494;
	line-height: 1.5em;
}
	
	div.privacy > ol{
		background-color:#f5fdff;
		padding:40px 60px;
		box-sizing:border-box;
	}
	
		div.privacy > ol li{
			list-style-type: decimal;
			margin:30px auto;
		}
	
	div.privacy strong{
		display:block;
		line-height:1.5em;
		margin:0 auto 10px auto;
	}
	
	div.privacy p{
		font-weight:500;
		line-height:1.5em;
		margin:0 auto;
	}
	
	div.terms{
		letter-spacing:-0.4em;
		text-align:center;
		margin:0 auto 100px auto;
	}
	
	
a.button{
	display:inline-block;
	height:60px;
	line-height:60px;
	background-color:#006494;
	border-radius:30px;
	border:none;
	color:#fff;
	cursor:pointer;
	width:calc(100% - 40px);
	max-width:290px;
	font-size:1.5em;
	margin:40px 20px;
	text-align:center;
	letter-spacing:0.05em;
}

a.button:hover{
	color:#006494;
	background-color:#85e9ff;
	text-decoration:none;
}
	

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
smf
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media screen and (max-width:800px){
div.privacy{
	margin:40px auto;
}
}
@media screen and (max-width:700px){
	div.privacy > ol{
		padding:20px 40px;
	}
}

@media screen and (max-width:400px){
h1.privacy,
h2.terms{
	margin:20px auto 40px auto;
	font-size:1.5em;
}

div.privacy{
	width:100%;
	padding:10px;
}

	div.privacy > ol{
		padding:10px 20px 10px 40px;
	}
	
	div.terms{
		margin:0 auto;
	}
	
	a.button{
		height:46px;
		line-height:46px;
		border-radius:23px;
		font-size:1.2em;
		
	}
}